@import url(../fonts/onestfontfamily/stylesheet.css);

/*html {
    scroll-behavior: smooth;
}*/


body {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-family: 'Onest';
    color: #121212;
}

select {
    font-family: 'Onest' !important;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}


/*img {
    max-width: 100%;
    height: auto;
}*/

/* Old Css  */

.color {
    color: #ff7600;
    font-weight: 700;
}

.color1 {
    color: #4f575e;
    font-weight: 700;
}

.color2 {
    color: #4f575e !important;
    font-weight: 700;
    font-size: 16px;
}

.colr {
    color: #3A434B;
    font-weight: 900;
}

.colr1 {
    color: #3A434B;
    font-weight: 600;
}

.colr11 {
    color: #3A434B;
    font-weight: 400;
    margin-top: 8%;
    font-size: 14px;
}

.colr2 {
    color: #3A434B;
    font-weight: 400;
}

.bu2 {
    border: 0.5px solid #cdc9c9;
    background-color: #f3883d !important;
    color: #fff !important;
}

.bu3 {
    border: 0.5px solid #57A9FC;
    background-color: #57A9FC !important;
    color: #fff !important;
}

.bu4 {
    border: 0.5px solid #57A9FC;
    background-color: #719057 !important;
    color: #fff !important;
    width: 100%;
    margin-top: 5%;
}

.bu5 {
    border: 0.5px solid #cdc9c9;
    background-color: #f3883d !important;
    color: #fff !important;
    width: 100%;
    margin-top: 22%;
}

.bu55 {
    border: 0.5px solid #cdc9c9;
    background-color: #f3883d !important;
    color: #fff !important;
    width: 30%;
    margin-top: 4%;
    margin-bottom: 4%;
}

ul.list {
    list-style: circle;
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
}

    ul.list li {
        margin-bottom: 12px;
        position: relative;
        padding-left: 30px;
        list-style-type: circle;
        line-height: 1.5;
    }

/* 7.1. ACCORDION  */

/*.accordion .title {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
}

.accordion.style-1 .title {
    border: 1px solid #e3e3e3;
}

.accordion.style-2 .title {
    border-bottom: 1px solid #e3e3e3;
}

.accordion .title a {
    font-family: 'Montserrat', Arial, sans-serif;
    color: #161d27;
    display: block;
}

.accordion.style-1 .title {
    padding: 10px 10px 10px 45px;
    background-color: #fff;
}

.accordion.style-2 .title {
    padding: 0 10px 10px 25px;
}

.accordion .title a:before {
    display: block;
    content: '';
    float: right !important;
    cursor: pointer;
    background-image: none;
    content: '\f078';
    font-family: 'FontAwesome';
    font-size: 15px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.accordion .title.active a:before,
.accordion .title.active a:hover:before {
    content: '\f077';
}

.accordion .title:before {
    padding-top: 10px;
    text-align: center;
}

.accordion .title.active a:before,
.accordion .title a:hover:before {
    color: #fff;
}

.accordion.style-1 .title a:before {
    top: 10px;
    left: 20px;
}

.accordion.style-2 .title a:before {
    top: 0;
    left: 0;
}

.accordion .content {
    margin-top: 10px;
    margin-bottom: 5px;
}

.accordion.style-1 .content {
    padding: 0 10px 0 40px;
    margin-left: 10px;
}

.accordion.style-2 .content {
    padding: 0;
}

.custom-heading.add-divider-1:after,
.tabs li.active a,
.tabs li a:hover,
.wpcf7 .wpcf7-text:focus,
.wpcf7 .wpcf7-textarea:focus,
.accordion.style-2 .title.active,
.blockquote.style-3 {
    border-color: #b48c80;
}*/

.style-1 {
    background-color: #fff;
}

.bs-example {
    margin: 0px;
}

.fa22 {
    font-size: 20px !important;
}

.btn-link {
    font-weight: 400;
    color: #3A434B;
    text-decoration: none;
}

/*.modal-header {
    border-bottom: 1px solid #e5e5e5;
    display: block !important;
}*/

.mod {
    font-size: 13px;
    font-weight: 500;
}

.accordion .fa1 {
    float: right;
}

div#locationPanel {
    max-height: 74vh;
    overflow-y: scroll;
    padding-bottom: 10px;
}

/*.card-header {
    padding: .75rem 1.25rem;
    background-color: rgb(255 255 255 / 3%);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}*/

/*.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}*/

.popper {
    margin-bottom: 20px !important;
}

.tr1 {
    text-align: right;
}

.mar1 {
    margin-top: 1%;
}

.color111 {
    color: #4f575e;
    font-weight: 700;
}

.color112 {
    color: #ff7600;
    font-weight: 700;
    font-size: 17px;
}

.padr {
    padding: 5px 20px 5px 20px !important;
    background-color: #fff !important;
}

.lh1 {
    padding: 0px 0px 10px 2px;
}

.tr2 {
    margin-top: 9px;
    text-align: center;
}

.cc1 {
    margin-right: 8px;
    color: #F3883D;
    margin-left: 0px !important;
}

.color17 {
    color: #4f575e;
}

.v4 {
    font-size: 22px;
    font-weight: 600;
}

.v5 {
    font-size: 10px;
}

.v7 {
    margin-top: 3%;
}

.pd-10p {
    padding-top: 10px;
}

.dec {
    list-style: decimal;
}

.location-info p {
    margin-bottom: 0px;
    line-height: 1.8rem;
    color: #000;
}

.location-info .list-group-item {
    border-width: 0px;
    padding: .25rem;
    margin: 0;
}

.accordion .card {
    margin-bottom: 12px !important;
    border: none !important;
    border-radius: 12px !important;
}

.accordion .fa.rotate-icon {
    font-size: 1.6rem;
    padding: 3px 7px;
    margin-left: 2rem;
}

/*--- Common Css ---*/

.container-fluid {
    padding-left: 4%;
    padding-right: 4%;
}

.btn-style {
    text-transform: capitalize;
    padding: 5px 10px;
    border-radius: 3px;
    font-weight: 500;
    background: #f3883d;
    border: 1px solid #f3883d;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    transition: all .5s;
    font-size: 0.7rem;
    text-align: center;
    outline: 0;
}

    .btn-style i {
        margin-right: 2px;
    }

.bdr-btn {
    background: #fff;
    border-color: #ddd;
    color: #000;
}

.orange-btn {
    background: #df8c21;
    border-color: #df8c21;
    padding: 10px 50px;
}

.green-btn {
    background: #719057;
    border-color: #719057;
}

.skyblue-btn {
    background: #57a9fc;
    border-color: #57a9fc;
}

.btn-style:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}

.main-heading {
    margin-bottom: 50px;
}

    .main-heading h2 {
        font-size: 40px;
        font-weight: bold;
    }

    .main-heading p {
        color: #212121;
        opacity: 0.7;
    }

/*--- header Css ---*/

.header-alert {
    background: #f3883d;
    color: #fff;
    padding: 8px 0;
}

.header-top-para {
    padding-left: 0;
}

    .header-top-para p {
        font-size: .8rem;
        line-height: 1.2 !important;
    }

.top-header {
    background: transparent;
    padding: 20px 0 0 0;
}

.header-nav {
    padding: 0px 0 0;
}

    .header-nav li a {
        display: inline-block;
    }

    .header-nav .navbar {
        box-shadow: none !important;
    }

        .header-nav .navbar li {
            margin: 0 .5rem 0 0;
        }

            .header-nav .navbar li a {
                color: #000000 !important;
                font-weight: 500;
                border-radius: 5px;
                font-size: 14px;
                padding: 10px 7px !important;
                display: block;
                font-family: 'Moderat-Medium';
                line-height: 1.2;
            }

                .header-nav .navbar li a:hover,
                .header-nav .navbar li a.active,
                .header-nav .navbar li a:focus {
                    background: no-repeat;
                    color: #ee8540 !important;
                    /* font-family: 'Moderat-Medium'; */
                }

.top-header .top-heading {
    font-size: .8rem;
}

    .top-header .top-heading a {
        color: #f3883d;
        cursor: pointer;
        font-weight: bold;
    }

    .top-header .top-heading i {
        color: #000;
    }

.top-header .top-links.top-heading span {
    color: #000;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
}

    .top-header .top-links.top-heading span a {
        color: #f3883d;
    }

.top-header .top-button .btn-style {
    font-size: 12px;
    padding: 5px 10px;
}

/*--- Banner Css ---*/

.main-banner .intro h1 {
    color: #212121;
    font-weight: bolder;
    margin-bottom: 25px;
    font-size: 34px;
    margin-top: 0;
    font-family: 'Graphik-Semibold';
    margin-bottom: 0;
}

    .main-banner .intro h1.mainwelocometext {
        font-size: 25px;
        color: #212121;
        font-weight: 600;
        margin-top: 10px;
        font-family: 'Moderat-Medium';
    }

.main-banner .banner-txt {
    padding-top: 25px;
}

.main-banner .intro h5 {
    color: #3A434B;
    font-weight: 700;
    margin-bottom: 20px;
}

    .main-banner .intro h5 span {
        color: #ff7600;
        font-weight: 700;
    }

.main-banner .intro h1 span {
    color: #ff7600;
    font-weight: 700;
}

.main-banner p {
    line-height: 1.8rem;
    color: #333;
}

.main-banner .banner-img img {
    width: 100%;
    max-width: 850px;
}

.main-banner .banner-imgbox {
    position: relative;
}

    .main-banner .banner-imgbox a {
        position: absolute;
        bottom: 25px;
        left: 50%;
    }

.pvw {
    max-width: 70%;
    height: auto;
}

/*--- programs-giftcard ---*/

.giftsign-box h3 span {
    color: #ff7600;
    display: block;
    margin-top: 4px;
}

.giftsign-box h3 {
    font-size: 1.2rem;
    margin-bottom: 15px;
}

.programs-giftcard,
.main-section-bg {
    /*background-image: url(../images/prog-bg.png);*/
    background-size: cover;
    padding: 10px 0 0;
    background-color: transparent;
    background-attachment: fixed;
}

    .programs-giftcard .programs-giftacard,
    .main-section-bg .content-panel {
        background-color: #eaf1ff;
        padding: 25px;
        border-radius: 15px;
    }

    .programs-giftcard .programs-giftacard {
        height: 100%;
    }

    .main-section-bg .content-panel {
        height: auto;
    }

    .programs-giftcard .programs-giftacard .card-header a {
        display: block;
        padding: 15px 55px 15px 20px;
        color: #000;
        font-weight: 700;
        position: relative;
    }


    .programs-giftcard .programs-giftacard .card-header i:not(.static-arrow) {
        width: 25px;
        height: 25px;
        line-height: 25px;
        border: 1px solid #88ca98;
        color: #88ca98;
        border-radius: 50%;
        text-align: center;
        font-size: 14px;
        position: absolute;
        right: 20px;
        top: 8px;
    }

    .programs-giftcard .programs-giftacard .card .card-body ol,
    .programs-giftcard .programs-giftacard .card .card-body ul {
        margin: 0 0 15px 18px;
        padding: 0;
    }

        .programs-giftcard .programs-giftacard .card .card-body ul li {
            margin-bottom: 4px;
        }

    .programs-giftcard .programs-giftacard .card .main-btn {
        margin-top: 25px;
        margin-bottom: 25px;
        text-align: center;
    }

        .programs-giftcard .programs-giftacard .card .main-btn .btn-style {
            width: 30%;
            display: block;
            max-width: 400px;
            font-size: 0.75em;
            margin-left: 20px;
            width: 30%;
            display: block;
            max-width: 400px;
            font-size: 0.8em;
            margin-left: 20px;
        }

    .programs-giftcard.programfee .card .main-btn .btn-style {
        margin-left: 20px !important;
    }

    .main-section-bg.inner-page .card .main-btn .btn-style {
        width: 200px;
    }

/*.discounts {
    width: 100% !important;
    height: 100% !important;
}*/


.start-line {
    display: flex;
}

.testi-image span {
    text-transform: uppercase;
}

.giftsign-box {
    position: relative;
    height: 100%;
    border-radius: 25px;
    padding: 23px;
    margin: 0px 20px;
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 3px;
}

    .giftsign-box .contentbox {
        margin-top: 5px;
    }

        .giftsign-box .contentbox p.title {
            font-size: 15px;
            font-weight: 500;
            font-family: 'Moderat-Medium';
            color: black;
            margin-bottom: 4px;
        }

        .giftsign-box .contentbox p.day {
            margin-bottom: 0;
            color: gray;
            font-size: 14px;
        }

        .giftsign-box .contentbox p.time {
            margin-bottom: 0;
            color: gray;
            font-size: 14px;
        }

    .giftsign-box .discounts .slick-dots {
        position: absolute;
        bottom: -38px;
        display: block;
        width: 100%;
        padding: 0;
        list-style: none;
        text-align: center;
    }

.giftsign-box1 {
    background: #f6f8f4;
}

    .giftsign-box1 .giftsign-alertxt {
        background: #f5eae7;
        padding: 5px 10px;
        display: inline-block;
        border-radius: 6px;
        color: red;
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 15px;
    }

.giftsign-box h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.giftsign-box h4 {
    font-size: 15px;
    margin-bottom: 0;
    font-weight: 600;
}

.giftsign-box .main-btn {
    width: 100%;
    margin-bottom: 20px;
}

    .giftsign-box .main-btn .btn-style {
        width: 100%;
        padding: 10px 20px;
    }

.giftsign-box1 h4 {
    color: #719057;
}

.giftsign-box2 {
    background-color: none;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

    .giftsign-box2 h4 {
        margin: 25px 0 0px;
        font-size: 40px !important;
        font-weight: 500;
        font-family: 'Lato';
        font-weight: 600;
    }


.giftsign-box .giftsign-price {
    font-size: 90px;
    font-weight: 700;
    line-height: 0.85;
}


.giftsign-box2 p {
    font-size: 11px;
    font-weight: 700;
    max-width: 100%;
    margin-top: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    right: 0;
    background-color: #ffffffde;
    margin: 0;
    color: #636363 !important;
    /* font-family: 'Moderat-Medium'; */
    font-family: 'Lato';
    padding: 12px 60px;
}

.weekends {
    margin-left: 15px;
}

.discounts .slick-list {
    height: 100%;
}

.giftsign-box.giftsign-box1 {
    margin-left: 0;
    margin-right: 0;
}

.weekends p {
    margin: 0;
}

.giftsign-box2 h3 {
    margin-top: 10px;
    font-family: 'Lato';
    font-size: 28px !important;
}

.programs-giftcard .programs-giftacard .cardbtn {
    display: inline-block;
    font-size: 12px;
    padding: 3px 10px;
    background: #e8f8d1;
    border: 1px solid #cee2b2;
    border-radius: 12px;
    font-weight: bold;
    color: #719057;
    cursor: pointer;
}

    .programs-giftcard .programs-giftacard .cardbtn.org_btn {
        background: #ffeadc;
        border-color: #efd2bf;
        color: #bd9e8a;
    }

.programs-giftcard .programs-giftacard .card-header a h5 {
    margin: 0;
    font-weight: bold;
}

.programs-giftcard .md-accordion .card .card-header a {
    display: block;
    padding: 15px 20px 15px 20px;
    color: #000;
    font-weight: 700;
    position: relative;
    white-space: nowrap;
}



.programs-giftcard .md-accordion .card .main-btn {
    margin-top: 10px;
    margin-bottom: 20px;
}

.programs-giftcard .md-accordion .card {
    margin-bottom: 26px !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 0 17px -13px #93b6fa;
}


div#ProgramListPanel {
    padding-top: 0px;
}

.programs-giftcard .md-accordion .card .card-header a h5 {
    margin: 0;
    font-weight: bold;
    font-size: 1.3rem;
}

#progCollapse1 .card-body {
    font-size: 0.8rem;
}

.programsgift-btmbox {
    margin-top: 30px;
}

    .programsgift-btmbox .gift-btmbox {
        background-color: #faf7f5;
        background-image: url(../images/back.png);
        background-repeat: no-repeat;
        background-position: left top;
        border-radius: 25px;
        text-align: center;
        padding: 25px 25px;
    }

    .programsgift-btmbox .locate-btn {
        text-align: right;
    }

        .programsgift-btmbox .locate-btn span.btn-style {
            display: inline-block;
            background: #fff3e8;
            color: #87664f;
            border: 1px solid #dccec1;
            padding: 5px 18px;
            border-radius: 21px;
            font-size: 14px;
        }

    .programsgift-btmbox .gift-btmbox .redemtxt {
        font-size: 11px;
        color: #b1701c;
        margin-top: 15px;
    }

    .programsgift-btmbox .gift-btmbox h3 {
        font-size: 47px;
        font-weight: 500;
        margin-top: 25px;
        /* font-style: italic; */
        color: #df8c21;
    }

    .programsgift-btmbox .gift-btmbox h5 {
        font-size: 24px;
        color: #a28a78;
        margin-bottom: 14px;
    }

/*--- we-offer ---*/

.we-offer {
    background-repeat: no-repeat;
    padding: 60px 0;
    background-attachment: fixed;
    background-color: transparent;
}

.whybox h4,
.smartlearn-box h4 {
    color: #4f575e;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 25px;
}

.whybox .whybox-img {
    width: 86px;
    margin: 0 auto;
}

.whybox p,
.smartlearn-box p {
    color: #3A434B;
    margin: 0;
}

.smart-learning {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: transparent;
    padding: 60px 0;
    background-position: center right;
}

.smartlearn-main {
    padding-top: 45px;
}

    .smartlearn-main [ class*='col-'] {
        margin-bottom: 60px;
    }

.smartlearn-box h4 {
    margin-bottom: 6px;
}

.smartlearn-box {
    display: block;
    width: 100%;
    align-items: center;
}

    .smartlearn-box .smartlearn-box-img {
        width: 130px;
        padding-right: 20px;
    }

    .smartlearn-box .smartlearn-box-cnt {
        /*width: calc(100% - 130px);
        padding-left: 10px;*/
    }

/*--- feedback ---*/

.feedback {
    padding: 60px 0 100px;
    background: #F9FBFF;
    border-radius: 5px;
}

.feedback-main *:focus {
    outline: 0;
}

.feedback-box {
    text-align: left;
    position: relative;
    padding: 30px;
    background-color: white;
    margin: 0 25px;
    border-radius: 10px;
}

    .feedback-box:before {
        content: '';
        background-image: url(../images/people-say-bg-icon.png);
        position: absolute;
        top: 31px;
        right: 30px;
        background-repeat: no-repeat;
        width: 73px;
        height: 100%;
        background-size: 100%;
    }

    .feedback-box .feedback-boxcnt {
        text-align: left;
    }

        .feedback-box .feedback-boxcnt p {
            font-size: 15px;
            line-height: 1.7;
            color: #212121;
            opacity: 0.7;
            display: -webkit-box;
            /* max-width: 400px; */
            -webkit-line-clamp: 6;
            -webkit-box-orient: vertical;
            overflow: hidden;
            height: 153px;
            text-overflow: ellipsis;
        }

    .feedback-box .feedback-boxauthor h4 {
        color: #212121;
        font-weight: 600;
        font-size: 15px;
        margin: 0;
        padding-left: 20px;
    }

    .feedback-box .feedback-boxauthor {
        display: flex;
        align-items: center;
        /* justify-content: center; */
        margin-top: 0;
        margin-bottom: 20px;
    }

        .feedback-box .feedback-boxauthor h4 span {
            display: block;
            font-size: 13px;
            /* opacity: .6; */
            font-weight: 500;
            margin-top: 5px;
            color: #93B6FA;
        }

            .feedback-box .feedback-boxauthor h4 span i.fas.fa-map-marker-alt.headerlocation {
                font-size: 14px;
                color: #93B6FA;
            }

        .feedback-box .feedback-boxauthor .author-img img {
            width: 55px;
            height: 55px;
            box-shadow: 0 0 5px #a2a2a2;
            border-radius: 50%;
            object-fit: cover;
        }

.feedback_slider .slick-dots li {
    margin: 0 4px;
    width: 10px;
    border-radius: 13px;
    height: 10px;
    background-color: #c0d7ff;
}

    .feedback_slider .slick-dots li a {
        display: none;
    }

    .feedback_slider .slick-dots li.slick-active {
        width: 20px;
        height: 20px;
        font-size: 12px;
        line-height: 22px;
        background-color: #5b95fc;
        color: white;
    }

        .feedback_slider .slick-dots li.slick-active a {
            display: block;
        }

.slick-dots li button {
    padding: 0;
    background: #EDF3FE;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.discounts .slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.discounts .slick-dots {
    position: absolute;
    bottom: -53px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li.slick-active button {
    background: #5993ff;
}

.slick-dots li button:before {
    display: none;
}

/*--- Footer ---*/

.footer {
    background: #2C363E;
    padding-top: 40px;
    color: #fff;
}

.newslatter-box {
    max-width: 350px;
    margin: auto;
}

.newslatter-input .form-control {
    height: 40px;
    border-radius: 5px;
    border: 1px solid #fff;
    font-size: 15px;
    display: inline-block;
    width: calc(100% - 60px);
    vertical-align: top;
}

.newslatter-input .ftr_btn {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    display: inline-block;
    box-shadow: none;
    cursor: pointer;
    vertical-align: top;
    margin-left: 5px;
}

.ftrtop-main {
    padding: 60px 0 35px;
}

    .ftrtop-main .ftr-menu {
        padding: 0 40px;
    }

        .ftrtop-main .ftr-menu ul,
        .ftrtop-main .ftr-social ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .ftrtop-main .ftr-menu ul {
            float: left;
            width: 47%;
            margin-right: 3%;
        }

            .ftrtop-main .ftr-menu ul:last-child {
                margin-right: 0;
            }

        .ftrtop-main .ftr-menu li {
            display: block;
            width: 100%;
            margin-bottom: 5px;
            opacity: .5;
        }

            .ftrtop-main .ftr-menu li:hover {
                color: #fff !important;
            }

            .ftrtop-main .ftr-menu li a {
                color: #d1e0f1;
                font-size: 1.1em;
            }

    .ftrtop-main h4 {
        margin-bottom: 20px;
    }

    .ftrtop-main .ftr-social li {
        display: inline-block;
        margin-right: 8px;
    }

        .ftrtop-main .ftr-social li a {
            color: #fff;
            font-size: 40px;
            line-height: 0;
        }

.ftr-cpyright {
    padding: 20px 0;
}

    .ftr-cpyright p {
        opacity: 0.65;
        font-size: 14px;
        color: #ffffff;
        font-weight: 500;
        text-align: center;
    }

/*--- location Modal ---*/

.location-list .card-header .btn-style {
    font-size: 12px;
    padding: 6px 15px !important;
    min-width: 125px;
    text-align: center;
}

.location-list .card .card-body ul li {
    margin-bottom: 0px !important;
}

.location-list .list-body {
    background: #ffffff;
    border-radius: 10px;
    padding: 20px;
}

.location-list .list-content .modal-header {
    border: 0;
    border-radius: 0;
}

.location-list .list-content .modal-header {
    border: 0 !important;
    border-radius: 0;
    padding: 0 !important;
    margin-bottom: 25px;
}

.location-list .accordion .card {
    border-radius: 5px !important;
}

/*--- programs-fees ---*/

.programs-fees accordionPrograms .card-body {
    padding: 1.5rem 1.8rem;
    font-size: 1em;
}

.programs-fees {
    /*background-image: url(../images/prog-bg.png);*/
    background-size: cover;
    background-color: transparent;
    background-attachment: fixed;
}

.programs-feesheading .prog-fesheadingtop {
    margin-bottom: 25px;
}

    .programs-feesheading .prog-fesheadingtop h3 {
        font-weight: 700;
        font-size: 27px;
    }

.programs-feesheading .prog-fesheadingbtm p {
    margin-bottom: 4px;
}

.programs-feesheading .prog-fesheadingbtm h4 {
    margin-top: 30px;
}

.programs-feesheading .prog-fesheadingbtm h4 {
    margin: 35px 0 25px;
    font-weight: 500;
}

.programs-fees .programs-feesbody {
    background-color: #F9FCFF;
    padding: 35px;
    border-radius: 0 0 15px 15px;
    border: 1px solid #d7e5ff;
    border-top: 0;
}

.programs-feesbody .programs-giftacard .card-header a {
    display: block;
    padding: 20px 55px 20px 90px;
    color: #000;
    font-weight: 700;
    position: relative;
}

.programs-feesbody .programs-giftacard .card-header .accordionlink {
    display: block;
    padding: 0;
    color: #000;
    font-weight: 700;
    position: relative;
    width: 100%;
    display: inline-flex;
    align-items: center;
}

#accordionPrograms .btn-styleac {
    padding: .3em 0.5em !important;
    font-weight: bold;
    display: inline;
    font-size: .85em;
    font-family: 'Lato';
    margin-left: 10px;
    color: #FFF;
}

.programs-feesbody .programs-giftacard .card-header a img {
    position: inherit;
    left: inherit;
    top: inherit;
    width: 45px;
    margin-right: 20px;
}

.programs-feesbody .programs-giftacard .card-header a h5 {
    margin: 0;
    display: flex;
    align-items: center;
}

    .programs-feesbody .programs-giftacard .card-header a h5 span.program-price {
        padding: .6em 1.5em;
        margin-left: auto;
        border-radius: 20px;
        font-weight: bold;
        font-size: .85em;
        display: inline-flex;
        background-color: #e4f4d7;
        color: #71916a;
    }

        .programs-feesbody .programs-giftacard .card-header a h5 span.program-price.green-tag {
            background-color: #e4f4d7;
            color: #71916a;
        }

        .programs-feesbody .programs-giftacard .card-header a h5 span.program-price.orange-tag {
            background-color: #FFF3E8;
            color: #F59756;
        }

        .programs-feesbody .programs-giftacard .card-header a h5 span.program-price.blue-tag {
            background-color: #e4f1fc;
            color: #377ab5;
        }

.programs-feesbody .programs-giftacard .card-header span.program-price {
    padding: .6em 1.5em;
    margin-left: auto;
    border-radius: 20px;
    font-weight: bold;
    font-size: .85em;
    display: inline-flex;
    background-color: #e4f4d7;
    color: #71916a;
}

    .programs-feesbody .programs-giftacard .card-header span.program-price.green-tag {
        background-color: #e4f4d7;
        color: #71916a;
    }

    .programs-feesbody .programs-giftacard .card-header span.program-price.orange-tag {
        background-color: #FFF3E8;
        color: #F59756;
    }

    .programs-feesbody .programs-giftacard .card-header span.program-price.blue-tag {
        background-color: #e4f1fc;
        color: #377ab5;
    }

.programs-feesbody .programs-giftacard .card-header i {
    width: 39px;
    height: 39px;
    line-height: 36px;
    border: 1px solid #FFF4ED;
    color: #FDAD7E;
    background-color: #FFF4ED;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    margin-left: 10px;
    right: inherit;
    top: inherit;
    position: inherit;
}

.programs-feesbody .programs-giftacard .card-header .btn-styleac i {
    border: 0 !important;
    position: relative;
    top: 0.5px;
    right: 0;
    width: 5px;
    height: auto;
    color: #FFF;
    margin-left: 6px;
    line-height: 0;
}

    .programs-feesbody .programs-giftacard .card-header .btn-styleac i:before {
        font-size: 16px !important;
    }

.programs-feesbody .programs-giftacard .cardbtn {
    display: inline-block;
    font-size: 12px;
    padding: 3px 10px;
    background: #e8f8d1;
    border: 1px solid #cee2b2;
    border-radius: 12px;
    font-weight: bold;
    color: #719057;
    cursor: pointer;
}

    .programs-feesbody .programs-giftacard .cardbtn.org_btn {
        background: #ffeadc;
        border-color: #efd2bf;
        color: #bd9e8a;
    }

.programs-fees .programs-feesbody .card .card-body h4 {
    font-size: 15px;
    font-weight: 500;
    color: #212121;
    margin-bottom: 25px;
    font-family: 'Graphik-Medium' !important;
}

.programs-fees .programs-feesbody .card .card-body .listnumber {
    list-style: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
}

    .programs-fees .programs-feesbody .card .card-body .listnumber li {
        margin-bottom: 12px;
        position: relative;
        padding-left: 30px;
        list-style-type: none;
        counter-increment: item;
        line-height: 1.5;
    }

        .programs-fees .programs-feesbody .card .card-body .listnumber li:before {
            content: counter(item);
            position: absolute;
            left: 0;
            top: 2px;
            width: 20px;
            height: 20px;
            line-height: 1.8em;
            background: #e9f3fe;
            color: #56a1ec;
            font-size: 10px;
            text-align: center;
            border-radius: 50%;
            font-weight: 600;
        }

.programs-fees .programs-feesbody .light_txt {
    margin-bottom: 6px;
}

    .programs-fees .programs-feesbody .light_txt span {
        display: inline-block;
        background: #fff9f5;
        border-radius: 5px;
        padding: 6px 20px;
    }

    .programs-fees .programs-feesbody .light_txt i {
        font-size: 18px;
        color: #f3883d;
        margin-right: 5px;
    }

    .programs-fees .programs-feesbody .light_txt a {
        font-weight: 600;
        color: #f3883d;
    }

.programs-fees .programs-feesbody .price_calu {
    margin: 35px 0 25px;
}

    .programs-fees .programs-feesbody .price_calu .price_calubox {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

        .programs-fees .programs-feesbody .price_calu .price_calubox .price-figure {
            display: flex;
            align-items: flex-start;
        }

.programs-fees .programs-feesbody .price_calubox-col span {
    display: flex;
    align-items: flex-start;
    font-size: 29px;
    color: #404040;
}

    .programs-fees .programs-feesbody .price_calubox-col span small {
        font-size: .65em !important;
        padding-top: 4px;
        color: #777;
    }

.programs-fees .programs-feesbody .price_calubox-equl,
.programs-fees .programs-feesbody .price_calubox-minus {
    font-size: 28px;
    margin: 0 25px;
}

.programs-fees .programs-feesbody .price_calubox-total {
    background: #fff3e8;
    border-radius: 10px;
    padding: 20px;
    font-size: 14px;
}

    .programs-fees .programs-feesbody .price_calubox-total h5 {
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 3px;
        color: #86664F;
    }

    .programs-fees .programs-feesbody .price_calubox-total label {
        color: #86664F;
    }

    .programs-fees .programs-feesbody .price_calubox-total span {
        display: flex;
        align-items: flex-start;
        font-size: 30px;
        font-weight: bold;
        color: #f3883d;
        line-height: 1.3;
    }

        .programs-fees .programs-feesbody .price_calubox-total span small {
            font-size: .65em !important;
            padding-top: 4px;
        }

.programs-fees .programs-feesbody .price_calue_subtxt {
    margin-top: 10px;
    opacity: .6;
    font-size: 12px;
}

.progs-navlist {
    margin-bottom: 0;
    padding-top: 0;
    background-color: #EEF4FD;
    padding: 15px 35px;
}

    .progs-navlist ul {
        display: inline-flex;
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
    }

        .progs-navlist ul:before {
            content: '';
            border-bottom: 2px dashed #93B6FA;
            position: absolute;
            width: 100%;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

    .progs-navlist li {
        padding-right: 50px;
        display: inline-block;
    }

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

        .progs-navlist li .progs-navlistbox {
            display: inline-block;
            width: auto;
            height: auto;
            color: #93B6FA;
            text-align: center;
            background: #fff;
            border: none;
            border-radius: 5px;
            padding: 10px;
            position: relative;
        }



            .progs-navlist li .progs-navlistbox span {
                font-size: 13px;
                line-height: 19px;
                position: inherit;
                top: inherit;
                left: 0;
                width: 100%;
                transform: inherit;
                padding: 0 5px;
                vertical-align: middle;
                font-weight: 500;
            }

        .progs-navlist li.active .progs-navlistbox span {
            color: #fff;
        }

.progrsm-feeslect {
    padding-left: 25px;
}

.programs-feesheading .prog-fesheadingtop h3 {
    font-size: 22px;
}

.programs-fees .programs-feesbody .cmn-form h5 {
    font-weight: 600;
    font-size: 18px;
    margin: 0 0 12px;
}

.programs-fees .programs-feesbody .cmn-form label {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0px;
    padding-top: 0px;
}

#ddlProgram {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #a2d0fe;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-family: 'Lato';
    padding-top: 4px;
}

.programs-fees .programs-feesbody .cmn-form label a {
    color: #57A9FC !important;
}

.cmn-form [ class*='col-'] {
    margin-bottom: 15px;
}

.programs-fees .programs-feesbody .cmn-form .inclue_advancecheck {
    background: #FFF9F6;
    padding: 12px 14px;
    border-radius: 8px;
    font-weight: 500;
    height: 50px;
}

.cmn-form label a,
.cmn-form p a {
    color: #57A9FC;
    font-weight: 600;
    text-decoration: underline;
}

.programs-fees .programs-feesbody .cmn-form .registbtm_dtls {
    padding-top: 20px;
}

    .programs-fees .programs-feesbody .cmn-form .registbtm_dtls label.sub-heading {
        font-weight: 600;
        margin-bottom: 10px;
        font-size: 14px;
    }

.cmn-form .addminus-btnbox {
    background: transparent;
    display: inline-flex;
    padding: 5px 12px;
    border: 1px solid #dedede;
    border-radius: 5px;
    align-items: center;
}

    .cmn-form .addminus-btnbox i {
        display: inline-block;
        width: 25px;
        height: 25px;
        line-height: 26px;
        text-align: center;
        background: #FFF4ED;
        color: #FDAD7E;
        font-size: 1em;
        border-radius: 50%;
        cursor: pointer;
    }

    .cmn-form .addminus-btnbox span {
        display: inline-block;
        padding: 0;
        width: 90px;
        /* line-height: 25px; */
        font-size: 14px;
        margin: 0 5px;
    }

        .cmn-form .addminus-btnbox span input {
            max-width: 100%;
            font-size: 1.5em;
            height: 35px;
            text-align: center;
            border: none !important;
            outline: none;
        }

.pricebox_details {
    background: transparent;
    border-radius: 0;
    padding: 0;
}

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

    .pricebox_details li {
        display: flex;
        list-style: none;
        padding: 0;
        margin-bottom: 10px;
        font-weight: 500;
        font-size: 15px;
        color: #636363;
    }

        .pricebox_details li span.pulrigt {
            margin-left: auto;
            font-weight: normal;
            color: #000000;
            padding-left: 15px;
        }

            .pricebox_details li span.pulrigt label {
                font-size: 1em !important;
                font-weight: normal;
            }

        .pricebox_details li.totalamnt {
            padding-top: 12px;
            border-top: 3px solid #F0F5FF;
            margin-top: 15px;
            font-size: 20px;
            color: #212121;
        }

            .pricebox_details li.totalamnt strong {
                font-weight: 900;
            }

            .pricebox_details li.totalamnt span.pulrigt,
            .pricebox_details li.totalamnt span.pulrigt label {
                color: #81C995;
                font-size: 18px;
                font-weight: 800;
            }

/*.registbtm_dtllft {
    max-width: 550px;
}*/

.registbtm_dtllft .addminus-btnbox {
    margin: 0px !important;
}

    .registbtm_dtllft .addminus-btnbox span input,
    .registbtm_dtllft .addminus-btnbox span input:focus {
        font-size: 1.1em;
        height: 28px;
    }

.registbtm_dtllft .custom-control-label {
    font-size: 1em !important;
}

.schedulebox-cards {
    margin-bottom: 35px;
}

    .schedulebox-cards .card {
        background: #ffffff;
        border: 1px solid #ffe9da !important;
    }

.schedulebody ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.schedulebox-cards .schedulebody-head {
    border-bottom: 1px solid #ddd;
    padding-bottom: 17px;
    margin-bottom: 25px;
}

    .schedulebox-cards .schedulebody-head ul {
        display: flex;
        padding-left: 25px;
    }

        .schedulebox-cards .schedulebody-head ul li {
            width: 33%;
            font-size: 16px;
            font-weight: 600;
        }

.schedulebox-cards .schedulebody-cntlist li .schedulelistin {
    display: flex;
}

    .schedulebox-cards .schedulebody-cntlist li .schedulelistin span {
        width: 100%;
        font-size: 15px;
    }

.schedulebox-cards .schedulebody-cntlist li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

    .schedulebox-cards .schedulebody-cntlist li .schedulelistin span i {
        color: #f3883d;
        margin-right: 3px;
    }

.schedulebox-cards .schedulebody-cntlist ul {
    max-height: 100%;
    overflow-y: auto;
    display: flex;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #cbdeff;
    margin-bottom: 13px;
}

    .schedulebox-cards .schedulebody-cntlist ul:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }

.schedulebox-cards .schedulebody {
    padding: 25px 20px;
}

.car-schedule {
    background: #fffbf7;
    border: 1px solid #ffe9da;
    padding: 25px;
    border-radius: 12px;
    font-size: 18px;
    margin-bottom: 35px;
}

    .car-schedule .cardshe-icon {
        width: 80px;
    }

    .car-schedule .cardshe-cnt {
        width: calc(100% - 90px);
    }

    .car-schedule .cardshe-icon i {
        font-size: 50px;
        color: #f3883d;
    }

.programs-feesbody .programs-giftacard .schedulebox-cards .card .card-header a i {
    color: #222;
    border: 0;
}

/*gift program --------------------------------------------------------------------------------*/

.gift-amount-program,
.light-blue-box {
    background-color: #fbfdff;
    border: solid 1px #dee9f3;
    width: 90%;
    /*max-width: 700px;*/
    margin: auto;
}

.price-block {
    font-size: 1.2em;
    text-align: right;
}

.inclue_advancecheck {
    background-color: #F3F9FF;
    padding: 5px 15px;
    border-radius: 5px;
}

/*gift program --------------------------------------------------------------------------------*/

.link-underline {
    color: #57A9FC !important;
    font-weight: 600;
    text-decoration: underline;
    margin-left: 3px;
    margin-right: 3px;
}

.payment-methods .secure-tag {
    display: inline-flex;
    width: 125px;
    line-height: 1.2em;
    position: absolute;
    right: 20px;
}

    .payment-methods .secure-tag img {
        margin-right: 8px;
    }

.payment-summary {
    background: #fffbf7;
    border: 1px solid #ffe9da;
    padding: 25px 20px;
    border-radius: 12px;
}

    .payment-summary ul li {
        font-weight: normal;
    }

        .payment-summary ul li.price-highlight {
            font-weight: bold;
            font-size: 1.1em;
        }

.gift-card-number {
    margin: auto;
}

    .gift-card-number input {
        text-align: center;
        max-width: 75px;
        font-size: .8em;
    }

    .gift-card-number .input-group-text {
        text-align: center;
        background-color: transparent !important;
        border: 0;
        padding: .2rem .5rem;
    }

.gift-card-buttons .btn-style {
    padding: 5px 20px;
    font-size: .9em;
}

.etransfer-banks .card {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    margin: 1em;
}

    .etransfer-banks .card .card-body {
        padding: 0px 0px 0px 1.25em;
    }

.etransfer-banks .form-check-inline {
    width: 100%;
    margin: 0;
}

    .etransfer-banks .form-check-inline label {
        display: flex !important;
        width: 100%;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 10px;
        height: 75px !important;
    }

.etransfer-banks .form-check-input[type="radio"] + label:before,
.etransfer-banks .form-check-input[type="radio"] + label:after,
.etransfer-banks label.btn input[type="radio"] + label:before,
.etransfer-banks label.btn input[type="radio"] + label:after {
    top: 30%;
}

.etransfer-banks .form-check-inline label span {
    margin-left: 10px;
    display: inline-block;
    max-width: 60%;
    line-height: 1.4em;
}

.accordion-faqs .card {
    border-bottom: 1px solid #e0e0e0 !important;
    border-radius: 0px !important;
    margin-bottom: 0px !important;
}

    .accordion-faqs .card .card-body {
        border-radius: 0px !important;
    }

    .accordion-faqs .card:last-child {
        border-bottom: 0px !important;
    }

    .accordion-faqs .card .card-header h5 {
        padding: .5em .25em;
        margin: 0;
        font-size: 1.1rem;
        color: #ff6900;
    }

.accordion-corporate-clients h6 {
    margin-top: 1em;
    font-weight: bold;
    color: #000;
}

.guidelines-tabs {
    background-color: #57a9fc !important;
}

.guidelines-faq-content .card-header a {
    display: block;
    padding: 15px 20px;
    color: #000;
    font-weight: 700;
    position: relative;
}

.guidelines-faq-content .card-header h6 {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.covid-update .top-banner {
    margin: 2em auto;
    border: solid 1px #57A9FC;
    border-radius: 5px;
}

.covid-update h1 {
    color: #ff6900;
    text-align: center;
    border-bottom: solid 1px #e1e1e1;
    margin-bottom: 0px;
    padding-bottom: 20px;
    width: 100%;
}

.covid-update h4 {
    font-weight: bold;
    line-height: 1.5em;
}

.covid-update ul {
    margin: 0;
}

    .covid-update ul li {
        margin: 5px 0px;
    }

.covid-update h6 {
    color: #ff6900;
    font-weight: bold;
    margin-top: 20px;
}

.career .hm-gradient {
    background: linear-gradient(40deg, rgba(0, 51, 199, .3), rgba(209, 149, 249, .3));
}

.career .heading {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
}

.career .subheading {
    margin: 1rem 0;
    color: #ff6900;
}

.career p {
    margin: 1rem 0;
    text-align: left;
}

.career .btn.btn-lily {
    background: linear-gradient(40deg, rgba(0, 51, 199, .7), rgba(209, 149, 249, .7));
    color: #fff;
}

.modal-close-location-detail {
    display: inline-block;
    position: absolute;
    right: 25px;
    top: 22px;
    font-size: 25px;
    color: #0000006b !important;
}

.modal-close-programlist-detail {
    display: inline-block;
    position: absolute;
    right: 25px;
    top: 22px;
    font-size: 25px;
}

.modal-close-classroom-schedule-detail {
    display: inline-block;
    position: absolute;
    right: 25px;
    top: 22px;
    font-size: 25px;
}

.modal-close-selectLogin {
    display: inline-block;
    position: absolute;
    right: 25px;
    top: 21px;
    font-size: 25px;
    color: #4f575e !important;
}

.loginbtn {
    text-align: center;
    padding: 17px;
    font-weight: 600;
}

.curse-popup .modal-header {
    padding: 20px 15px 0;
}

.choose-page-title {
    display: none;
}

.section-padding_custom .col.col-md-8 p {
    padding-left: 18px;
    font-size: 14px;
}

.section-padding_custom .col-md-12 {
    background-color: #F3F9FF;
    padding: 25px;
    border-radius: 15px;
}

.section-padding_custom .card {
    padding: 0 20px 0;
}

.section-padding_custom .col.col-md-8 {
    padding-top: 20px;
}

.prefe_program {
    padding-top: 20px;
}

.custom_page_header h1 span {
    background-color: #f3883d;
    font-size: 14px;
    border-radius: 20px;
    padding: 2px 9px;
    position: absolute;
    margin-left: 10px;
    margin-top: 4px;
    color: #FFF;
}

.saction_title_paysu h4 {
    font-size: 18px;
    padding-left: 18px;
}

.first_program p {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    padding-bottom: 10px;
    padding-left: 0;
}

.left_amount {
    width: 50%;
    float: left;
    clear: both;
}

.pice_brack h4 {
    clear: both;
    font-size: 20px;
}

.pice_brack tr {
    line-height: 30px;
}

.section-padding_custom .col.col-md-8 .panel-body p {
    padding-left: 0;
}

tr.last_totel td {
    font-size: 18px !important;
    font-weight: 600;
    padding-bottom: 14px;
    padding-top: 10px;
}

.top-button.mobile_only {
    width: 100%;
    display: none;
}

.site_titel h3:before {
    left: 0;
}

label.custom-control-label {
    width: 100%;
}

.schedulebody-cntlist li {
    display: inline-block;
    width: 33%;
}

.schedulebox-cards li i {
    color: #f3883d;
    margin-right: 5px;
    font-size: 20px;
}

.schedulebox-cards li img {
    width: 17px;
    margin-right: 10px;
    position: relative;
    margin-bottom: 0;
    top: -4px;
}

.custom-control-label::before {
    top: 0.31rem !important;
}

.loginpopupspan {
    display: block;
    text-decoration: none;
    color: #4f575e !important;
    margin-top: 10px;
}

@media only screen and (max-width: 767px) {
    .loginbtn {
        margin-bottom: 20px;
    }

    .schedulebody-cntlist ul {
        display: flex;
        flex-direction: column;
    }

        .schedulebody-cntlist ul li {
            padding: 0 0 0 20px !important;
            width: 100%;
        }

        .schedulebody-cntlist ul li {
            padding: 0 0 0 0px !important;
            width: 100%;
        }

            .schedulebody-cntlist ul li:nth-child(3n+1) {
                padding: 0 0 0 0px !important;
                width: 100%;
            }




    .top-header .top-heading {
        font-size: 10px;
        padding-top: 6px;
        text-align: center;
    }

    .header-topsec .menutogle_btn {
        position: absolute;
        right: 0;
        top: 40%;
        transform: translateY(-50%);
    }

    .top-button {
        margin-top: 0 !important;
        text-align: center;
        margin-left: 0px !important;
    }
}

/*--Review---*/

.testimonials-grid {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    list-style: none;
    overflow: hidden;
    padding-left: 0;
}

.testimonials-grid {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    list-style: none;
    overflow: hidden;
}

    .testimonials-grid .grid-item {
        padding: 2rem;
    }

    .testimonials-grid .grid-item {
        position: relative;
        padding: 0px 0 20px 0;
        -webkit-backface-visibility: hidden;
        margin-bottom: 20px;
    }

.testi-image-green {
    background: #409194;
}

.testi-image-parpal {
    background: #b165e1;
}

.testi-image-yellow {
    background: #e6cc00;
}

.testi-image-yellow-dark {
    background: #d4801f;
}

.testi-image span {
    z-index: 9;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 58px;
    color: #fff;
    font-size: 24px;
    font-family: 'Lato' !important;
    border-radius: 100%;
    float: left;
    margin-right: 15px;
}

.testimonials-grid .grid-item::before {
    content: '';
    position: absolute;
}

.testimonials-grid .grid-item::after {
    width: 100%;
    height: 0;
    top: auto;
    left: 0;
    bottom: -1px;
    border-bottom: 1px dashed #ddd;
}

.testimonials-grid .grid-item::after {
    content: '';
    position: absolute;
}

.testimonials-grid .grid-item .testimonial {
    padding: 0;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.testimonial {
    position: relative;
    padding: 20px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
}

.testi-image i,
.testi-image img {
    display: block;
    width: 64px;
    height: 64px;
}

.testi-image img {
    border-radius: 50%;
}

.testi-image {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
}

.testi-meta span {
    display: block;
    font-weight: 400;
    color: #000;
    font-size: 13px;
    text-transform: none;
    padding-left: 10px;
}

.testi-meta {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ff6900;
}

    .testi-meta::before {
        content: '\2013';
        color: #000;
    }

.testi-content {
    position: relative;
    overflow: hidden;
}

    .testi-content p::before {
        content: '\201C';
        font-size: 16px;
    }

    .testi-content p::after {
        content: '\201D';
        font-size: 16px;
    }

.grid-1 > .grid-item {
    width: 100%;
}

.testi-content p {
    margin-bottom: 0;
    padding-right: 20px;
    font-size: .9rem;
    font-weight: 300;
    line-height: 1.6;
    color: #626262;
    font-family: 'Lato' !important;
}

.content-panel-white {
    background: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

.programs-giftmain .discounts .giftsign-box2 {
    margin-left: 0px !important;
}

.youtrustedin {
    padding: 0 0 !important;
}

.btn-review-popup {
    color: #fff !important;
}


/*---driving-school/BARRIE end css----*/

#showmenu {
    display: none !important;
}

@media (min-device-width:768px) and (max-device-width:1024px) {
    .programs-giftmain .discounts .giftsign-box2 {
        margin-right: 0px !important;
    }
}

@media screen and (min-width: 980px) and (max-width:1024px) {
    section#programs.programs-giftcard {
        padding-top: 75px;
    }
}

@media only screen and (max-width: 767px) {
    #setHomeLocation {
        position: absolute;
        right: 55px;
        top: 26px;
        font-size: 11px !important;
        padding: 5px 5px !important;
    }

    .card-body.rounded.py-5 {
        padding: 10px 10px 0 10px !important;
    }

    .feedback-box {
        padding: 0px 0 25px;
    }



    .main-heading h2 {
        font-size: 32px;
    }

    .programs-giftcard .programs-giftacard .card .main-btn {
        margin-top: 15px;
    }

    ul.testimonials-grid {
        padding-left: 0 !important;
    }

    .testi-image {
        margin-right: 10px;
        margin-left: 0px;
    }

    .testi-content p {
        padding-right: 0px;
    }

    .mob-testi {
        padding-top: 30px;
        padding-bottom: 15px;
    }
    /*------------home page----------------*/
    .main-banner .banner-txt {
        padding-top: 35px;
    }

    .banner-txt.intro h1 {
        font-size: 32px;
    }

    .programs-giftcard {
        padding: 15px 0 35px 0 !important;
    }

        .programs-giftcard.mobile-padd {
            padding: 0px 0 !important;
        }

    .giftsign-box1 {
        width: 100%;
        margin: 15px auto 0 auto;
        min-height: auto !important;
    }

    .giftsign-box2 {
        width: 100%;
        margin: 20px auto;
    }

    .smartlearn-main {
        padding-top: 0;
    }

        .smartlearn-main [ class*='col-'] {
            margin-bottom: 0;
            margin-top: 35px;
        }

    .main-heading {
        margin-bottom: 25px;
    }

        .main-heading h2 {
            font-size: 26px;
        }

    .feedback-main {
        padding-top: 0px;
    }

    .feedback {
        margin-top: 40px;
    }

    .youtrustedin {
        padding: 0 15px;
    }

    .card.z-depth-0.gift-amount-program {
        width: 95%;
    }

    .ftr-logo {
        max-width: 195px;
        margin: 0 auto;
    }

    .mobOnly {
        padding: 6px 15px !important;
        font-size: .9rem !important;
    }

    .top-header .top-heading {
        font-size: 13px;
        margin-bottom: 8px;
    }


    .programs-giftcard .programs-giftacard {
        padding: 10px;
    }

    .top-header .top-heading {
        font-size: 11px;
        margin-bottom: 15px;
        text-align: center !important;
    }

    .programs-giftcard .programs-giftacard,
    .main-section-bg .content-panel {
        padding: 10px;
    }

    .programs-giftcard.py-5 {
        padding-bottom: 0 !important;
    }

    .header-topsec .navbar-light .navbar-toggler {
        border-color: transparent;
    }

    .accordion .card:last-child {
        margin-bottom: 0 !important;
    }

    .home-text-top {
        display: none;
        text-align: left;
    }

    div#showmenu {
        display: block !important;
    }

    .main-banner .intro h5 span {
        color: #ff7600;
        font-weight: 700;
        display: flex;
    }

    #showmenu {
        font-size: 14px;
        color: #3A434B;
        padding: 7px 0 0 10px;
    }

    .mob-hide-p {
        display: none;
    }

    .center-mob-main {
        right: -9%;
    }

    .top-header {
        padding: 5px 0 10px !important;
    }

    .ftr-logo {
        max-width: 225px !important;
    }

    .top-heading p {
        font-size: 11px;
    }

    .logo {
        text-align: center;
        right: 0;
        position: relative;
        margin-top: 0;
    }

    .footer .main-heading h2 {
        font-size: 22px;
        padding: 0 30px;
    }

    .ftrtop-main h4 {
        font-weight: 600;
    }

    .footer-p-text p {
        width: 90%;
        font-size: 15px;
        line-height: 24px;
        padding: 0 30px;
    }

    .main-banner .intro h5 span {
        color: #ff7600;
        font-weight: 700;
        display: flex;
        margin: 0 auto;
        text-align: center;
        width: 300px !important;
        position: relative;
        justify-content: center;
        padding-top: 5px;
    }



    .main-banner .banner-txt {
        padding-top: 10px;
        text-align: center;
    }

    .header-topsec {
        position: relative;
        padding-right: 90px;
    }
}

@media only screen and (max-width: 454px) {
    .giftsign-box.giftsign-box1 .giftsign-alertxt label {
        display: inline-block;
        margin-bottom: 0.2rem;
    }

    .giftsign-box1 .giftsign-alertxt {
        margin-bottom: 10px;
    }

    .top-header-mob {
        margin-left: 12%;
        margin-top: 5%;
    }

    /*.top-heading p {
    font-size: 13px;
    display: inline-grid;
    width: 100%;
}*/

    .top-heading p {
        font-size: 13px;
        display: block;
        width: 100%;
    }

    .top-header .top-links.top-heading span {
        color: #000;
        font-size: 13px;
        display: block;
    }

    .top-header .top-button .btn-style {
        font-size: 11px;
        padding: 4px;
    }

    .top-header .top-heading {
        font-size: 10px;
        margin-bottom: 15px;
    }

    #setHomeLocation {
        position: inherit !important;
        right: 0 !important;
        top: 0 !important;
        font-size: 13px !important;
        padding: 5px 14px !important;
    }

    .modal-close-location-detail {
        display: inline-block;
        position: absolute;
        right: 25px;
        top: 16px;
        font-size: 25px;
    }

    #locationDetailModal h4.modal-title {
        font-size: 20px !important;
    }
}

#setHomeLocation {
    font-size: 12px;
    padding: 5px 10px;
}

#udcVideo.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
    padding: 20px;
    background: #fff;
}

#udcVideo .modal-dialog .modal-content {
    border: 0;
    border-radius: .125rem;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

label#lblMessage {
    margin-bottom: 3px;
}

@media only screen and (max-width: 640px) {
    #udcVideo.modal.show .modal-dialog {
        padding: 15px 15px 0 15px;
    }

    #udcVideo .modal-footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 6px 0;
        border-top: 1px solid #dee2e6;
        border-bottom-right-radius: calc(.3rem - 1px);
        border-bottom-left-radius: calc(.3rem - 1px);
    }

        #udcVideo .modal-footer.justify-content-center {
            justify-content: flex-start !important;
        }

            #udcVideo .modal-footer.justify-content-center span {
                margin-right: 0px !important;
            }

    #udcVideo .btn-floating {
        margin: 5px 5px 5px 6px;
    }

    #udcVideo button.btn.btn-md {
        padding: 4px 14px !important;
        font-size: 12px;
        border-radius: 6px;
        margin-left: 3px !important;
        margin-right: 0 !important;
    }

    #udcVideo .btn-floating.btn-sm i {
        font-size: 13px;
        line-height: 34px;
    }

    #udcVideo .btn-floating.btn-sm {
        width: 32px;
        height: 32px;
    }
}

@media only screen and (max-device-width: 991px) {


    .mob_olny_i {
        display: block;
    }

    /*.promopart {
        flex-wrap: wrap-reverse !important;
    }*/
}

@media (min-width: 1861px) and (max-width:1960px) {
    .programs-feesbody .programs-giftacard .card-header .accordionlink {
        width: 100%;
    }
}

@media (min-width: 1761px) and (max-width:1860px) {
    .programs-feesbody .programs-giftacard .card-header .accordionlink {
        width: 100%;
    }
}

@media (min-width: 1661px) and (max-width:1760px) {
    .programs-feesbody .programs-giftacard .card-header .accordionlink {
        width: 100%;
    }
}

@media (min-width: 1561px) and (max-width:1660px) {
    .programs-feesbody .programs-giftacard .card-header .accordionlink {
        width: 100%;
    }
}

@media (min-width: 1441px) and (max-width:1560px) {
    .programs-feesbody .programs-giftacard .card-header .accordionlink {
        width: 100%;
    }
}

@media (min-width: 1366px) and (max-width: 1440px) {
    .programs-feesbody .programs-giftacard .card-header .accordionlink {
        width: 100%;
    }
}

@media (min-width: 1281px) and (max-width: 1365px) {
    .programs-feesbody .programs-giftacard .card-header .accordionlink {
        width: 100%;
    }
}

@media (min-width: 1110px) and (max-width: 1280px) {
    .programs-feesbody .programs-giftacard .card-header .accordionlink {
        width: 100%;
    }
}

@media (min-width: 1025px) and (max-width: 1110px) {
    .programs-feesbody .programs-giftacard .card-header .accordionlink {
        width: 100%;
    }
}

@media (min-width: 991px) and (max-width: 1024px) {
    .programs-feesbody .programs-giftacard .card-header .accordionlink {
        width: 100%;
    }
}

@media (min-width: 810px) and (max-width: 990px) {
    .programs-feesbody .programs-giftacard .card-header .accordionlink {
        width: 100%;
    }
}

@media (min-width: 778px) and (max-width: 810px) {
    .programs-feesbody .programs-giftacard .card-header .accordionlink {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 787px) {
    .programs-feesbody .programs-giftacard .card-header .accordionlink {
        width: 100%;
    }
}

@media (min-width: 691px) and (max-width: 767px) {
    .programs-feesbody .programs-giftacard .card-header .accordionlink {
        padding: 0;
        width: 100%;
        font-size: 11px;
    }
}

@media (min-width: 561px) and (max-width: 690px) {
    .programs-feesbody .programs-giftacard .card-header .accordionlink {
        padding: 0;
        width: 100%;
        font-size: 11px;
    }
}

@media (min-width: 480px) and (max-width: 560px) {
    .programs-feesbody .programs-giftacard .card-header .accordionlink {
        padding: 0;
        width: 100%;
        font-size: 11px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .programs-feesbody .programs-giftacard .card-header .accordionlink {
        display: block;
        padding: 0;
        color: #000;
        margin-bottom: 10px;
        font-weight: 700;
        position: relative;
        width: 100%;
        display: inline-flex;
        font-size: 11px;
    }

    .programs-feesbody .programs-giftacard .card-header i {
        top: 18px;
    }
}

/*---28-04-2021---*/

.padding-pt-review {
    padding: 50px 0 75px 0;
}

.full-width-main {
    width: 100%;
}

.google-add {
    background: #EFF4FE;
    width: 100%;
    padding: 20px;
    border-radius: 8px 8px 0 0;
    /* margin-right: -25px; */
    border-bottom: 1px solid #d3e3ff;
}

.google-add-text1 h4 {
    padding-bottom: 0;
    font-size: 22px;
    font-weight: 600;
    color: #212121;
    margin: 0;
}

    .google-add-text1 h4 span {
        font-size: 13px;
    }

.google-add-text1 p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    word-break: break-all;
    color: gray;
    font-size: 14px;
    margin-top: 1px;
}

.google-add-text1 img {
    margin-top: 15px !important;
}

.rating-main .fa-star:before {
    content: "\f005";
    font-size: 18px;
}

.top-pt-re {
    padding-top: 5px;
    display: inline-block;
}

.text-size1 span {
    font-size: 1rem;
    font-weight: 600;
    line-height: 14px;
}

.testi-image {
    float: left;
    margin-right: 15px;
    margin-left: 0;
}

.rating-main {
    padding-right: 20px;
    float: right;
    margin-top: -15px;
}

.checked {
    color: orange;
}

.card-shadow {
    box-shadow: none;
    margin-bottom: 20px;
    border-radius: 20px;
}

.text-size-re p {
    margin-bottom: 0;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    color: #626262;
    font-family: 'Lato' !important;
    display: table;
}

.testi-review img {
    max-width: 30px;
    min-width: 30px;
}

.testi-review span.main-quote {
    display: table-cell;
    padding-right: 15px;
    float: left;
}

.text-green1 {
    color: #ee3124;
}

.text-black1 {
    color: #000;
    font-size: 18px !important;
}

.testi-image-blue1 {
    background: #57a9fc;
}

.testi-image span {
    z-index: 9;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 19px;
    font-family: 'Lato' !important;
    border-radius: 100%;
    float: left;
    margin-right: 0px;
}

.state-main {
    font-size: 18px;
    color: #747474;
    padding-left: 2px;
}

.font-weight-500 {
    font-weight: 500 !important;
    font-size: 18px;
}

.righ-side-margin {
    margin-right: 5%;
}

.programs-giftcard .md-accordion .card .card-header.main-icon i {
    line-height: 20px !important;
    top: 13px !important;
}

@media (min-width: 320px) and (max-width: 767px) {


    .banner-imgbox {
        margin-top: -10px;
    }

    .giftsign-box .giftsign-price {
        font-size: 70px !important;
    }

    .programs-giftcard .programs-giftacard .card .main-btn .btn-style {
        width: 55% !important;
        font-size: 1em !important;
    }

    .programs-giftcard .programs-giftacard .card-header a h5 {
        font-size: 15px !important;
    }

    .programs-feesbody .programs-giftacard .card-header i {
        right: 15px;
    }

    #accordionPrograms .btn-styleac {
        margin-left: 6px;
    }

    .programs-feesbody .programs-giftacard .card-header span.program-price {
        padding: 5px 10px;
    }

    .programs-fees {
        padding: 50px 0 20px 0;
    }

    .we-offer-mob {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .we-offer-mob-bottom {
        padding-top: 10px !important;
    }

    .main-heading p {
        margin: 0;
        font-size: 14px;
    }

    .text-size-re p {
        padding-right: 0;
        display: block;
        margin-top: 10px;
    }

    .padding-pt-review {
        padding-bottom: 0 !important;
    }

    .h4-responsive {
        font-size: 112%;
    }

    .form-check-inline {
        margin-right: 2px;
        margin-top: 10px;
    }

    #twoCarDiv .col-sm-12.mt-3.text-center {
        margin-top: 0 !important;
    }

    .form-check-input[type="radio"]:not(:checked) + label,
    .form-check-input[type="radio"]:checked + label,
    label.btn input[type="radio"]:not(:checked) + label,
    label.btn input[type="radio"]:checked + label {
        position: relative;
        display: inline-block;
        height: 1.5625rem;
        padding-left: 25px;
        line-height: 20px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: 0.28s ease;
        transition: 0.28s ease;
    }

    .form-check-input[type="checkbox"] + label,
    label.btn input[type="checkbox"] + label {
        position: relative;
        display: inline-block;
        height: 1.5625rem;
        padding-left: 25px;
        line-height: 23px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .form-check-label a.text-primary {
        font-size: 12px;
    }

    .progs-navlist li .progs-navlistbox {
        width: 100% !important;
        height: 100% !important;
        text-align: center;
    }

    .car-schedule .cardshe-cnt {
        width: calc(100% - 0px);
    }

    .view.career .row:last-child {
        display: block !important;
    }

    .mob-width-100 {
        width: 98% !important;
    }

    .righ-side-margin {
        margin-right: 15%;
    }

    .location-list .card-header .righ-side-margin .btn-style {
        min-width: 70px !important;
    }

    .programs-giftcard .md-accordion .card .card-header.main-icon i {
        top: 15px !important;
    }

    .programs-giftcard .md-accordion .card .card-header.main-icon .fa-angle-down:before {
        content: "\f107";
        position: inherit;
        top: 2px;
        right: 7px;
    }

    .mb-mob {
        margin-bottom: 0 !important;
    }

    .progrsm-feeslect {
        padding-left: 0;
    }
}



@media (min-width: 1200px) {
    .h2-responsive {
        font-size: 150%;
    }
}

.programs-giftcard.accordion-icon .accordion-arrow .md-accordion .card .card-header i {
    width: 25px;
    height: 25px;
    line-height: 20px !important;
    border: 1px solid #22222275;
    color: #2222227d;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    position: absolute;
    font-weight: 600;
    right: 20px;
    top: 15px;
}

/*.Program-discount {
    padding: 7px 10px;  
    border-radius: 20px;
    font-weight: bold;
    font-size: .85em;
    display: inline-flex;
    background-color: #e4f4d7;
    color: #71916a;
    right: 12;
    align-items: center;
    margin: -20px 0px 0px 0;
    position: absolute;   
    left: 43%;
    z-index: 9;
}*/

.Program-discount {
    padding: 5px 10px !important;
    border-radius: 5px !important;
    font-weight: bold;
    font-size: .85em;
    display: inline-flex;
    background-color: #e4f4d7;
    color: #71916a;
    align-items: center;
    margin: 0;
    position: absolute;
    top: -14px !important;
    left: 19px;
    z-index: 9;
}

.Program-discount-orange {
    padding: 5px 10px !important;
    border-radius: 5px !important;
    font-weight: bold;
    font-size: .85em;
    display: inline-flex;
    background-color: #FFF3E8;
    color: #F59756;
    align-items: center;
    margin: 0;
    position: absolute;
    top: -14px !important;
    left: 19px;
    z-index: 9;
}

/*.Program-discount-orange {
    padding: 7px 10px;   
    border-radius: 20px;
    font-weight: bold;
    font-size: .85em;
    display: inline-flex;
    background-color: #FFF3E8;
    color: #F59756;
    right: 12;
    align-items: center;
    margin: -20px 0px 0px 0;
    position: absolute;   
    left: 43%;
    z-index: 9;
}*/

.fa-youtube-play:before {
    font-size: 45px;
}

#locationModal .righ-side-margin.mr-right-margin {
    margin-right: 1% !important;
}

.read-more {
    display: block;
    font-size: 13px;
    font-family: 'Graphik-Medium' !important;
    color: #57a9fc !important;
}

/*02-07-2021*/
.app-div {
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #fef3eb;
    border-radius: 10px;
    padding-right: 30px;
}

.app-item {
    padding-top: 5px;
    padding-bottom: 0;
    margin-bottom: 0;
    position: relative;
}

    .app-item .app-btn .app-btn-one {
        background-color: #040707;
        display: inline-block;
        position: relative;
        color: #fff;
        padding: 10px;
        border-radius: 8px;
        margin-right: 15px;
        width: 165px;
    }

        .app-item .app-btn .app-btn-one i {
            font-size: 40px;
            position: absolute;
            top: 6px;
        }

        .app-item .app-btn .app-btn-one span {
            display: block;
            font-size: 10px;
            padding-left: 50px;
            margin-bottom: -3px;
        }

        .app-item .app-btn .app-btn-one p {
            margin-bottom: 0;
            padding-left: 50px;
        }

    .app-item .app-btn .app-btn-two {
        width: 165px;
        background-color: #231f20;
        display: inline-block;
        position: relative;
        color: #fff;
        padding: 11px 10px;
        border-radius: 8px;
        top: -2px;
    }

        .app-item .app-btn .app-btn-two img {
            font-size: 40px;
            position: absolute;
            top: 5px;
            max-width: 24%;
        }

        .app-item .app-btn .app-btn-two span {
            display: block;
            font-size: 8px;
            padding-left: 50px;
            margin-bottom: -3px;
        }

        .app-item .app-btn .app-btn-two p {
            margin-bottom: 0;
            padding-left: 50px;
        }

.app-btn img {
    width: 140px;
}

.app-item p {
    margin-bottom: 5px;
}


.app-btn img {
    width: 138px !important;
}

/*05-07-2021*/
.txt-center {
    text-align: left;
}

.hide {
    display: none;
}

.clear {
    float: none;
    clear: both;
}

.rating {
    text-align: left;
    unicode-bidi: bidi-override;
    color: black;
    direction: rtl;
}

    .rating > label {
        display: inline;
        /*margin: 1px;*/
        position: relative;
        width: 30px;
        cursor: pointer;
        color: #000;
        font-size: 29px;
    }

        .rating > label:hover,
        .rating > label:hover ~ label,
        .rating > input.radio-btn:checked ~ label {
            color: transparent;
        }

            .rating > label:hover:before,
            .rating > label:hover ~ label:before,
            .rating > input.radio-btn:checked ~ label:before,
            .rating > input.radio-btn:checked ~ label:before {
                content: "\2605";
                position: absolute;
                left: 0;
                color: #FFD700;
            }

.giftsigndata {
    max-height: 460px;
    overflow-y: scroll;
}


@media (min-width: 320px) and (max-width: 767px) {
    .mobile-pt-top {
        padding-top: 0px;
    }

    .programs-giftcard.accordion-icon .programs-giftmain .fa-angle-down:before {
        content: "\f107";
        position: absolute;
        top: 2px;
        right: 7px;
    }

    .app-div {
        display: block;
        padding-top: 15px;
        padding-bottom: 15px;
        background: #fef3eb;
        border-radius: 10px;
        padding-right: 30px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {


    .col-mob-mt .giftsign-box1 {
        margin-top: -10px;
    }
}

ul.customized-home {
    margin-top: 15px;
}

    ul.customized-home li {
        text-align: left;
    }



.instAmt span.pulrigt {
    font-size: 16px;
}

li.instAmt {
    font-size: 13px;
}


.app-home-left-side {
    padding-top: 35px;
}

    .app-home-left-side p {
        margin-bottom: 3px;
        font-size: 14px;
        line-height: 17px;
    }

    .app-home-left-side .app-btn img {
        width: 126px !important;
    }


@media (min-width: 320px) and (max-width: 767px) {
    .app-home-left-side.desktop-add-view {
        text-align: center;
    }


    .app-home-left-side.responsive-add-view .text-left {
        text-align: center;
    }

    .app-home-left-side .app-btn img {
        width: 158px !important;
    }

    .app-home-left-side p {
        margin-bottom: 3px;
        margin: 0 auto;
    }

    .section-title.text-left h1 {
        font-size: 24px;
        padding: 5px 0;
        text-align: center;
    }

    .app-home-left-side {
        padding-top: 25px;
        margin-bottom: 15px;
    }
}

@media (min-width: 320px) and (max-width: 359px) {
    .app-home-left-side p {
        font-size: 20px;
        width: 100%;
    }
}

@media (min-width: 360px) and (max-width: 409px) {
    .app-home-left-side p {
        font-size: 22px;
        width: 100%;
    }
}

@media (min-width: 411px) and (max-width: 580px) {
    .app-home-left-side p {
        font-size: 22px;
        width: 90%;
    }
}

.mainblogboxes {
    background: #F3F9FF;
    width: 100%;
    padding: 20px;
    border-radius: 8px;
}

.boxdateblognew {
    background-color: #ffffff;
    width: 80px;
    box-shadow: 0 0 19px -13px;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
    color: #57a9fc;
    padding: 8px;
    margin-right: 20px;
    font-weight: 600;
}


.btnnewclickedit {
    color: #57a9fc !important;
    font-weight: 500;
    font-size: 13px;
    margin-top: 7px;
    display: block;
}

    .btnnewclickedit i {
        font-size: 17px;
        vertical-align: middle;
        margin-top: -3px;
        margin-left: 4px;
    }




.newboxcontentblog h4 {
    padding-bottom: 0;
    font-size: 20px;
    font-weight: 600;
}

.newboxcontentblog p {
    margin: 0;
    padding: 0;
    color: #5c5c5c;
    font-size: 16px;
}


.maindetailusertime {
    font-size: 15px;
    color: #000000;
    font-weight: 500;
    align-items: center;
}

    .maindetailusertime .la-user-circle {
        font-size: 22px;
        color: #57a9fc;
        vertical-align: middle;
        margin-top: -4px;
        margin-right: 5px;
    }

    .maindetailusertime .la-calendar {
        font-size: 25px;
        color: #57a9fc;
        vertical-align: middle;
        margin-top: -4px;
    }

.mainblogdetailboxnew {
    background: #F3F9FF;
    padding: 20px;
}


.blogdetailtitale {
    padding-bottom: 0;
    font-size: 24px;
    font-weight: 600;
}

.blogdescriptiondetails {
    margin: 0;
    padding: 0;
    color: #000000;
    font-size: 15px;
}


.blogimagemain img {
    width: 100%;
    object-fit: contain;
    background-color: white;
    height: 300px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.blogimagemain2 img {
    width: 100%;
    object-fit: contain;
    background-color: #dddc;
    height: 400px;
    border-radius: 5px 5px 0 0;
}

.mainbgblogdetailsnew {
    background-color: white;
}

.blogtags {
    margin-top: 20px;
}

    .blogtags span {
        font-size: 15px;
        margin-right: 10px;
        color: #000000;
        font-weight: 500;
    }


#divblogchat .leftboxchat {
    background-color: white;
    border-radius: 10px;
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
    position: relative;
}

#divblogchat .testi-image span {
    z-index: 9;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
    font-family: 'Lato' !important;
    border-radius: 100%;
    float: left;
    margin-right: 0px;
}

#divblogchat p.mainusername2 {
    font-size: 16px;
    color: black;
    font-weight: 600;
    margin-bottom: 0;
}

#divblogchat .mainuserchattime {
    font-size: 12px;
    color: #f3883d;
    margin-bottom: 0px;
    margin-top: 3px;
}

.btn-styleneew {
    text-transform: capitalize;
    padding: 7px 14px;
    border-radius: 3px;
    font-weight: 600;
    background: #f3883d;
    border: 1px solid #f3883d;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    transition: all .5s;
    font-size: 14px;
    text-align: center;
    outline: 0;
}

#divblogchat .testi-image {
    float: left;
    margin-right: 30px;
    margin-left: 0;
    margin-top: 25px;
}


.mainusernameemailcontact {
    font-size: 14px;
    color: #57a9fc;
    margin-bottom: 0px;
}

    .mainusernameemailcontact .la-envelope {
        font-size: 18px;
        margin-top: -3px;
        vertical-align: middle;
        margin-right: 5px;
    }

    .mainusernameemailcontact i.las.la-phone {
        font-size: 16px;
        margin-right: 5px;
    }

p.mainnewblogcommentdetails {
    font-size: 14px;
    margin-top: 10px;
    color: #6a6a6a;
    margin-bottom: 0;
}

.tagsbtn {
    background-color: #ebebeb;
    color: #343434;
    font-size: 13px;
    line-height: normal;
    display: flex;
    justify-content: center;
    height: 23px;
    border-radius: 5px;
    margin-right: 9px;
    align-items: center;
    padding: 3px 14px 2px 14px;
    text-align: center;
}


i.fas.fa-caret-left.newarrowcommont {
    font-size: 40px;
    position: absolute;
    left: -13px;
    top: 19px;
    color: white;
}

.mainlatestblogboxnew {
    padding: 20px;
    background-color: #fef3eb;
    border-radius: 5px;
    position: sticky;
    top: 123px;
}



.imaglatestblog {
    width: 114px;
    object-fit: contain;
    background-color: white;
    height: 68px;
    border-radius: 5px;
    margin-right: 15px;
}

.latestblogtitle {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    font-weight: 600;
}

p.latestblogmaintext {
    font-size: 17px;
    color: #f3883d;
    margin-bottom: 10px;
    font-weight: 600;
}

.mainblolatestdetailbox {
    margin-bottom: 15px;
}

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


.boxcontextblogmain {
    background-color: white;
    padding: 0px;
    border-radius: 10px;
}


.blogimagneweditt {
    width: 100%;
    object-fit: contain;
    height: 266px;
    background-color: #dddc;
    border-radius: 10px 10px 0 0;
}


.newblogtitle {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    cursor: pointer;
}


.newblogdescription {
    font-size: 14px;
    color: black;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 42px;
}

p.blogbytextedit {
    font-size: 14px;
    margin-bottom: 6px;
    color: gray;
    margin-top: 6px;
    padding-bottom: 10px;
}

.btnenrollnownew {
    background-color: #EDF3FE;
    color: #5993ff !important;
    padding: 6px 22px !important;
    font-size: 14px;
    border: 1px solid #5993ff;
    text-transform: capitalize;
    box-shadow: none;
    font-weight: 400 !important;
    border-radius: 50px;
    margin: 0;
}

.programs-giftcard .programs-giftacard .card-header .btnenrollnownew i {
    width: auto;
    height: auto;
    color: #5993ff;
    border: none;
    position: inherit;
    line-height: 1;
    top: auto;
    font-size: 14px;
    right: auto;
    display: inline-block;
}

.programs-giftcard .programs-giftacard .card-header i.mainplusminusaccordianicon {
    width: 39px;
    height: 39px;
    line-height: 39px;
    border: 1px solid #e98242;
    color: white;
    border-radius: 50%;
    text-align: center;
    margin: 0 0 0 10px;
    background-color: #e98242;
    font-size: 16px;
    position: inherit;
    cursor: pointer;
}

    .programs-giftcard .programs-giftacard .card-header i.mainplusminusaccordianicon:hover {
        color: #e98242;
        background-color: #FFF4ED;
    }

.accordianenrolltitle {
    font-size: 16px;
    color: black;
    font-weight: 500;
    margin-bottom: 0;
    font-family: 'Graphik-Medium' !important;
}

.mainenrollaccordiancontent {
    border-top: 1px solid #e7e7e7cc;
    padding-top: 15px;
}

.logo img {
    max-width: 100%;
    height: auto;
    width: 188px;
}

i.fas.fa-map-marker-alt.headerlocation {
    font-size: 14px;
    color: #93B6FA;
}

.top-header .top-links.top-heading span.locationselectedtext {
    color: #f3883d !important;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Nunito', sans-serif;
}

.top-header .top-links.top-heading span.openinghourstext {
    font-size: 11px;
    color: black;
    font-weight: 500;
    position: relative;
    top: -1px;
}

.main-banner {
    position: relative;
    height: 789px;
    padding-top: 125px;
    background-color: #f9fcff;
}

/*.main-banner:after {
        background-image: url('../images/bannerimg2.png');
        content: '';
        position: absolute;
        width: 100%;
       
        top: 0;
        background-position:right top;
         height: 789px;
        background-repeat: no-repeat;
        background-size: contain;
    }*/

.mainthreetoplink {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-size: 13px;
    border-left: 1px solid #ffffff;
    margin: 0 10px;
    border-right: 1px solid #ffffff;
    /* margin-left: 10px; */
}

    .mainthreetoplink p {
        margin-bottom: 0;
        margin: 0 10px;
        color: #3A434B;
    }

p.maintopheadertext {
    font-size: 13px;
    font-weight: 500;
    font-family: 'Moderat-Medium';
    color: #ffffff;
    margin-bottom: 0;
}

.header {
    width: 100%;
    z-index: 1;
}

.maincontentdiv {
    position: relative;
    z-index: 1;
}

/*.mainbgcityselected {
    background-image: url('../images/mainbannercity.png');
    padding: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 3px;
    display: block;
    font-weight: 800 !important;
    color: #212121 !important;
    margin-bottom: 30px;
}*/
.mainbgcityselected {
    position: relative;
    font-weight: 800 !important;
    color: #212121 !important;
    margin-bottom: 30px;
    padding-left: 10px;
}

.mainbgcityselected2 {
    position: relative;
    font-weight: 800 !important;
    color: #212121 !important;
    margin-bottom: 30px;
    padding-left: 10px;
    margin-left: 10px;
}

.mainbgcityselected::after {
    background-image: url('../images/mainbannercity.png');
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    display: block;
    width: 170px;
    height: 36px;
    position: absolute;
    left: 0px;
    top: -2px;
    z-index: -1;
}

.mainbgcityselected2::after {
    background-image: url('../images/mainbannercity.png');
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    display: block;
    width: 234px;
    height: 60px;
    position: absolute;
    left: 0px;
    top: -1px;
    z-index: -1;
}

.mainmainbgcityselected {
    margin-top: 10px;
    margin-bottom: 35px;
}



.main-banner p.maincontentreadmore {
    line-height: 25px;
    color: #000000;
    font-size: 14px;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    margin-top: 15px;
}

.skyblue-btn.skyblue-btnnew {
    background: #94b7f8;
    border-color: #94b7f8;
    padding: 10px 21px;
    font-size: 13px;
    border-radius: 50px;
}

.skyblue-btn.skyblue-btnnewborder {
    background: #fff;
    border: 1px solid #95b8f6;
    border-color: #95b8f6;
    padding: 10px 21px;
    font-size: 13px;
    color: #95b8f6;
    border-radius: 50px;
}

.downloadapptext {
    font-size: 15px;
    font-weight: 600;
}


.main-bannercallemail {
    display: flex;
    justify-content: end;
}


    .main-bannercallemail p {
        font-size: 13px;
        margin-bottom: 0;
        color: gray;
        line-height: 12px;
    }

    .main-bannercallemail .color {
        color: #212121;
        font-weight: 500;
        font-size: 14px;
    }

    .main-bannercallemail img {
        width: 37px;
        font-size: 13px;
        margin-right: 15px;
        box-shadow: 0 0 22px -12px black;
    }

    .main-bannercallemail .mainfirstdividercall {
        border-right: 1px solid #ababab;
        padding-right: 20px;
        margin-right: 20px;
    }

.maintopselectlocationbtn {
    background-color: #5993ff;
    line-height: 20px;
    border: none;
    padding: 5px 11px;
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: 500;
    color: white;
    letter-spacing: 1px;
    font-family: 'Moderat-Medium';
    font-size: 11px;
}

    .maintopselectlocationbtn i.fas.fa-map-marker-alt.headerlocation {
        font-size: 14px;
        color: #ffffff;
    }

.top-header .top-heading i {
    color: #000000;
}

.whybox h3 {
    font-size: 17px;
    font-weight: 600;
    color: #000000;
    margin-top: 24px;
    text-align: center;
}

.whybox {
    text-align: center;
    border: 1px solid #ffe3d2;
    padding: 40px 20px;
    height: 100%;
    border-radius: 7px;
    background-color: white;
}

    .whybox p {
        color: #212121;
        opacity: 0.7;
        font-size: 14px;
    }

ul.whybox-li {
    margin: 0;
    padding: 0;
}

    ul.whybox-li li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        color: #212121;
        opacity: 0.7;
        font-size: 14px;
    }

.smart-learningbg::after {
    background-image: url('../images/smart-learningbg.png');
    content: '';
}


.smart-learningbg .col-lg-3 {
    border: 1px;
    border-left-color: #ffdfcc;
    border-bottom-color: #ffdfcc;
    border-right-color: #ffdfcc;
    border-top-color: #ffdfcc;
    border-style: solid;
    border-radius: 20px;
    position: relative;
    padding: 50px 25px;
}

    .smart-learningbg .col-lg-3:nth-child(1) {
        border-top: 0;
        /* border-left: 0; */
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-right: 0;
    }

    .smart-learningbg .col-lg-3:nth-child(2) {
        border-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .smart-learningbg .col-lg-3:nth-child(3) {
        border-top: 0;
        /* border-left: 0; */
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        /* border-right: 0; */
        border-left: 0;
    }

    .smart-learningbg .col-lg-3:nth-child(4) {
        border: 0;
    }

    .smart-learningbg .col-lg-3:nth-child(2)::after {
        content: '';
        width: 1px;
        height: 18px;
        display: block;
        position: absolute;
        left: -1px;
        background-color: #ffffff;
        bottom: -3px;
    }

    .smart-learningbg .col-lg-3:nth-child(2)::before {
        content: '';
        width: 1px;
        height: 17px;
        display: block;
        position: absolute;
        background-color: #ffffff;
        bottom: -1px;
        right: -1.8px;
    }

.smartlearn-box-cnt h3 {
    font-size: 17px;
    font-weight: 600;
    color: #000000;
    margin-top: 24px;
    margin-top: 0;
    text-align: left;
}

    .smartlearn-box-cnt h3::after {
        background-image: url(../images/car-dot.png);
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        background-repeat: no-repeat;
        position: absolute;
        left: -7px;
        top: 51px;
    }

img.carimgset {
    position: absolute;
    left: -12px;
    top: -55px;
}

.smartlearn-box-cnt p {
    margin: 0;
    padding: 0;
    list-style-type: none;
    color: #212121;
    opacity: 0.7;
    font-size: 14px;
}

p.footer-title {
    font-size: 20px;
    color: white;
    font-weight: 500;
}

p.footer-description {
    font-size: 13px;
    color: white;
    opacity: 0.65;
    font-weight: 500;
}

.footerlinkmain {
    background-color: #464E56;
}


.footerlinkflex {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

    .footerlinkflex a {
        font-size: 14px;
        color: white;
    }

        .footerlinkflex a:hover {
            color: white;
        }

button.btn-style.selectLogin {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    white-space: nowrap;
    color: #3A434B;
    font-weight: 600;
    padding-t 'FONT-WEIGHT: 100';
    padding-top: 7px;
}

    button.btn-style.selectLogin i {
        font-size: 14px;
        vertical-align: middle;
        display: inline-block;
        margin-top: -3px;
    }

a.btn-style.orange-btn.mainbuynowbtn {
    border-radius: 50px;
    font-size: 15px;
    font-weight: 700;
    padding: 7px 28px;
    color: white;
}

.gift-btmbox .locate-btn a {
    background-color: #FFF3E8;
    font-weight: 600;
    border: 1px solid #CFBCAC;
    border-radius: 50px;
    padding: 7px 10px 5px 10px;
    line-height: 16px;
    color: #86664F !important;
}


.programs-feesheading .prog-fesheadingtop .mainnewpgdtext h3 {
    font-size: 41px;
}

.mainnewpgdtext a {
    font-size: 15px;
    color: #81C995 !important;
    font-weight: 500;
    text-decoration: underline !important;
}

.maintitledetailspd {
    font-size: 14px;
    font-family: 'Graphik-Medium' !important;
}


.maintextplusamount {
    font-size: 13px;
    font-weight: 500;
    color: gray;
    margin-bottom: 0;
}


.totalaftertext {
    font-size: 12px;
    margin-left: 5px;
}


.programs-feesbody .programs-giftacard .card-header .btnenrollnownew i {
    color: #48BF54;
    width: auto;
    line-height: 1;
    border: none;
    height: auto;
    background-color: transparent;
}

.progs-navlist li.active .progs-navlistbox {
    background-color: #93B6FA;
}

.progs-navlistbox svg {
    width: 32px;
    vertical-align: middle;
}

.progs-navlist li .progs-navlistbox svg path {
    fill: #93B6FA;
    stroke: #93B6FA;
}

.progs-navlist li.active .progs-navlistbox svg path {
    fill: white;
    stroke: white;
}



.mainprogressdivnew {
    border: 1px solid #d7e5ff;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}

.classacordianpricbox {
    border: 1px solid #cccc;
    border-radius: 10px;
    padding: 12px;
}


.Programfiletext {
    font-size: 16px;
    font-family: 'Graphik-Medium' !important;
    margin-bottom: 0;
    color: #212121;
}

.amounttextnew {
    font-size: 14px;
    color: #212121;
    font-family: 'Graphik-Medium' !important;
}

.titleamount {
    font-size: 14px;
}

.totalmainamount .titleamount {
    font-size: 15px;
    color: #6f6f6f;
    font-weight: 600;
}

.totalmainamount .amounttextnew {
    font-size: 18px;
}

.totalmainamount {
    border-top: 1px solid #cccc;
    padding-top: 10px;
}

.amounttextnew span {
    font-size: 14px;
    color: #FD7E7E;
    font-family: 'Graphik-Medium' !important;
}


.fa-angle-right:before {
    content: "\f105" !important;
}

.registartionformtext {
    font-size: 16px;
    color: #212121;
    font-family: 'Graphik-Medium' !important;
    margin-bottom: 25px;
}

.programs-fees .programs-feesbody .cmn-form h5 {
    font-weight: inherit;
    font-size: 14px;
    margin: 0 0 12px;
    font-family: 'Graphik-Medium' !important;
}

.programs-fees .programs-feesbody .cmn-form .savings label {
    display: inline-block;
    font-size: 13px !important;
    margin-bottom: 0;
    width: auto;
    padding-top: 4px;
    color: #212121;
}

.programs-fees .programs-feesbody .cmn-form .savings .pricelable {
    background-color: #F4FAF5;
    padding: 8px 15px;
    font-size: 13px;
    color: #81C995;
    margin-left: 10px;
    border-radius: 5px;
    border: 1px solid #81C995;
    font-family: 'Graphik-Medium' !important;
}

.custom-control-label::after {
    top: 5px;
}

.maingraynewtext {
    font-size: 14px;
    color: #636363;
}

.pricelable {
    background-color: #ffffff;
    padding: 8px 15px;
    font-size: 13px;
    color: #000000;
    margin-left: 10px;
    border-radius: 5px;
    border: 1px solid #000000;
    font-family: 'Graphik-Medium' !important;
}

.programs-fees .programs-feesbody .cmn-form .inclue_advancecheck label {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 4px;
    padding-top: 0px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 28px;
}

.installmentbox .custom-control-label::after {
    top: 1px !important;
}

.installmentbox .custom-control-label::before {
    top: 1px !important;
}

.mainregistrationbox .card {
    border-radius: 20px;
}

.installmentbox {
    border-bottom: 1px solid #cccc;
    padding-top: 15px;
    padding-bottom: 10px;
}

.continue-btn {
    background: #81C995;
    border-color: #81C995;
    padding: 5px 13px;
    font-size: 15px;
}

.payfeesboxdetails {
    border-radius: 0 0 15px 15px !important;
    border: 1px solid #d7e5ff;
    border-top: 0;
}


.card-tilenewedit {
    font-size: 15px;
    color: #212121;
    font-family: 'Graphik-Medium' !important;
}

.card-tilenewedit2 {
    font-size: 15px;
    color: #76formcontent6;
    font-family: 'Graphik-Medium' !important;
}

.maingiftcardradio .custom-control-label::after {
    top: 1px !important;
}

.maingiftcardradio .custom-control-label::before {
    top: 1px !important;
}


.maingiftcard-box {
    background-color: #F8F8F8;
    padding: 20px;
    width: auto;
    display: inline-block;
    margin-top: 10px;
}


.btn-primary-new {
    background-color: #93B6FA;
    border: 1px solid #93B6FA;
}

.btn-primary-outline-new {
    background-color: transparent;
    border: 1px solid #93B6FA;
    color: #93B6FA;
}


.programs-giftcard .md-accordion .card.pm1, .programs-giftcard .md-accordion .card.pm2, .programs-giftcard .md-accordion .card.pm3, .programs-giftcard .md-accordion .card.pm4 {
    border: 1px solid #cccc !important;
    border-radius: 10px !important;
}


.programs-giftcard .md-accordion .pm1 .card-body, .programs-giftcard .md-accordion .pm2 .card-body, .programs-giftcard .md-accordion .pm3 .card-body, .programs-giftcard .md-accordion .pm4 .card-body {
    border-top: 1px solid #88ca98;
}

.neweditsticky.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 133px;
    z-index: 1;
}


.locationsetimg {
    width: 50px;
}

.locattionsettilte {
    font-size: 20px;
    color: #212121;
    font-family: 'Graphik-Medium' !important;
}

.sublocattionsettilte {
    font-size: 14px;
    color: #636363;
}

.loactionmaindiv {
    border: 1px solid #cccc;
}

.loactionmaindiv {
    border: 1px solid #cccc;
    border-bottom: 1px solid #cccc !important;
    border-radius: 5px !important;
    position: relative;
}


/* width */
div#locationPanel::-webkit-scrollbar {
    width: 0;
}

/* Track */
div#locationPanel::-webkit-scrollbar-track {
    background: none;
}

/* Handle */
div#locationPanel::-webkit-scrollbar-thumb {
    background: nonw;
}

    /* Handle on hover */
    div#locationPanel::-webkit-scrollbar-thumb:hover {
        background: none;
    }

.loactionmaindiv .color112 {
    color: #212121;
    font-weight: 700;
    font-size: 15px;
    line-height: 1;
    vertical-align: bottom;
}

.location-list .card-header .setMyLocation {
    padding: 0 !important;
    background: transparent;
    color: #5993ff !important;
    border: none;
    font-size: 14px;
    margin: 0 !important;
    font-family: 'Graphik-Medium' !important;
}

.loactionmaindiv i {
    font-size: 16px !important;
    color: #FDAD7E !important;
    margin-right: 10px;
    margin-left: 5px !important;
}

.form-check-input.accordianchecked[type="checkbox"]:not(:checked) + label:before, .form-check-input.accordianchecked[type="radio"]:not(:checked) + label:after {
    display: none;
}

.form-check-input.accordianchecked[type="checkbox"]:checked + label:before {
    display: none;
}

.form-check-input.accordianchecked[type="checkbox"]:checked + label:after {
    display: none;
}



label.datashowlable {
    display: inline-block;
    margin-bottom: 0.5rem;
    position: absolute !important;
    height: 36px !important;
    z-index: 1;
    width: 43px;
}

input.datashowinput {
    left: 0;
    height: 36px;
    width: 43px;
    margin-left: 0;
    z-index: 99;
}




.form-check-input.mainselectlocationcheck[type="radio"]:not(:checked) + label, .form-check-input.mainselectlocationcheck[type="radio"]:checked + label {
    position: relative;
    display: inline-block;
    height: 1.5625rem;
    padding-right: 35px;
    line-height: 1.5625rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.28s ease;
    transition: 0.28s ease;
    white-space: nowrap;
}


.form-check-input.mainselectlocationcheck[type="radio"] + label:before, .form-check-input.mainselectlocationcheck[type="radio"] + label:after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 16px;
    height: 16px;
    margin: 4px;
    left: inherit;
    content: "";
    -webkit-transition: 0.28s ease;
    transition: 0.28s ease;
}

.form-check-input.mainselectlocationcheck[type="radio"]:not(:checked) + label:before, .form-check-input.mainselectlocationcheck[type="radio"]:not(:checked) + label:after {
    border: 1px solid #5993ff;
    background-color: #ecf3ff;
}

.form-check-input.mainselectlocationcheck[type="radio"]:checked + label:after {
    font-family: 'Line Awesome Free';
    font-weight: 900;
    content: "\f00c";
    border: 1px solid #5993ff;
    background-color: #ecf3ff;
    color: #5993ff;
    line-height: 15px;
    font-size: 10px;
}

.form-check-input.mainselectlocationcheck[type="radio"]:focus + label:before {
    border-color: #ffffff;
    -webkit-box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
    box-shadow: none;
}

.mainacordian .location-info {
    display: none;
}

.mainacordian.show .location-info {
    display: block;
}

.mainacordian.show {
    background-color: #F9FBFF;
    border: 1px solid #97cbf35e !important;
}

    .mainacordian.show .loactionmaindiv {
        border: none;
        border-bottom: none !important;
        border-radius: 0 !important;
        position: relative;
    }


.location-info .divider {
    border-top: 1px solid #7070703b;
    padding-bottom: 13px;
}

.mainacordian.show .loactionmaindiv .fa-plus:before {
    content: "\f068";
}


.vcard .org {
    font-family: 'Graphik-Medium' !important;
    color: #212121;
    font-size: 14px;
    margin-bottom: 10px;
}

.vcard .adr {
    color: #888888;
    font-size: 14px;
}

.vcard .email {
    color: #888888;
    font-size: 14px;
}

.vcard .tel {
    color: #888888;
    font-size: 14px;
}

.vcard i {
    font-size: 17px;
    margin-top: 2px;
    position: relative;
    top: 1px;
    margin-right: 7px;
}



.commonldfont {
    font-family: 'Graphik-Medium' !important;
    color: #212121;
    font-size: 14px;
}

.mainbusinesshour .fa-caret-right {
    font-size: 17px;
    position: relative;
    top: 1.1px;
    margin-right: 9px;
}

.location-info .mainbusinesshour .list-group-item {
    border-width: 0px;
    padding: 10px 20px;
    border-radius: 10px;
    margin: 0;
    box-shadow: 0 0 13px -9px #94b7f8;
    /*margin-left: 17px;*/
}


.closemodalimg {
    width: 28px;
}

.accordion .card.maincardlocationdetailsbox {
    background-color: #F9FBFF;
    padding: 20px;
    border: 1px solid #97cbf35e !important;
}

.mainlocationclassdetail {
    font-family: 'Graphik-Medium' !important;
    color: #212121;
    font-size: 15px;
    margin-bottom: 8px !important;
}

    .mainlocationclassdetail span {
        color: #94b7f8;
    }

.banner-bottom {
    position: absolute;
    width: 100%;
    z-index: 1;
    bottom: 77px;
}



.top-header {
    background: transparent;
    padding: 20px 0 0 0;
    position: fixed;
    width: 100%;
    z-index: 11;
}

.solid-nav {
    background-color: #ffffff !important;
    transition: background-color 0.2s linear;
    top: 0;
    color: rgb(0, 0, 0);
    padding-bottom: 20px;
    border-bottom: none !important;
    box-shadow: 0px 6px 13px 0px rgb(0 0 0 / 8%);
}

/*.modal-content {
    border-radius: 25px !important;
}

.modal-body {
    border-radius: 25px !important;
}*/

.readmorecontent {
    background-color: #F9FBFF;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #97cbf35e !important;
}

    .readmorecontent p {
        line-height: 24px;
        color: #3A434B;
        font-size: 14px;
    }


.programfee {
    margin-top: 125px;
}

.youtrustedin {
    padding: 0 0 !important;
    color: #676767;
    font-size: 14px;
}

    .youtrustedin strong {
        font-weight: 700;
        color: #212121;
    }


.needdrivertext {
    font-family: 'Graphik-Medium' !important;
    color: #212121;
    font-size: 17px;
}

.commontopmargin {
    margin-top: 125px !important;
    padding-top: 1.5rem !important;
}

.mainbottomdahedline {
    border-top: 1px dashed #a3a3a3;
    padding-top: 37px;
}

.mainenrollnow.show .mainplusminusaccordianicon:before {
    content: "\f068" !important;
}

.mainaboutextbottomline {
    font-family: 'Graphik-Medium' !important;
    color: #212121;
    font-size: 14px;
}

.mainmissionvisionbox {
    background-color: #F7FAFF;
    border-radius: 20px;
    padding: 50px;
}

.maindetailsmissionvision .title {
    font-family: 'Graphik-Medium' !important;
    color: #212121;
    font-size: 17px;
}

.maindetailsmissionvision .discription {
    color: #676767;
    font-size: 14px;
    margin-bottom: 0;
}

.maindetailsmissionvision img {
    width: 60px;
    margin-bottom: 12px;
    object-fit: contain;
    height: 40px;
}


.mainvedioimg {
    border-radius: 20px;
    background-image: url('../images/videobgaboutus.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .mainvedioimg img {
        width: 64px;
    }

.whatweprovidecontantbox {
    text-align: center;
}

    .whatweprovidecontantbox img {
        width: 96px;
        height: 96px;
        margin-bottom: 20px;
        object-fit: contain;
        border-radius: 100px;
    }

    .whatweprovidecontantbox .title {
        font-family: 'Graphik-Medium' !important;
        color: #212121;
        font-size: 13px;
        margin-bottom: 0px;
    }

.mainabouttopimg {
    border-radius: 10px;
}
/*.mainmobilebanner {
    background-image: url(../images/mobilwversion.png);
    width: 100%;
    background-repeat: no-repeat;
    height: 283px;
    background-size: cover;
    display: flex;
    align-items: end;
    padding: 25px 15px;
    margin-bottom:20px;
}*/

.mainmobilebanner {
    background-color: #edf3ff;
    text-align: right;
    margin-bottom: 20px;
    position: relative;
}

    .mainmobilebanner .carimg {
        aspect-ratio: 1;
    }


    .mainmobilebanner .mto {
        position: absolute;
        top: 27px;
        right: 20px;
        width: 86px;
    }

a.bannervideoresponsive {
    position: absolute;
    bottom: 29px;
    left: 29px;
}

    a.bannervideoresponsive img {
        width: 70px;
    }

.schedulebox-cardsnew input.datashowinput {
    right: 0;
    height: 36px;
    width: 43px;
    margin-left: 0;
    z-index: 99;
    left: inherit;
}

.schedulebox-cardsnew label.datashowlable {
    display: inline-block;
    margin-bottom: 0.5rem;
    position: absolute !important;
    height: 36px !important;
    z-index: 1;
    right: 0;
    width: 43px;
}

.programs-giftcard .schedulebox-cardsnew .md-accordion .mainacordian.card.show {
    background-color: #F9FBFF;
    border: 1px solid #97cbf35e !important;
}

.programs-giftcard .schedulebox-cardsnew .md-accordion .card .card-header.main-icon i {
    line-height: 20px !important;
    top: 5px !important;
    position: absolute;
    right: 0;
}


.schedulebody-headnewmain {
    background-color: white;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 0 13px -9px #94b7f8;
}


.schedulebox-cardsnew .form-check-input.mainselectlocationcheck[type="radio"] + label:before, .schedulebox-cardsnew .form-check-input.mainselectlocationcheck[type="radio"] + label:after {
    position: absolute;
    top: 3px;
    right: 0;
    margin: 0 !important;
    z-index: 0;
    width: 16px;
    height: 16px;
    margin: 4px;
    left: 0;
    content: "";
    -webkit-transition: 0.28s ease;
    transition: 0.28s ease;
}

.schedulebox-cardsnew .form-check-input.mainselectlocationcheck[type="radio"]:checked + label:after {
    font-family: 'Line Awesome Free';
    font-weight: 900;
    content: "\f00c" !important;
    border: 1px solid #48BF54;
    background-color: #ECF7EF;
    color: #48BF54;
    line-height: 15px;
    padding-left: 2px;
    font-size: 10px;
}

.headershowdatashedule .title {
    color: #3A434B;
    font-size: 16px;
    font-family: 'Graphik-Medium' !important;
    text-transform: capitalize;
    line-height: 1;
    margin: 0;
}

.checkdivforschedule {
    width: 36px;
}

.headershowdatashedule .timefromto {
    color: #3A434B;
    font-size: 16px;
    line-height: 1;
    margin: 0;
}

    .headershowdatashedule .timefromto i {
        font-size: 18px;
        position: relative;
        top: 1px;
    }

.schedulebody-headnewmain .divider {
    border-top: 1px solid #ccc;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.dayanddateboxnew {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.schedulebody-headnewmain {
    display: none;
}


.mainnewcdaccoedian .fa-angle-down:before {
    content: "\f106";
    position: relative;
    top: -1px;
    left: -2px;
}

.mainnewcdaccoedian .fa-angle-down:before {
    content: "\f106";
    position: relative;
    top: -1px;
    left: -2px;
}

.mainnewcdaccoedian .fa-angle-down.fa-plus:before {
    content: "\f107";
    position: relative;
    top: -1px;
    left: -2px;
}




.mainnewcdaccoedian .fa-angle-down.fa-minus:before {
    content: "\f107";
    position: relative;
    top: -1px;
    left: -2px;
}


h5.mainnewcdaccoedian {
    font-size: 17px !important;
}

.programs-giftcard .md-accordion .card.neweditcard {
    margin-bottom: 0px !important;
}

#driverAssessment h5 {
    font-size: 17px !important;
}

#driverReTrainingt h5 {
    font-size: 17px !important;
}

.mainlocationindivcisule .md-accordion .card .card-header.main-icon i {
    line-height: 20px !important;
    top: 1px !important;
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 100% !important;
    }
}

.google-add-text1 a {
    color: #88ca98 !important;
    font-weight: 600;
    text-decoration: underline;
}

.d-flex.mainblogtags {
    flex-wrap: wrap;
}

.mainblogtags .tagsbtn {
    margin-bottom: 5px;
}

.socialmediaimg a img {
    width: 41px;
}

.newtopcontact {
    font-size: 12px;
}

.top-header .top-links.top-heading span.newtopcontact a {
    font-size: 12px;
    font-weight: 500;
    color: #f3883d;
    font-weight: 500;
    font-family: 'Nunito', sans-serif;
}


.top-header .top-button .btn-style {
    color: white;
    font-size: 12px;
    padding: 5px 10px;
    font-weight: 500;
}

    .top-header .top-button .btn-style i {
        color: white;
    }

.mainthreetoplink a {
    color: #ffffff;
    font-weight: 500;
    font-family: 'Moderat-Medium';
}

.bannershap {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    bottom: 0;
    width: 47.9%;
    height: 100%;
}

.bannershap2 {
    width: 30%;
    position: absolute;
    bottom: 0;
    left: -19%;
}

.bannercar {
    position: absolute;
    top: 61%;
    right: 0;
    transform: translateY(-50%);
    width: 52%;
}

.bannermto {
    position: absolute;
    top: 184px;
    right: 5%;
    width: 154px;
}

.bannervideo {
    position: absolute;
    width: 76px;
    right: 37%;
    bottom: 18%;
    z-index: 9;
}

.newgitbtn {
    padding: 7px 14px 5px 14px;
    background-color: #5993ff;
    color: white !important;
    font-weight: 500 !important;
    font-size: 11px;
    border-radius: 50px;
    box-shadow: none;
    font-family: 'Moderat-Medium';
    white-space: nowrap;
}

    .newgitbtn img {
        width: 14px;
        margin-right: 5px;
        position: relative;
        top: -2px;
    }

    .newgitbtn:hover {
        box-shadow: none !important;
    }


.newbtnreview {
    padding: 4px 14px 5px 14px;
    background-color: transparent;
    border: 1px solid #ee8540;
    color: #ee8540 !important;
    font-weight: 500 !important;
    font-size: 12px;
    border-radius: 50px;
    margin-left: 0;
    box-shadow: none;
    margin-right: 0;
    font-family: 'Moderat-Medium';
    white-space: nowrap;
}

    .newbtnreview img {
        width: 14px;
        margin-right: 5px;
        position: relative;
        top: -2px;
    }

    .newbtnreview:hover {
        box-shadow: none !important;
    }

.btnenrollnownew:hover {
    box-shadow: none !important;
    background-color: #5993ff;
    color: white !important;
}

    .btnenrollnownew:hover i {
        color: white !important;
    }


.mainacordianlist.active .mainplusminusaccordianicon:before {
    content: "\f068" !important;
}

.mainacordianlist {
    cursor: pointer;
}

.btnenrollnownew {
    font-weight: 500 !important;
    font-family: 'Moderat-Medium';
}


span.indivisualprice {
    font-weight: 600 !important;
    font-family: 'Moderat-Medium';
    line-height: 28px;
}

span.indivisualpricetex {
    font-weight: 500 !important;
    font-family: 'Moderat-Medium';
    /* display: block; */
    font-size: 11px;
    /* line-height: 13px; */
    position: relative;
    top: -1px;
}


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

    .mainamounttextnew .amounttext {
        text-align: left;
        margin-right: 4px;
    }

.programs-feesbody .btnenrollnownew {
    padding: 8px 22px !important;
}


.newprograbdetailsacordian .collapse .card-body {
    border-top: 1px solid #d5e4ff;
}

.selectlocationbtnnewurl {
    background-color: #EDF3FE;
    color: #5993ff !important;
    padding: 6px 22px !important;
    font-size: 14px;
    text-transform: capitalize;
    box-shadow: none;
    font-weight: 500 !important;
    font-family: 'Moderat-Medium';
    border-radius: 5px;
    margin: 0 !important;
}

    .selectlocationbtnnewurl:hover {
        box-shadow: none !important;
        background-color: #5993ff;
        color: white !important;
    }

.responsivepriceboxnew {
    width: 100%;
    background-color: white;
    border-radius: 20px 20px 0 0;
    padding: 15px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: none;
    box-shadow: 0 0 15px -5px #cecece;
}

    .responsivepriceboxnew h3 {
        color: #81C995;
        font-size: 17px;
        font-weight: 800;
        margin-bottom: 0;
    }

    .responsivepriceboxnew .content {
        position: relative;
    }

    .responsivepriceboxnew .openbootomsheeticon {
        position: absolute;
        top: -6px;
        left: 50%;
        transform: translateX(-50%);
        width: 20px;
        height: 2px;
        background-color: #212121;
    }

    .responsivepriceboxnew p {
        color: #636363;
        margin: 0;
        font-size: 13px;
    }

    .responsivepriceboxnew.active {
        border-radius: 0px 0px 0 0;
        border-top: 1px solid #d7d7d7;
        box-shadow: none;
    }

.bottom-sheet-wrapper .backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    transition: all 0.2s ease-in-out;
    opacity: 0;
    pointer-events: none;
    z-index: 99;
}

.bottom-sheet-wrapper .bottom-sheet {
    background: #fff;
    width: 100%;
    min-height: 200px;
    position: fixed;
    z-index: 100;
    border-radius: 15px 15px 0 0;
    transition: all 0.2s ease-in-out;
    left: 0;
    right: 0;
    bottom: -110%;
}

.bottom-sheet-wrapper.show-modal .backdrop {
    opacity: 1;
    pointer-events: all;
}

.bottom-sheet-wrapper.show-modal .bottom-sheet {
    bottom: 70px;
}

.bottom-sheetclose {
    position: relative;
    cursor: pointer;
    padding: 10px;
}

    .bottom-sheetclose span {
        position: absolute;
        left: 50%;
        font-size: 17px;
        top: 4px;
    }



.firstcard {
    border: 1px solid #ccc;
    margin: 0 !important;
    width: 100%;
    border-radius: 20px;
}

    .firstcard .card-tilenewedit {
        margin-bottom: 5px;
    }

.firstcard2 .card-body.installmentbox {
    padding: 0;
    padding-bottom: 10px;
    margin-top: 10px;
}

.firstcard .card-tilenewedit2 {
    margin-bottom: 5px;
}

.firstcard2 .card-body {
    padding: 0;
}

.firstcard2 {
    margin-top: 8px;
}

    .firstcard2 .pricebox_details li {
        margin-bottom: 7px;
        font-size: 13px;
    }

        .firstcard2 .pricebox_details li.totalamnt {
            font-size: 16px;
        }

.destopsidepricebox {
    display: block;
}

.continubtn-bottomsheet button {
    padding: 4px 10px 2px 10px !important;
    font-size: 14px;
}

.continubtn-bottomsheet img {
    top: -3px;
    position: relative;
    margin-left: 6px;
}


.progs-navlist ul li:nth-child(1)::after {
    content: ' Programs Details ';
    position: absolute;
    bottom: -18px;
    white-space: nowrap;
    font-size: 11px;
    color: #94b7f8;
    font-weight: 500;
    display: none;
}

.progs-navlist ul li:nth-child(2)::after {
    content: ' Registration  ';
    position: absolute;
    bottom: -18px;
    white-space: nowrap;
    font-size: 11px;
    color: #94b7f8;
    display: none;
    font-weight: 500;
}

.progs-navlist ul li:nth-child(3)::after {
    content: '  Pay Fee  ';
    position: absolute;
    bottom: -18px;
    white-space: nowrap;
    font-size: 11px;
    color: #94b7f8;
    font-weight: 500;
    display: none;
}

.mobileselectlocationinfodetails {
    display: none;
}

.showinfoemailcontact .mobileselectlocationinfodetails {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

img.locationimgnew {
    width: 11px;
    position: relative;
    top: -2px;
    margin-right: 4px;
}

a.mainpromotionclick {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /* background: antiquewhite; */
}

.programs-fees-text-heading {
    font-weight: bold;
    font-family: 'Moderat-Medium';
}

.programs-feesheading .prog-fesheadingtop h3 {
    font-weight: bold;
    font-family: 'Moderat-Medium';
}

.lightblubtnnew {
    background-color: #5b95fc;
    color: #ffffff !important;
    padding: 6px 22px !important;
    font-size: 14px;
    text-transform: capitalize;
    box-shadow: none;
    border-radius: 50px;
    font-weight: 500 !important;
    font-family: 'Moderat-Medium';
    margin: 0;
    white-space: nowrap;
}

    .lightblubtnnew:hover {
        background-color: #ffffff;
        color: #5b95fc !important;
        box-shadow: none;
        border: 1px solid #5b95fc;
    }

    .lightblubtnnew:focus, .btnenrollnownew:focus {
        box-shadow: none !important;
    }

    .lightblubtnnew:hover i {
        color: #5b95fc !important;
    }

.programs-giftcard .programs-giftacard .card-header .lightblubtnnew i {
    width: auto;
    height: auto;
    color: #ffffff;
    border: none;
    position: inherit;
    line-height: 1;
    top: auto;
    font-size: 14px;
    right: auto;
    display: inline-block;
    margin-left: 7px;
}

.pricebox_details li span.pulrigt1 {
    margin-left: auto;
    font-weight: normal;
    color: #000000;
    padding-left: 15px;
}

.instAmt span.pulrigt1 {
    font-size: 16px;
}

.pricebox_details li span.pulrigt1 label {
    font-size: 1em !important;
    font-weight: normal;
}

.customcheckboxneww .custom-control-label::before, .customcheckboxneww .custom-control-label::after {
    top: 2px !important;
}

.newprograbdetailsacordian .card {
    box-shadow: 0 0 17px -13px #93b6fa;
}

.programs-giftcard.programs-giftcardnewpadding {
    padding: 0 !important;
}

.mainregistrationbox .card.z-depth-0 {
    box-shadow: 0 0 17px -13px #93b6fa !important;
}


.footer-description a {
    color: white;
}

.showinfoemailcontactbtn {
    display: none !important;
}

    .showinfoemailcontactbtn.show {
        display: inline-block !important;
    }

.schedule-listboxnew div:nth-child(1) {
    /*border-right: 1px solid #ccc;*/
    padding-right: 10px;
    margin-right: 10px;
}

.schedule-listboxnew label {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #212121;
    font-size: 14px;
    margin-bottom: 0;
}

.schedule-listboxnew i.las.la-calendar {
    color: #88ca98;
    font-size: 19px;
    position: relative;
    top: 2px;
    margin-right: 6px;
}

.schedule-listboxnew i.las.la-calendar-day {
    color: #88ca98;
    font-size: 19px;
    position: relative;
    top: 2px;
    margin-right: 6px;
}

.schedule-listboxnew i.las.la-clock {
    color: #88ca98;
    font-size: 19px;
    position: relative;
    top: 2px;
    margin-right: 6px;
}

.payment-methods .card-header i.fa-plus::before {
    content: '';
}

.payment-methods .card-header i.fa-minus::before {
    content: '\f00c';
}


.appenhearpaymentmethod i {
    display: none;
}

.appenhearpaymentmethod span {
    position: relative;
    top: 6px;
}

#lnlETransfer span {
    position: relative;
    top: 2px;
}

#lnlPayPal img {
    width: 90px;
    position: relative;
    top: -4px;
}

#lnlETransfer img {
    position: relative;
    top: -4px;
}

.programandfeesnmain {
    padding-bottom: 20px !important;
}


.mainselectprogramamount {
    background-color: #EDF3FE;
    border-radius: 5px;
    padding: 0 10px;
    text-align: right;
    border: 1px solid #94b7f8;
    height: 39px;
    margin-right: 10px;
    white-space: nowrap;
    align-items: center;
    display: flex;
}

.mainrightsideamountboxprogram {
    display: flex;
}

.mainselectprogramamount .totalaftertext {
    font-size: 14px;
    margin-left: 5px;
    font-weight: 800;
    font-family: 'Moderat-Medium';
    /* line-height: 1px; */
    display: block;
    position: relative;
    top: -1px;
}



.mainselectprogramamount .maintextplusamount {
    font-size: 11px;
    font-weight: 500;
    color: gray;
    margin-bottom: 0;
    /* line-height: 1px; */
    position: relative;
    top: -7px;
}

.subtextprogramsdetails {
    color: #626262;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}


.newreviewbox .name {
    font-family: 'Moderat-Medium';
    font-size: 17px;
    font-weight: 500;
    color: #212121;
    margin-bottom: 0px;
}

.newreviewbox .location {
    color: #94b7f8;
    font-family: 'Moderat-Medium';
    font-weight: 500;
}

    .newreviewbox .location img {
        position: relative;
        top: -2px;
        margin-right: 5px;
        width: 10px !important;
    }

.newreviewbox p.message {
    font-size: 15px;
    color: gray;
    margin-bottom: 0;
    font-weight: 400;
}

.btn-write-review, .btn-write-review:hover, .btn-write-review:focus {
    height: 41px;
    background-color: #81C995;
    color: white;
    width: 140px;
    text-align: center;
    padding: 0;
    display: block !important;
    white-space: nowrap;
    border-radius: 5px;
    font-size: 14px;
    box-shadow: none;
    line-height: 3px;
    text-transform: capitalize;
    margin: 0;
    padding-top: 15px;
}



    .btn-write-review img {
        width: 16px;
        margin-right: 5px;
        position: relative;
        top: -4px;
    }

.maingooglereviewbox {
    margin-left: -25px;
    margin-right: -25px;
}

img.google-pic {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #cccc;
    /* display: block; */
    width: 169px;
}


.mainpaggination {
    display: flex;
    align-items: center;
    font-family: 'Moderat-Medium';
    flex-wrap: wrap;
}

    .mainpaggination a {
        margin-bottom: 10px;
    }

a.prev {
    color: black;
    font-size: 14px;
    font-weight: 500;
    /* font-family: 'Moderat-Medium'; */
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding: 3px 10px;
    margin-right: 10px;
    background-color: white;
}

a.next {
    color: black;
    font-size: 14px;
    font-weight: 500;
    /* font-family: 'Moderat-Medium'; */
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding: 3px 10px;
    background-color: white;
}


a.paginationcount {
    color: black;
    font-size: 14px;
    font-weight: 500;
    /* font-family: 'Moderat-Medium'; */
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding: 3px 10px;
    margin-right: 10px;
    background-color: white;
}

    a.paginationcount.active {
        color: #88ca98;
        border: 1px solid #88ca98;
    }

.newpromotionbox {
    width: 414px !important;
    height: 623px !important;
    margin: 0 !important;
}

.mainpromotion {
    display: flex;
}

    .mainpromotion .leftside {
        width: 100%;
        margin-right: 20px;
    }

    .mainpromotion .rightside {
        width: 414px;
        /*height: 623px;*/
    }


.newpromotionbox {
    position: relative;
}

.giftsign-box2 .maincontentpromotion h3 {
    margin-top: 0;
    font-family: 'Lato';
    font-size: 22px !important;
    margin-bottom: 0;
    font-weight: 700;
}

.giftsign-box2 .maincontentpromotion h4 {
    margin: 10px 0 0px;
    font-size: 33px !important;
    font-weight: 500;
    font-family: 'Lato';
    font-weight: 400;
    line-height: auto;
}

.giftsign-box .maincontentpromotion .giftsign-price {
    font-size: 91px;
    font-weight: 700;
    line-height: 0.85;
    margin-top: 21px;
    font-family: 'Lato';
    font-weight: 900;
}

.giftsign-box2 .maincontentpromotion p {
    font-size: 14px;
    font-weight: 600;
    max-width: 100%;
    margin-top: 20px;
}

.maincontentpromotion {
    position: absolute;
    width: 260px;
    height: 257px;
    top: 62px;
    left: 52px;
}

.maincontentpromotion {
    position: absolute;
    width: 260px;
    height: 257px;
    top: 62px;
    left: 52px;
}

.giftsign-box.newpromotionbox .main-btn .btn-style {
    width: 100%;
    padding: 8px 20px 10px 20px;
    position: absolute;
    bottom: 70px;
    width: 307px;
    font-size: 17px;
    height: 43px;
    border-radius: 5px;
    left: 50%;
    font-weight: 700;
    transform: translateX(-50%);
}

.paymentsuccessbox td.title {
    font-weight: 500;
    font-size: 15px;
    color: #636363;
}

.paymentsuccessbox td.amount {
    font-weight: normal;
    color: #000000;
    padding-left: 15px;
}

.paymentsuccessbox .last_totel td.title {
    font-size: 21px !important;
    font-weight: 900;
    color: #212121;
}


.paymentsuccessbox .last_totel td.amount {
    color: #81C995;
    font-size: 21px !important;
    font-weight: 800;
}

.paymentsuccessbox .last_totel {
    border-top: 3px solid #F0F5FF;
}


.paymentsuccessbox h4.prograname {
    font-size: 19px;
    font-weight: 600;
    color: #212121;
    border-bottom: 1px solid #ccc;
    padding-bottom: 11px;
}


.paymentsuccessbox .preferredprogeame {
    font-size: 16px;
    font-weight: 400;
    color: gray;
}

.paymentsuccessbox h4.price {
    font-size: 14px;
    font-weight: 600;
    margin-top: 14px;
}

.firsttopbar1, .mainmarquee {
    background-color: #f2a06a;
    color: white !important;
}

.loaderbox {
    background-color: white;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

    /*.loaderbox .logo
{
        width: 251px;
}*/
    .loaderbox .logo {
        width: 228px;
        position: relative;
        margin-bottom: 34px;
    }

    .loaderbox .content {
        text-align: center;
        position: relative;
    }

    .loaderbox .loaderimg {
        width: 246px;
        /* height: 182px; */
        position: absolute;
        left: 56%;
        transform: translateX(-50%);
        bottom: -151px;
    }

p.maincontentreadmore2 {
    line-height: 25px;
    color: #000000;
    font-size: 14px;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    margin-top: 15px;
}

#mainloader {
    display: none;
}

#txtPhoto {
    line-height: 1.2;
}

.newprograbdetailsacordian .btnenrollnownew {
    background-color: #5993ff;
    color: #ffffff !important;
    padding: 6px 22px !important;
    font-size: 14px;
    border: 1px solid #5993ff;
    text-transform: capitalize;
    box-shadow: none;
    font-weight: 400 !important;
    border-radius: 50px;
    margin: 0;
    width: 220px;
}

.programs-feesbody .programs-giftacard .newprograbdetailsacordian .card-header .btnenrollnownew i {
    color: #ffffff;
    width: auto;
    line-height: 1;
    border: none;
    height: auto;
    background-color: transparent;
}

.programs-feesbody .programs-giftacard .newprograbdetailsacordian .card-header i {
    width: 39px;
    height: 39px;
    line-height: 36px;
    border: 1px solid #e98242;
    color: #ffffff;
    background-color: #e98242;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    margin-left: 10px;
    right: inherit;
    top: inherit;
    position: inherit;
}

.schedulebody-cntlist li:nth-child(3) span {
    display: flex;
    align-items: self-start;
}

    .schedulebody-cntlist li:nth-child(3) span img {
        position: relative;
        top: 2px;
    }


    .schedulebody-cntlist li:nth-child(3) span label {
        word-break: break-all;
    }


.newopenaccordian {
    padding: 0 !important;
    position: inherit !important;
}

.payment-methodsfailure .card-header i:not(.static-arrow) {
    width: 25px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #88ca98;
    color: #88ca98;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    position: absolute;
    right: 20px;
    top: 8px;
}

.payment-methodsfailure.md-accordion .pm1 .card-body, .payment-methodsfailure.md-accordion .pm2 .card-body, .payment-methodsfailure.md-accordion .pm3 .card-body, .payment-methodsfailure.md-accordion .pm4 .card-body {
    border-top: 1px solid rgb(136, 202, 152);
}

.payment-methodsfailure .card {
    border: 1px solid #cccc !important;
}

.corporate-clients-main.programs-giftcard .md-accordion .card .card-header a {
    white-space: inherit !important;
    position: relative;
}

    .corporate-clients-main.programs-giftcard .md-accordion .card .card-header a h6 {
        width: 90%;
    }

        .corporate-clients-main.programs-giftcard .md-accordion .card .card-header a h6 i {
            position: absolute;
            top: 50%;
            right: 16px;
            transform: translateY(-50%);
        }


i.las.la-map-marker-alt.locationimgnewicon {
    font-size: 14px;
    position: relative;
    top: 0px;
    margin-right: 3px;
    color: black;
}

span.opentimenew {
    color: #f3883d !important;
}

i.las.la-map-marker-alt.headerlocation.mr-2 {
    font-size: 15px;
    color: white;
    margin-right: 4px !important;
    position: relative;
    top: 1px;
}

.maintopselectlocationbtn .fa-angle-down {
    color: white !important;
}

.top-header .top-button.mobileviewbuttonheader .selectLogin {
    background-color: #ee9e6c;
    border-radius: 5px;
    font-size: 10px;
    padding: 6px 8px 5px 8px;
    font-family: 'Moderat-Medium';
    border: none;
    text-transform: uppercase;
}

    .top-header .top-button.mobileviewbuttonheader .selectLogin i {
        font-size: 12px;
        position: relative;
        top: 1px;
    }



.bannermtoheader {
    width: 77px;
    margin-left: 6px;
    display: none;
}

img.bannermtonewmobile {
    width: 113px;
    margin: 0 auto;
}

.dot-spinner {
    --uib-size: 2.8rem;
    --uib-speed: .9s;
    --uib-color: #ee8540;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 80px;
    width: 80px;
    margin: 0 auto;
}

.dot-spinner__dot {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    width: 100%;
}

    .dot-spinner__dot::before {
        content: '';
        height: 20%;
        width: 20%;
        border-radius: 50%;
        background-color: var(--uib-color);
        transform: scale(0);
        opacity: 0.5;
        animation: pulse0112 calc(var(--uib-speed) * 1.111) ease-in-out infinite;
    }

    .dot-spinner__dot:nth-child(2) {
        transform: rotate(45deg);
    }

        .dot-spinner__dot:nth-child(2)::before {
            animation-delay: calc(var(--uib-speed) * -0.875);
        }

    .dot-spinner__dot:nth-child(3) {
        transform: rotate(90deg);
    }

        .dot-spinner__dot:nth-child(3)::before {
            animation-delay: calc(var(--uib-speed) * -0.75);
        }

    .dot-spinner__dot:nth-child(4) {
        transform: rotate(135deg);
    }

        .dot-spinner__dot:nth-child(4)::before {
            animation-delay: calc(var(--uib-speed) * -0.625);
        }

    .dot-spinner__dot:nth-child(5) {
        transform: rotate(180deg);
    }

        .dot-spinner__dot:nth-child(5)::before {
            animation-delay: calc(var(--uib-speed) * -0.5);
        }

    .dot-spinner__dot:nth-child(6) {
        transform: rotate(225deg);
    }

        .dot-spinner__dot:nth-child(6)::before {
            animation-delay: calc(var(--uib-speed) * -0.375);
        }

    .dot-spinner__dot:nth-child(7) {
        transform: rotate(270deg);
    }

        .dot-spinner__dot:nth-child(7)::before {
            animation-delay: calc(var(--uib-speed) * -0.25);
        }

    .dot-spinner__dot:nth-child(8) {
        transform: rotate(315deg);
    }

        .dot-spinner__dot:nth-child(8)::before {
            animation-delay: calc(var(--uib-speed) * -0.125);
        }

@keyframes pulse0112 {
    0%, 100% {
        transform: scale(0);
        opacity: 0.5;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }
}

#lblGiftCodeApplyMessage {
    margin-top: 20px !important;
    margin-bottom: -20px !important;
}


/*error page css start*/

.minbgerror {
    background-image: url('../images/errorbg.png');
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    display: flex;
    align-items: center;
    justify-content: center;
}



.mainerrorcontent {
    text-align: center;
}

    .mainerrorcontent p.title {
        font-family: 'Moderat-Medium';
        font-size: 19px;
        font-weight: 600;
        margin-top: 27px;
        margin-bottom: 0;
    }

    .mainerrorcontent p.discription {
        font-size: 14px;
        /* font-family: 'Moderat-Medium'; */
        color: #8f8f8f;
        font-weight: 300;
        margin-top: 7px;
    }

    .mainerrorcontent img {
        width: 100%;
        height: 301px;
        object-fit: contain;
    }

    .mainerrorcontent .btn {
        font-family: 'Moderat-Medium';
        background-color: #f2a06a;
        color: white;
        font-weight: 500;
        padding: 7px 20px;
        font-size: 15px;
        box-shadow: none;
        border-radius: 6px;
        word-spacing: 2px;
        text-transform: none;
    }

        .mainerrorcontent .btn:hover {
            background-color: black;
        }

@media (max-width:991px) {
    .mainerrorcontent img {
        margin-top: 33px;
    }
}

@media (max-width:767px) {

    .mainerrorcontent img {
        margin-top: 129px;
        height: 145px;
    }

    .mainerrorcontent {
        text-align: center;
        padding: 0 19px;
    }
}

.footerapp img {
    width: 130px;
}

.loginbtn {
    text-align: center;
    padding: 17px;
    font-weight: 600;
    box-shadow: none;
    border: 1px solid #cccc;
    border-radius: 5px;
}

    .loginbtn img {
        width: auto;
        height: 38px;
        object-fit: contain;
        margin-right: 10px;
    }



.loginpopupspan {
    display: block;
    text-decoration: none;
    color: #000000 !important;
    margin-top: 0;
    font-size: 18px;
    font-family: 'Graphik-Medium' !important;
    font-weight: 500;
}


@media only screen and (max-width: 991px) {
    .loginbtn {
        margin-bottom: 20px;
    }
}

#lblTickerMessage {
    font-size: 13px;
    font-weight: 500;
    font-family: 'Moderat-Medium';
    color: #ffffff;
    margin-bottom: 0;
}


.programsgift-btmboxnewadd {
    background-image: url('../images/newgiftcarimg.png');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 175px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding: 0 50px;
    position: relative;
    margin-top: 25px;
}


    .programsgift-btmboxnewadd h3 {
        font-family: 'Nunito', sans-serif;
        font-weight: 700;
        font-size: 52px;
        line-height: 1;
        margin-bottom: 0;
        color: #654B37;
        margin-top: 53px;
    }

    .programsgift-btmboxnewadd h5 {
        font-size: 16px;
        font-weight: 400;
        color: #A98E74;
        margin-left: 4px;
        font-family: 'Nunito', sans-serif;
    }

    .programsgift-btmboxnewadd .redemtxt {
        color: #A98E74;
        font-size: 13px;
        font-family: 'Nunito', sans-serif;
    }


    .programsgift-btmboxnewadd .btn {
        background-color: #E8C482;
        box-shadow: none;
        padding: 11px 41px;
        font-size: 16px;
        font-size: 16px;
        letter-spacing: 1px;
        word-spacing: 4px;
        border-radius: 41px;
        color: white;
        font-weight: 600;
        margin-top: 56px;
    }


    .programsgift-btmboxnewadd .btn-style {
        text-transform: capitalize;
        padding: 5px 10px;
        border-radius: 3px;
        font-weight: 500;
        background: white;
        border: 1px solid white;
        color: #654B37 !important;
        display: inline-block;
        cursor: pointer;
        transition: all .5s;
        border-radius: 53px;
        font-size: 11px;
        font-weight: 700;
        text-align: center;
        outline: 0;
        /* position: absolute; */
        right: 30px;
        top: 30px;
        margin-top: 20px;
    }


    .programsgift-btmboxnewadd .tandc {
        position: absolute;
        right: 50px;
        color: #654B37;
        font-size: 9px;
        font-weight: 500;
        bottom: 8px;
    }

.programsgift-btmboxnewadd-wo-location {
    background-image: url(../images/newgiftcarimg-m.png);
    background-repeat: no-repeat;
    border-radius: 37px;
    height: 318px;
    display: block;
    object-fit: cover;
    padding: 52px 20px 20px 20px;
    position: relative;
    text-align: center;
    margin-top: 24px;
}



    .programsgift-btmboxnewadd-wo-location h3 {
        font-family: 'Nunito', sans-serif;
        font-weight: 700;
        font-size: 52px;
        line-height: 1;
        margin-bottom: 0;
        color: #654B37;
        margin-top: 25px;
    }

    .programsgift-btmboxnewadd-wo-location h5 {
        font-size: 16px;
        font-weight: 400;
        color: #A98E74;
        margin-left: 4px;
        font-family: 'Nunito', sans-serif;
    }

    .programsgift-btmboxnewadd-wo-location .redemtxt {
        color: #A98E74;
        font-size: 13px;
        font-family: 'Nunito', sans-serif;
    }


    .programsgift-btmboxnewadd-wo-location .btn {
        background-color: #E8C482;
        box-shadow: none;
        padding: 11px 41px;
        font-size: 16px;
        font-size: 16px;
        letter-spacing: 1px;
        word-spacing: 4px;
        border-radius: 41px;
        color: white;
        font-weight: 600;
        margin-top: 15px;
    }


    .programsgift-btmboxnewadd-wo-location .btn-style {
        text-transform: capitalize;
        padding: 5px 10px;
        border-radius: 3px;
        font-weight: 500;
        background: white;
        border: 1px solid white;
        color: #654B37 !important;
        display: inline-block;
        cursor: pointer;
        transition: all .5s;
        border-radius: 53px;
        font-size: 11px;
        font-weight: 700;
        text-align: center;
        outline: 0;
        /* position: absolute; */
        right: 30px;
        top: 30px;
        margin-top: 20px;
    }


    .programsgift-btmboxnewadd-wo-location .tandc {
        position: absolute;
        right: 50px;
        color: #654B37;
        font-size: 9px;
        font-weight: 500;
        bottom: 8px;
    }


.main-heading h1 {
    font-size: 40px;
    font-weight: bold;
}

.programs-feesheading .prog-fesheadingtop h1 {
    font-weight: bold;
    font-family: 'Moderat-Medium';
}

#txtDateofBirth {
    color: #495057 !important;
}

#txtLicenseExpiryDate {
    color: #495057 !important;
}

.studentdue {
    color: red !important;
}


table.table a.btn-select-new-edit {
    padding: 7px;
    padding-bottom: 4px;
    border-radius: 5px;
}


#txtCaptcha {
    margin-top: 8px;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}

#lnkCaptchaSubmit {
    margin-top: 8px;
    color: #fff !important;
    padding: 7px 13px 3px !important;
    border-start-start-radius: 0;
    border-end-start-radius: 0;
}

/*#lnkCaptchaSubmit:hover  {
    margin-top: 8px;
    color: #fff !important;
    padding: 5px 13px 3px !important;
}*/

#lnkResetCaptcha {
    margin-top: 8px;
}


.main_similor_student_card .locattionsettilte {
    font-size: 16px;
    color: #212121;
    font-family: 'Graphik-Medium' !important;
    margin-right: 10px;
}

.main_similor_student_card .mainlocationclassdetail {
    font-family: 'Graphik-Medium' !important;
    color: #212121;
    font-size: 15px;
    margin-bottom: 0px !important;
    display: flex;
}

    .main_similor_student_card .mainlocationclassdetail img {
        width: 20px;
        margin-right: 5px;
        height: 20px;
    }

    .main_similor_student_card .mainlocationclassdetail span {
        color: #94b7f8;
    }

.main_similor_student_card .main_details_student_card {
    background-color: #ffffff;
    padding: 0;
    border: 1px solid #97cbf35e !important;
}

..main_details_student_card i {
    font-size: 17px;
    margin-top: 2px;
    position: relative;
    top: 1px;
    margin-right: 7px;
}

.main_details_student_card .tel {
    color: #888888;
    font-size: 14px;
}

.main_details_student_card .email {
    color: #888888;
    font-size: 14px;
    word-break: break-all;
}

.main_details_student_card .user {
    color: #888888;
    font-size: 14px;
}

.main_details_student_card .datee {
    color: #888888;
    font-size: 14px;
}

.main_details_student_card i {
    font-size: 17px;
    margin-top: 2px;
    position: relative;
    top: 1px;
    margin-right: 7px;
}

.main_similor_student_card .maintopselectlocationbtn {
    background-color: #5993ff;
    line-height: 20px;
    border: none;
    padding: 5px 11px;
    text-transform: capitalize;
    border-radius: 5px;
    font-weight: 500;
    color: white;
    letter-spacing: 0;
    font-family: 'Moderat-Medium';
    font-size: 12px;
    white-space: nowrap;
}

.main_similor_student_card {
    background-color: #F9FBFF;
    padding: 12px;
    height: 100%;
}

.main-paid-buttons {
    display: inline-flex;
    background-color: #e9f1ff;
    border: 1px solid #4587f17d;
    border-radius: 3px;
}

p.pdtitle {
    font-size: 13px;
    font-weight: 500;
    color: gray;
    font-family: 'Graphik-Medium' !important;
    margin: 0;
    padding: 3px 8px;
    /*border-right: 1px solid #9abef7;*/
    padding-bottom: 4px;
}

    p.pdtitle span {
        color: #20c997;
    }

.status {
    font-size: 12px;
    font-weight: 500;
    background-color: #20c997;
    font-family: 'Graphik-Medium' !important;
    margin: 0;
    color: white;
    /* display: flex; */
    padding-top: 7px;
    padding: 0 10px;
    align-items: center;
    border-radius: 3px;
    padding-top: 2px;
}


label.main_details_student_card_lable {
    margin-bottom: 0;
    font-size: 13px;
    color: #434343;
    font-weight: 400;
    font-family: 'Graphik-Medium' !important;
}

.main_header_students {
    border-bottom: 1px solid #97cbf35e !important;
}

.mh-MPStudentFilter {
    background-color: #EEF4FD;
}

    .mh-MPStudentFilter .sublocattionsettilte {
        font-size: 17px;
        color: #000000;
        font-weight: 500;
        font-family: 'Graphik-Regular' !important;
    }

.mainlocationsetimg i {
    font-size: 51px;
    color: #5b95fc;
    margin-right: 10px;
}

@media (max-width:991px) {
    .mainlocationsetimg i {
        font-size: 30px;
    }

    .mh-MPStudentFilter .sublocattionsettilte {
        font-size: 13px;
    }
}

.main-captcha {
    width: 275px;
    padding: 12px;
    background-color: #f3f3f3;
    margin-left: 12px;
    position: relative;
}

.reseticom {
    color: #94b7f8 !important;
    position: absolute;
    right: -33px;
    top: 16px;
    font-size: 20px;
    padding: 0;
}

#nocaptcha {
    color: red;
    font-size: 14px;
    margin-top: 7px;
}

#lnkCaptchaSubmit:disabled {
    background: #cfcfcf;
    border-color: #cfcfcf;
    color: #8e8e8e !important;
}

@media (max-width:400px) {
    .main-captcha {
        width: 250px;
    }
}

@media (max-width:374px) {
    .main-captcha {
        width: 205px;
    }
}

#lblDateList {
    width: 190px;
    word-break: break-all;
}

.wrapclass {
    white-space: inherit !important;
}

.reviewmargine {
    margin-top: 22px !important;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    display: flex;
    align-items: center;
    margin-bottom: 0 !important;
}

.rbpt2 {
    padding-top: 2px !important;
}





/* css new start */

/* animation part start */
.bannersectionmain .animate-on-scroll {
    opacity: 0;
    transition: all 1.4s ease;
}

.bannersectionmain .from-left {
    transform: translateX(-40px);
}

.bannersectionmain .from-right {
    transform: translateX(40px);
}

.bannersectionmain .from-bottom {
    transform: translateY(40px);
}

.bannersectionmain .scale-in {
    transform: scale(0.9);
}

.bannersectionmain .fade-in {
    transform: none;
}

.bannersectionmain .animate-on-scroll.in-view {
    opacity: 1;
    transform: translate(0) scale(1);
}


@media (max-width: 767px) {
    .bannersectionmain .animate-on-scroll {
        opacity: 0;
        transform: translateY(20px);
        transition: all 0.8s ease-out;
    }

        .bannersectionmain .animate-on-scroll.in-view {
            opacity: 1;
            transform: translateY(0);
        }

    .bannersectionmain .from-left,
    .from-right {
        transform: translateY(20px);
    }

    .bannersectionmain .scale-in {
        transform: scale(0.95);
    }
}

/* animation part end */




h3.commenheading {
    font-size: 28px !important;
    line-height: 32px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
    color: #121212 !important;
}

    h3.commenheading span {
        color: #399AF4 !important;
        font-size: 28px !important;
        line-height: 32px !important;
        font-weight: 700 !important;
        margin-bottom: 10px !important;
    }

.commendescription {
    font-size: 16px !important;
    margin-bottom: 16px !important;
    color: #555A65 !important;
}

.topnavbar {
    background: #041334;
    color: white;
    padding: 10px 0;
position: relative;

}

    .topnavbar p {
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        gap: 8px;
        text-transform: uppercase;
    }

.registerlink {
    display: flex;
    align-items: center;
    gap: 10px;
    color: white;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: uppercase;
}

    .registerlink:hover {
        color: white;
    }

.crossicon {
    position: absolute;
    right: 12px;
    top: 8px;
    color: white;
    font-size: 15px;
}

    .crossicon:hover {
        color: white;
    }

.staricon {
    width: 16px;
    position: relative;
    top: -2px;
}
.topheader{
    position: relative;
    z-index: 99;
}
.topheader .logoicon {
    width: 120px;
}

.topheader .navbar-brand {
    margin-right: 32px;
}

.topheader .nav-link {
    font-size: 15px;
    color: #383838;
    font-weight: 400;
    padding: 8px 12px !important;
}

.topheader img.arrowdownicon {
    width: 14px;
    margin-left: 4px;
}

.topheader .dropdown-toggle::after {
    display: none;
}

.topheader .searchbtn {
    position: relative;
    width: fit-content;
}

    .topheader .searchbtn input {
        font-size: 14px;
        padding: 10px 60px 10px 20px;
        border-radius: 20px;
        border: 1px solid #383838;
        position: relative;
        width: 320px;
    }

        .topheader .searchbtn input::placeholder {
            color: #383838;
        }

    .topheader .searchbtn img {
        position: absolute;
        right: 8px;
        top: 8px;
        width: 28px;
    }

.topheader .righicons {
    display: flex;
    align-items: center;
    gap: 20px;
}

    .topheader .righicons i {
        background: #419cf2;
        color: white;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
    }


.loginbtnnew {
    box-shadow: none;
    border-radius: 6px;
    padding: 8px 18px;
    color: #399AF4;
    font-size: 14px;
    text-transform: capitalize;
}

    .loginbtnnew:hover {
        background: #399AF4;
        color: white;
        box-shadow: none;
    }

.signupbtnnew {
    box-shadow: none;
    border: 1px solid #399AF4;
    border-radius: 6px;
    padding: 8px 18px;
    color: #399AF4;
    font-size: 14px;
    text-transform: capitalize;
}

    .signupbtnnew:hover {
        background: #399AF4;
        color: white;
        box-shadow: none;
    }

.bannersectionmain {
    padding: 50px 0;
}

img.bannerbgimg {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

.bannersectionmain .leftside {
    position: relative;
    background-image: url("../imgesnew/bannerbgimg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    /*min-height: 400px;*/
    height: auto;
    border-radius: 20px;
}

.bannersectionmain .swiper-slide {
    padding: 20px;
    color: white;
}

.swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 6px;
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #ffffff;
    opacity: 1;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
    background: #ffffff;
    margin: 0 !important;
}



.bannersectionmain .leftside h3 {
    font-size: 26px;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 16px;
}

.bannersectionmain .leftside p {
    font-size: 15px;
    margin-bottom: 16px;
}

.bannersectionmain .leftside button.getstartedbtn {
    background: #399AF4;
    border: none;
    color: white;
    padding: 8px 16px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 6px;
}

.bannersectionmain .rightisde .firstrow {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #BFD1E3;
    padding-bottom: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

    .bannersectionmain .rightisde .firstrow:last-child {
        border-bottom: none;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .bannersectionmain .rightisde .firstrow .first_icons {
        display: flex;
        align-items: center;
        gap: 14px;
        border-right: 1px solid #BFD1E3;
        margin-right: 23px;
        padding-right: 18px;
    }

        .bannersectionmain .rightisde .firstrow .first_icons:last-child {
            border-right: none;
            margin-right: 0px;
            padding-right: 0px;
        }

    .bannersectionmain .rightisde .firstrow h6 {
        font-size: 16px;
        color: black;
        font-weight: 500;
        margin-bottom: 0;
    }

    .bannersectionmain .rightisde .firstrow img.bannericons {
    width: auto;
    height: 24px;
    object-fit: contain;
    margin: 0 5px;

    }

.Techsectionmain {
    padding: 50px 0;
}


    .Techsectionmain .bgtech {
        background-image: url(../imgesnew/techsectionbg.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: auto;
    }

    .Techsectionmain .box {
        border: 1px solid #C7C7C7;
        padding: 14px;
        border-radius: 12px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        height: 100%;
    }

    .Techsectionmain img.techicons {
        width: 80px;
        height: 80px;
        object-fit: contain;
    }

    .Techsectionmain h6 {
        font-size: 17px;
        font-weight: 400;
        color: black;
        margin-bottom: 0;
    }

    .Techsectionmain .swiper {
        padding-bottom: 50px;
    }

    .Techsectionmain .swiper-slide {
        display: block;
    }

    .Techsectionmain .swiper-pagination-bullet-active {
        background: #399AF4;
    }
      .Techsectionmain .swiper-pagination-bullet {
        background: #399AF4 !important;
    }

.Trendingcareersectionmain .Trendingcareerbg {
    background-image: url(../imgesnew/techcareerbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    background-position: center;
    border-radius: 20px;
    padding: 26px;
}

    .Trendingcareersectionmain .Trendingcareerbg .trendingicon {
        width: 18px;
        position: relative;
        top: -2px;
    }

    .Trendingcareersectionmain .Trendingcareerbg span {
        color: white;
        font-size: 17px;
        font-weight: 500;
    }

    .Trendingcareersectionmain .Trendingcareerbg h3 {
        font-size: 40px;
        color: white;
        font-weight: 700;
        margin-bottom: 20px;
    }

.explorecoursesbtn {
    background: white;
    border: none;
    color: #000000;
    padding: 8px 16px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 6px;
}

.Trendingcareersectionmain .rightside .box {
    background: white;
    padding: 16px;
    border-radius: 12px;
    height: 100%;
}

.techcareerimg {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.Trendingcareersectionmain .rightside .box .tag {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #77787C;
}

.Trendingcareersectionmain .rightside .box img.tagicon {
    width: 15px;
    margin-right: 8px;
}

.Trendingcareersectionmain .rightside .box h5 {
    font-size: 17px;
    font-weight: 500;
    color: black;
}

.Trendingcareersectionmain .rightside .box p {
    color: #555A65;
    font-size: 15px;
    margin-bottom: 0;
}

.Trendingcareersectionmain .swiper-slide {
    display: block;
    height: auto;
}

.Trendingcareersectionmain .swiper-pagination-bullet-active {
    background: white;
}

.coursessectionmain {
    padding: 50px 0;
}

    .coursessectionmain .cousesdetails {
        background: #EBF5FF;
        padding: 20px;
        border-radius: 20px;
    }

        .coursessectionmain .cousesdetails h6 {
            font-size: 20px;
            font-weight: 500;
            color: black;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .coursessectionmain .cousesdetails .box {
            background: white;
            padding: 16px;
            border-radius: 8px;
        }

            .coursessectionmain .cousesdetails .box .tag {
                display: flex;
                align-items: center;
                font-size: 15px;
                font-weight: 500;
                margin-bottom: 10px;
                color: #77787C;
            }

            .coursessectionmain .cousesdetails .box img.tagicon {
                width: 24px;
                margin-right: 8px;
            }

            .coursessectionmain .cousesdetails .box h5 {
                font-size: 17px;
                font-weight: 500;
                color: black;
            }

            .coursessectionmain .cousesdetails .box .trendingicon {
                width: 16px;
                position: relative;
                top: -1px;
            }

            .coursessectionmain .cousesdetails .box p {
                color: #555A65;
                font-size: 15px;
                margin-bottom: 0;
            }

        .coursessectionmain .cousesdetails .coursesimgs {
            position: absolute;
            right: 13px;
            top: 50%;
            transform: translateY(-50%);
            width: 100%;
            height: 140px;
            border-radius: 4px;
            /*object-fit: contain;*/
            overflow: hidden;
            /*box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);*/
        }

.howgrowsection {
    padding: 30px 0;
}

    .howgrowsection .howgrowdetails {
        background: #399AF4;
        border-radius: 20px;
        padding: 20px 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 30px;
    }

        .howgrowsection .howgrowdetails h5 {
            font-size: 18px;
            margin-bottom: 0;
            font-weight: 500;
            color: white;
        }

        .howgrowsection .howgrowdetails .tagbox {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 40px;
        }

            .howgrowsection .howgrowdetails .tagbox div {
                background: white;
                padding: 10px 14px;
                color: black;
                display: flex;
                gap: 10px;
                align-items: center;
                border-radius: 8px;
                font-size: 17px;
                font-weight: 400;
            }

            .howgrowsection .howgrowdetails .tagbox img.howgrowicons {
                width: 40px;
            }

.whychoosectionmain {
    background: #F4F4F4;
    padding: 50px 0;
    margin: 50px 0;
    position: relative;
}

    .whychoosectionmain img.whchooselogo {
        position: absolute;
        left: 23px;
        top: 35px;
        z-index: 99;
        width: 150px;
    }

.whchooseframe1 {
    position: absolute;
    left: 10px;
    top: 26px;
    width: 92px;
}

.whchooseframe2 {
    position: absolute;
    right: 16px;
    bottom: 18px;
    width: 92px;
}

.whychoosectionmain .whychoosedetails {
    background: white;
    border-radius: 20px;
    position: relative;
}

    .whychoosectionmain .whychoosedetails img.whychooseicons {
        width: 44px;
        margin-bottom: 20px;
    }

    .whychoosectionmain .whychoosedetails .rightside {
        padding: 0 80px;
    }

    .whychoosectionmain .whychoosedetails h6 {
        font-size: 19px;
        font-weight: 700;
        margin-bottom: 16px;
    }

    .whychoosectionmain .whychoosedetails span {
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 0;
        color: #121212;
    }

.explorecareermain {
    padding: 50px 0;
}
    .explorecareermain .swiper-pagination-bullet-active {
        background: #399AF4;
    }
      .explorecareermain .swiper-pagination-bullet {
        background: #399AF4 !important;
    }
    .explorecareermain .box {
        border: 1px solid #ADADAD;
        border-radius: 14px;
        padding: 20px;
        position: relative;
        height: 100%;
    }

        .explorecareermain .box::before {
            content: '';
            position: absolute;
            left: 0;
            top: 20px;
            height: 70px;
            border-radius: 6px;
            border: 3px solid #399AF4;
        }

        .explorecareermain .box img.careericons {
            width: 60px;
            margin-bottom: 30px;
        }

        .explorecareermain .box h5 {
            font-size: 19px;
            font-weight: 700;
            margin-bottom: 16px;
        }

        .explorecareermain .box p {
            font-size: 15px;
            font-weight: 400;
            margin-bottom: 20px;
            color: #121212;
        }

        .explorecareermain .box a {
            font-size: 16px;
            font-weight: 700;
            color: #121212;
            text-decoration: underline;
        }

    .explorecareermain .swiper-slide {
        display: block;
        height: auto;
    }


.industrymain {
    padding: 50px 0;
}

    .industrymain .swiper-pagination-bullet-active {
        background: #399AF4;
    }
      .industrymain .swiper-pagination-bullet {
        background: #399AF4 !important;
    }

    .industrymain .bgtech {
        background-image: url(../imgesnew/techsectionbg.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: auto;
    }

    .industrymain .box {
        background: #494949;
        padding: 30px 20px;
        border-radius: 12px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        height: 100%;
        position: relative;
        overflow: hidden;
        transition: color 0.4s ease;
    }

        .industrymain .box::before {
            content: "";
            position: absolute;
            top: -100%;
            border-radius: 12px;
            left: 0;
            width: 100%;
            height: 100%;
            background: white;
            transition: top 0.4s ease;
            z-index: 0;
        }

        .industrymain .box:hover::before {
            top: 0;
        }

        .industrymain .box * {
            position: relative;
            z-index: 1;
        }

    .industrymain img.industryicons {
        width: 40px;
        height: 40px;
        object-fit: contain;
        transition: filter 0.4s ease;
    }

    .industrymain .box:hover img.industryicons {
        filter: brightness(0) saturate(100%) invert(30%);
    }

    .industrymain h6 {
        font-size: 17px;
        font-weight: 500;
        color: white;
        margin-bottom: 0;
        transition: color 0.4s ease;
    }

    .industrymain .box:hover h6 {
        color: #494949;
    }


    .industrymain .swiper {
        padding-bottom: 50px;
    }

    .industrymain .swiper-slide {
        display: block;
    }

    .industrymain .swiper-pagination-bullet-active {
        background: #399AF4;
    }


.navigationprogrammain {
    padding: 60px 0;
}

/* GRID */
.gridmain {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: start;
}

.programicons .line1,
.programicons .line2 {
    position: absolute;
    width: 0; /* start hidden */
    height: 8px;
    background: #e9e9e96b;
    top: 50%;
    transform-origin: left center;
}

.programicons .line1 {
    left: 30%;
    rotate: 30deg;
}

.programicons .line2 {
    left: 30%;
    rotate: -30deg;
}



.navdetails {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

    .navdetails:nth-child(even) {
        flex-direction: column-reverse;
        margin-top: 290px;
    }

.programicons {
    position: relative;
}

    .programicons img {
        width: 140px;
        display: block;
        position: relative;
        z-index: 2;
    }

    .programicons::before {
        content: "";
        position: absolute;
        bottom: -16px;
        left: 50%;
        width: 90px;
        height: 90px;
        transform: translateX(-100%) rotate(30deg); /* keep your design */
        opacity: 0; /* just start hidden */
        border-radius: 25px;
        background: #399af438;
        z-index: 1;
        filter: blur(6px);
    }



.navdetails:last-child .programicons::after {
    display: none;
}


.navigationprogrammain h6 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #121212;
}

.navigationprogrammain p {
    font-size: 15px;
    line-height: 24px;
    color: #444;
    margin-bottom: 0;
}

.freetrialmain {
    padding: 50px 0;
}

.leftsidebox {
    background: #3993F3;
    padding: 0 24px;
    border-radius: 20px;
}

.rightsidebox {
    background: #041334;
    padding: 0 24px;
    border-radius: 20px;
}

.freetrialmain h6 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    color: white;
}

.freetrialmain h3 {
    font-size: 28px;
    color: white;
    font-weight: 700;
    margin: 14px 0;
    line-height: 35px;
}

.freetrialmain p {
    font-size: 16px;
    line-height: 24px;
    color: white;
    margin-bottom: 0;
}

.freetrialmain .arrowblueicon {
    color: #399AF4;
    background: white;
    gap: 8px;
    align-items: center;
    padding: 10px 20px;
    border-radius: 4px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
    display: inline-flex;
}

.faqmain {
    padding: 50px 0;
}


.faq-item {
    border-bottom: 1px solid #D9D9D9;
}

.faq-header {
    width: 100%;
    background: transparent;
    border: none;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    cursor: pointer;
}

    .faq-header:focus {
        outline: none;
    }

    .faq-header .left {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .faq-header .number {
        font-size: 17px;
        font-weight: 500;
        color: black;
        min-width: 30px;
    }

    .faq-header .question {
        font-size: 16px;
        font-weight: 500;
        color: black;
    }

    .faq-header .icon {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #EBF5FE;
        color: #535353;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 26px;
        line-height: 1;
        transition: 0.3s;
    }

.faq-body {
    padding: 0 0 20px 50px;
    color: #494949;
    font-size: 15px;
    line-height: 1.7;
}

/* Toggle plus/minus */
.faq-header.collapsed .icon {
    content: "+";
}

.footersectionmain {
    background: #EBF5FE;
    padding: 50px 0;
}

    .footersectionmain .footertop {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #000000;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

        .footersectionmain .footertop h5 {
            color: black;
            font-size: 19px;
            font-weight: 500;
            margin-bottom: 14px;
        }

        .footersectionmain .footertop .androidiosimg {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .footersectionmain .footertop .imgs {
            width: 150px;
        }

        .footersectionmain .footertop .socialicons {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .footersectionmain .footertop .socialimgs {
            width: 40px;
        }

    .footersectionmain .footerbottom h6 {
        color: black;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 18px;
    }

    .footersectionmain .footerbottom ul {
        padding-left: 0;
        list-style-type: none;
        color: #000000;
    }

    .footersectionmain .footerbottom a {
        color: #000000;
    }

    .footersectionmain .footerbottom li {
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 12px;
    }

.title-row {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

    .title-row h5 {
        color: black;
        font-size: 19px;
        font-weight: 500;
        margin: 0;
        white-space: nowrap;
    }


    .title-row::after {
        content: '';
        height: 1px;
        background: #000000;
        flex: 1;
        margin-left: 12px;
    }

.search-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    font-size: 14px;
    font-weight: 400;
}

    .search-links span {
        padding: 0px 10px;
        margin: 4px 0;
        color: #000000;
        border-right: 1px solid #000000;
        white-space: nowrap;
    }

        .search-links span:first-child {
            padding-left: 0;
        }


        .search-links span:last-child {
            border-right: none;
        }

.footerservices p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    color: #000000;
}

.footerservices a {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    color: #000000;
    text-decoration: underline;
        margin: 0 8px;
}

.footerservices {
    border-top: 1px solid #000000;
    margin-top: 40px;
    padding-top: 40px;
}

.programdetailbanner {
    padding: 50px 0;
}

    .programdetailbanner .leftside {
        background-image: url(../imgesnew/techcareerbg.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: auto;
        background-position: center;
        border-radius: 20px;
        padding: 26px;
        color: white;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }

        .programdetailbanner .leftside img.productdetailbannerimg {
            width: 100%;
            height: auto;
        }

    .programdetailbanner h2 {
        font-size: 40px;
        font-weight: 500;
        margin-bottom: 16px;
    }

    .programdetailbanner h5 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 0px;
    }

    .programdetailbanner p {
        color: #121212;
    }

    .programdetailbanner .rightside .bottomdetail {
        display: flex;
        align-items: center;
    }

    .programdetailbanner .rightside .borderbg {
        display: flex;
        gap: 10px;
        border-right: 1px solid #ADD6FB;
        margin-right: 26px;
        padding-right: 26px;
    }

        .programdetailbanner .rightside .borderbg:last-child {
            border-right: none;
        }

    .programdetailbanner .playicon {
        width: 18px;
        height: fit-content;
        position: relative;
        top: 1px;
    }

    .programdetailbanner .nativeicon {
        width: 32px;
        height: auto;
        position: relative;
        top: -2px;
    }

    .programdetailbanner .rightside .bottomdetail .borderbg h6 {
        color: #5A636D;
        font-size: 16px;
        margin-bottom: 4px;
    }

    .programdetailbanner .rightside .bottomdetail .borderbg span {
        color: #399AF4;
        font-weight: 500;
        font-size: 17px;
    }

    .programdetailbanner .classelearningbtns {
        display: flex;
        gap: 20px;
    }

        .programdetailbanner .classelearningbtns a {
            border: 1px solid #ADADAD;
            font-weight: 500;
            font-size: 16px;
            padding: 8px 20px;
            border-radius: 6px;
            color: black;
            display: flex;
            gap: 10px;
        }

            .programdetailbanner .classelearningbtns a:hover {
                background: #EBF5FF;
            }

        .programdetailbanner .classelearningbtns img {
            width: 21px;
            height: fit-content;
            position: relative;
            top: 1px;
        }

    .programdetailbanner .registerbtn {
        background: #399AF4;
        border: none;
        color: white;
        padding: 6px 80px;
        font-size: 16px;
        font-weight: 500;
        border-radius: 6px;
        text-transform: uppercase;
    }

    .programdetailbanner .pricetotal {
        border: 1px solid #399AF4;
        color: #399AF4;
        padding: 6px 26px;
        font-size: 16px;
        font-weight: 700;
        border-radius: 6px;
    }

.whatwilllearnsection {
    padding: 50px 0;
}

    .whatwilllearnsection p.learntext {
        font-size: 16px;
        position: relative;
        padding-left: 26px;
        margin-bottom: 28px;
    }

        .whatwilllearnsection p.learntext::before {
            content: '';
            position: absolute;
            top: 6px;
            left: 0;
            width: 10px;
            height: 10px;
            border-radius: 50px;
            background: #D9D9D9;
        }


.skillssection .allskills {
    display: flex;
    column-gap: 50px;
    row-gap: 22px;
    flex-wrap: wrap;
}

    .skillssection .allskills p {
        font-size: 16px;
        margin-bottom: 0;
    }

        .skillssection .allskills p a {
            color: #399AF4;
        }

.modulesection {
    padding: 50px 0;
}
.curriculum-accordion .card-header {
    border-radius: 0 !important;
}
.curriculum-accordion .card:first-child .card-header {
    border-radius: 20px 20px 0 0 !important;
}
.curriculum-accordion .card:last-child .card-header {
    border-radius: 0 0 20px 20px !important;
}
    .modulesection:last-child {
        border-bottom: none;
    }

    .modulesection h6 {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 8px;
        color: #121212;
    }

    .modulesection p {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 0;
          color: #121212 !important;
    }

    .modulesection i {
        color: #121212;
        font-size: 16px;
    }


    .modulesection .card-header {
        background: transparent;
        padding: 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #E4E7EB !important;
    }

    .modulesection .card {
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid #E4E7EB !important;
        border-radius: 0 !important;
        margin-bottom: 0 !important;
    }

    .modulesection .card-body {
        font-size: 15px;
    padding: 0 14px;
    }

    .modulesection .card:last-child {
        border-bottom: none !important;
    }

    .modulesection button {
        text-decoration: none !important;
        text-transform: capitalize;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .modulesection .accordion {
        border: 1px solid #E4E7EB;
        border-radius: 20px;
    }

.curriculum-accordion .card {
    border: 1px solid #E4E7EB;
    border-radius: 8px;
    margin-bottom: 12px;
    overflow: hidden;
}

.curriculum-accordion .card-header {
    background: #F7F9FA;
    padding: 0;
    border-radius: 0;
}

.curriculum-accordion span.text-muted.small {
    color: #121212 !important;
    font-size: 14px;
    font-weight: 500;
}

.curriculum-accordion .btn {
    padding: 14px 18px;
    font-weight: 600;
    color: #121212;
    font-size: 15px;
}

    .curriculum-accordion .btn:hover {
        text-decoration: none;
    }

.curriculum-accordion .fa-chevron-down {
    transition: transform 0.3s ease;
}

.curriculum-accordion .btn:not(.collapsed) .fa-chevron-down {
    transform: rotate(180deg);
}

.lesson-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .lesson-list li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 0;
        border-bottom: 1px solid #eee;
        font-size: 14px;
        font-weight:500;
        color: #121212;
    }

        .lesson-list li:last-child {
            border-bottom: none;
        }

    .lesson-list i {
        margin-right: 8px;
        color: #a6a6a6;
            font-size: 18px !important;
    }

.registrationform {
    padding: 50px 0;
}

    .registrationform h2 {
        font-weight: 500;
        font-size: 30px;
        margin-bottom: 12px;
    }

    .registrationform h5 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 0;
    }

    .registrationform h3 {
        font-size: 22px !important;
        margin-bottom: 0 !important;
    }

    .registrationform .formcontent {
        border: 1px solid #E4E7EB;
        border-radius: 16px;
    }

        .registrationform .formcontent .formheading {
            background: #EBF5FF;
            padding: 14px 20px;
            border-radius: 16px;
        }

        .registrationform .formcontent .formbody {
            padding: 20px;
            position: relative;
        }

        .registrationform .formcontent .rightside {
            position: sticky;
            top: 0;
            z-index: 1;
        }


        .registrationform .formcontent .formbody h6 {
            font-size: 18px;
            font-weight: 500;
            margin: 16px 0;
        }

        .registrationform .formcontent .formbody .formbg {
            background: #F4F4F4;
            border-radius: 20px;
            padding: 30px 24px;
        }

        .registrationform .formcontent label {
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 8px;
        }

        .registrationform .formcontent .form-control {
            border: none;
            font-size: 15px;
            margin-bottom: 10px;
            border-radius: 6px;
            box-shadow: none;
        }

        .registrationform .formcontent span {
            font-weight: 400;
            font-size: 15px;
            color: #5A636D;
        }


        .registrationform .formcontent .option-title {
            font-weight: 500;
            margin-bottom: 8px;
        }

.price-box {
    background: white;
    border-radius: 6px;
    padding: 6px 12px;
    display: inline-block;
    font-weight: 500;
    min-width: 60px;
    text-align: center;
}


.lesson-controls {
    display: flex;
    align-items: center;
    background: white;
    border-radius: 6px;
    padding: 6px 12px;
    width: fit-content;
}

    .lesson-controls button {
        border: none;
        background: #EBF5FF;
        color: #399AF4;
        font-size: 18px;
        width: 26px;
        height: 26px;
        display: inline-block;
        align-content: center;
        justify-content: center;
        border-radius: 50px;
    }

    .lesson-controls span {
        min-width: 20px;
        text-align: center;
        font-weight: 500;
    }

.registrationform .radio-inline-group label {
    margin-right: 15px;
    font-weight: 500;
}

.optioncheck {
    background: #FFEAD8;
    border-radius: 6px;
    padding: 10px 20px;
}

    .optioncheck a {
        color: #399AF4;
        margin-left: 10px;
    }

.registrationform .form-check-label::before {
    background: white !important;
    border: none !important;
}

.detailcoursetop {
    display: flex;
    gap: 20px;
    align-items: center;
    border-bottom: 2px solid #D9D9D9;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

    .detailcoursetop img.coursedetailimg {
        width: 84px;
    }

.registrationform .count {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

    .registrationform .count span {
        font-weight: 500;
        font-size: 16px;
        color: #121212;
    }

    .registrationform .count.total {
        border-top: 2px solid #D9D9D9;
        padding-top: 16px;
        margin-top: 16px;
    }


.registrationform .purchasebtn {
    background: #399AF4;
    border: none;
    color: white;
    padding: 8px 16px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 6px;
    text-transform: uppercase;
}

.newlocationModal .modal-content {
    border-radius: 14px;
}

.newlocationModal .modal-header {
    background: #EBF5FF;
    border-radius: 14px 14px 0 0 !important;
    border: none;
}

.newlocationModal .closebtn {
    background: red;
    margin-left: 20px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border: none;
    border-radius: 50px;
    font-size: 22px;
}

.newlocationModal .changelocationbtn {
    background: #399AF4;
    border: none;
    color: white;
    padding: 8px 16px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 6px;
}

.newlocationModal .modal-content h5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 3px;
}

.newlocationModal .modal-content p {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0px;
}

.newlocationModal .modal-body {
    position: relative;
    background-image: url(../imgesnew/locationmodalbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: auto;
    border-radius: 20px;
}

    .newlocationModal .modal-body h6 {
        font-size: 17px;
        font-weight: 500;
        color: black;
        margin-bottom: 20px;
    }

        .newlocationModal .modal-body h6 span {
            color: #399AF4;
        }

    .newlocationModal .modal-body a {
        font-size: 15px;
        margin-bottom: 14px;
        color: #555A65;
        display: flex;
        gap: 8px;
        align-items: center;
    }

        .newlocationModal .modal-body a i {
            position: relative;
            font-size: 19px;
            top: -1px;
        }



.selectlocationmodal .modal-content {
    border-radius: 14px;
}

.selectlocationmodal .modal-header {
    background: #EBF5FF;
    border-radius: 14px 14px 0 0 !important;
    border: none;
}

.selectlocationmodal .closebtn {
    background: red;
    margin-left: 20px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border: none;
    border-radius: 50px;
    font-size: 22px;
}


.selectlocationmodal .modal-content h5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 3px;
}

.selectlocationmodal .modal-content p {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0px;
}

.selectlocationmodal .modal-body {
    position: relative;
    background-image: url(../imgesnew/locationmodalbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    border-radius: 20px;
    padding: 40px;
}

.maindivlocation {
    max-height: 74vh;
    overflow-y: scroll;
    padding-bottom: 10px;
}

.selectlocationmodal .maindivlocation::-webkit-scrollbar {
    width: 6px;
}

.selectlocationmodal .maindivlocation::-webkit-scrollbar-track {
    background: transparent;
}

.selectlocationmodal .maindivlocation::-webkit-scrollbar-thumb {
    background-color: #C4C4C4;
    border-radius: 10px;
}

    .selectlocationmodal .maindivlocation::-webkit-scrollbar-thumb:hover {
        background-color: #C4C4C4;
    }

.selectlocationmodal .accordion {
    border: none !important;
    border-radius: 0 !important;
}

.selectlocationmodal .location-card {
    border-radius: 10px;
    border: 1px solid #606060 !important;
    margin-bottom: 22px !important;
    box-shadow: none !important;
}

.selectlocationmodal .card-header {
    background: #fff;
    border-bottom: none;
    padding: 0;
}

    .selectlocationmodal .card-header .btn {
        padding: 4px 14px;
        text-decoration: none;
        color: #000000;
        text-transform: capitalize;
        font-size: 15px;
        font-weight: 400;
    }

        .selectlocationmodal .card-header .btn:hover {
            text-decoration: none;
        }

.selectlocationmodal .icon::before {
    content: '+';
    font-size: 28px;
    color: #999;
}

.selectlocationmodal .btn:not(.collapsed) .icon::before {
    content: '−';
    color: #999;
}

.selectlocationmodal .detailsaccordion {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .selectlocationmodal .detailsaccordion i {
        margin-right: 6px;
        color: #999;
        font-size: 17px;
    }

.selectlocationmodal .business-hours {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}

.selectlocationmodal .set-location {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: black;
}

.selectlocationmodal .radio {
    width: 14px;
    height: 14px;
    border: 2px solid #CECECE;
    border-radius: 50%;
    margin-left: 10px;
}

    .selectlocationmodal .radio.active {
        background: white;
        border: 4px solid #007bff;
    }



@media(min-width:992px) {
    .navigationprogrammain .navdetails p {
        height: 120px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
}

@media(max-width:767px) {
    h3.commenheading {
        font-size: 26px !important;
        margin-bottom: 8px !important;
    }

    .commendescription {
        font-size: 14px !important;
        margin-bottom: 14px !important;
    }

    .topheader .logoicon {
        width: 90PX;
    }

    .topheader .nav-link {
        font-size: 14px;
        padding: 8px 0px !important;
    }

    .topheader .searchbtn input {
        font-size: 13px;
        padding: 8px 56px 8px 20px;
        width: 100%;
    }

    .topheader .searchbtn img {
        position: absolute;
        right: 6px;
        top: 6px;
        width: 26px;
    }

    .loginbtnnew {
        padding: 6px 13px;
        font-size: 14px;
    }

    .signupbtnnew {
        padding: 6px 13px;
        font-size: 14px;
    }

    .bannersectionmain {
        padding: 30px 0;
    }

        .bannersectionmain .leftside h3 {
            font-size: 22px;
            line-height: 30px;
            margin-bottom: 13px;
        }

        .bannersectionmain .leftside p {
            font-size: 14px;
            margin-bottom: 13px;
        }

        .bannersectionmain .leftside button.getstartedbtn {
            font-size: 14px;
        }

    .Techsectionmain {
        padding: 30px 0;
    }


        .Techsectionmain img.techicons {
            width: 70px;
            height: 70px;
            object-fit: contain;
        }

    .Trendingcareersectionmain .Trendingcareerbg {
        padding: 20px;
    }

        .Trendingcareersectionmain .Trendingcareerbg h3 {
            font-size: 37px;
            margin-bottom: 4px;
        }

    .explorecoursesbtn {
        font-size: 14px;
    }

    .Trendingcareersectionmain .rightside .box h5 {
        font-size: 16px;
        font-weight: 500;
        color: black;
    }

    .Trendingcareersectionmain .rightside .box .tag {
        font-size: 14px;
    }

    .Trendingcareersectionmain .rightside .box p {
        font-size: 14px;
    }

    .Trendingcareersectionmain .Trendingcareerbg .trendingicon {
        width: 16px;
        top: 0px;
    }

    .Trendingcareersectionmain .rightside .box p {
        font-size: 14px;
    }

    .coursessectionmain {
        padding: 30px 0;
    }

        .coursessectionmain .cousesdetails .coursesimgs {
            position: absolute;
            right: 0;
            width: 100%;
            height: 70px;
            object-fit: contain;
            box-shadow: none;
        }

    .howgrowsection {
        padding: 10px 0;
    }

    .whychoosectionmain {
        padding: 30px 0;
        margin: 30px 0;
    }


        .whychoosectionmain .whychoosedetails img.whychooseicons {
            width: 36px;
            margin-bottom: 16px;
        }

        .whychoosectionmain .whychoosedetails .rightside {
            padding: 0 15px;
        }

        .whychoosectionmain .whychoosedetails h6 {
            font-size: 17px;
            margin-bottom: 14px;
        }

        .whychoosectionmain .whychoosedetails span {
            font-size: 14px;
        }

        .whychoosectionmain img.whchooselogo {
            position: absolute;
            left: 10px;
            top: 26px;
            width: 92px;
        }

    .whchooseframe2 {
        position: absolute;
        right: 16px;
        bottom: 18px;
        width: 70px;
    }

    .whchooseframe1 {
        position: absolute;
        left: 10px;
        top: 13px;
        width: 70px;
    }

    .explorecareermain {
        padding: 10px 0;
    }

        .explorecareermain .box {
            padding: 16px;
        }

            .explorecareermain .box::before {
                top: 20px;
                height: 50px;
                border: 2px solid #399AF4;
            }

            .explorecareermain .box img.careericons {
                width: 50px;
                margin-bottom: 20px;
            }

            .explorecareermain .box h5 {
                font-size: 17px;
                margin-bottom: 16px;
            }

            .explorecareermain .box p {
                font-size: 14px;
                margin-bottom: 16px;
                color: #121212;
            }

            .explorecareermain .box a {
                font-size: 14px;
            }

    .industrymain {
        padding: 30px 0;
    }

        .industrymain .box {
            padding: 20px;
        }

        .industrymain img.techicons {
            width: 30px;
            width: 30px;
        }

        .industrymain h6 {
            font-size: 17px;
        }

    .navigationprogrammain {
        padding: 30px 0;
    }

    .freetrialmain {
        padding: 30px 0;
    }

    .leftsidebox {
        padding: 20px;
    }

    .rightsidebox {
        padding: 20px;
    }

    .freetrialmain h6 {
        font-size: 17px;
    }

    .freetrialmain h3 {
        font-size: 24px;
        margin: 12px 0;
    }

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

    .freetrialmain .arrowblueicon {
        gap: 6px;
        padding: 10px 20px;
        margin-top: 14px;
        font-size: 14px;
    }

    .programicons::before {
        content: "";
        position: absolute;
        bottom: -18px;
        left: 50%;
        width: 70PX;
        height: 70PX;
        transform: translateX(-50%) rotate(30deg);
        border-radius: 25px;
        background: #399af438;
        z-index: 1;
        filter: blur(6.2px);
    }

    .faqmain {
        padding: 30px 0;
    }


    .faq-header {
        padding: 14px 0;
    }

        .faq-header .left {
            gap: 14px;
        }

        .faq-header .number {
            font-size: 15px;
            min-width: 20px;
        }

        .faq-header .question {
            font-size: 15px;
        }

        .faq-header .icon {
            width: 35px;
            height: 35px;
            font-size: 22px;
        }

    .faq-body {
        padding: 0 0 14px 30px;
        font-size: 14px;
    }

    .footersectionmain {
        padding: 30px 0;
    }

        .footersectionmain .footertop {
            margin-bottom: 20px;
            padding-bottom: 20px;
        }

            .footersectionmain .footertop h5 {
                font-size: 17px;
                margin-bottom: 12px;
            }

            .footersectionmain .footertop .androidiosimg {
                gap: 6px;
            }

            .footersectionmain .footertop .imgs {
                width: 80px;
            }

            .footersectionmain .footertop .socialicons {
                gap: 6px;
            }

            .footersectionmain .footertop .socialimgs {
                width: 28px;
            }

        .footersectionmain .footerbottom h6 {
            font-size: 15px;
            margin-bottom: 10px;
        }


        .footersectionmain .footerbottom li {
            font-size: 14px;
            margin-bottom: 10px;
        }
       .footerservices {

    margin-top: 10px;
    padding-top: 20px;
    text-align:center;
}

    .title-row {
        display: flex;
        align-items: center;
        margin-bottom: 8px;
    }

        .title-row h5 {
            font-size: 17px;
        }


        .title-row::after {
            margin-left: 8px;
        }

    .search-links {
        font-size: 13px;
    }

    .footerservices p {
        font-size: 13px;
    }

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

    .whatwilllearnsection {
        padding: 30px 0;
    }

        .whatwilllearnsection p.learntext {
            font-size: 14px;
            padding-left: 20px;
            margin-bottom: 16px;
        }

            .whatwilllearnsection p.learntext::before {
                top: 5px;
                left: 0;
                width: 8px;
                height: 8px;
            }

    .skillssection .allskills {
        column-gap: 20px;
        row-gap: 14px;
    }

        .skillssection .allskills p {
            font-size: 14px;
        }

    modulesection {
        padding: 30px 0;
    }

    .modulesection .moduledata .content {
        padding: 20px;
    }

    .modulesection .moduledata h6 {
        font-size: 15px;
    }

    .modulesection .moduledata p {
        font-size: 13px;
    }

    .modulesection .moduledata i {
        font-size: 16px;
    }

    .registrationform {
        padding: 30px 0;
    }

        .registrationform h2 {
            font-size: 26px;
            margin-bottom: 8px;
        }

        .registrationform h5 {
            font-size: 18px;
        }

        .registrationform .formcontent .formheading {
            padding: 12px 16px;
        }



    .registrationform .formcontent .formbody {
        padding: 14px;
    }

    .registrationform .formcontent label {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .registrationform .formcontent .formbody h6 {
        font-size: 17px;
        margin-bottom: 14px;
    }

    .registrationform .formcontent span {
        font-size: 14px;
    }

    .registrationform .formcontent .formbody .formbg {
        padding: 20px;
    }

    .detailcoursetop img.coursedetailimg {
        width: 70px;
    }


    .programdetailbanner {
        padding: 30px 0;
    }


    .newlocationModal .closebtn {
        margin-left: 8px;
        width: 18px;
        height: 18px;
        font-size: 16px;
    }

    .newlocationModal .changelocationbtn {
        padding: 6px 10px;
        font-size: 12px;
    }

    .newlocationModal .modal-content h5 {
        font-size: 16px;
    }

    .newlocationModal .modal-content p {
        font-size: 13px;
    }


    .newlocationModal .modal-body h6 {
        font-size: 15px;
    }

    .newlocationModal .modal-body a {
        font-size: 13px;
        margin-bottom: 10px;
    }

        .newlocationModal .modal-body a i {
            font-size: 16px;
            top: 0px;
        }


    .selectlocationmodal .closebtn {
        margin-left: 8px;
        width: 18px;
        height: 18px;
        font-size: 16px;
    }


    .selectlocationmodal .modal-content h5 {
        font-size: 16px;
    }

    .selectlocationmodal .modal-content p {
        font-size: 13px;
    }

    .selectlocationmodal .modal-body {
        padding: 20px;
    }

    .maindivlocation {
        max-height: 74vh;
        overflow-y: scroll;
        padding-bottom: 10px;
    }

    .selectlocationmodal .location-card {
        margin-bottom: 14px !important;
    }


    .selectlocationmodal .card-header .btn {
        font-size: 13px;
    }


    .selectlocationmodal .icon::before {
        font-size: 22px;
    }


    .selectlocationmodal .detailsaccordion {
        font-size: 12px;
        padding-left: 0px;
        gap: 10px;
    }

        .selectlocationmodal .detailsaccordion i {
            font-size: 15px;
        }

    .selectlocationmodal .business-hours {
        padding: 8px 7px;
        font-size: 12px;
    }

    .selectlocationmodal .set-location {
        font-size: 12px;
    }

    .selectlocationmodal .radio {
        width: 11px;
        height: 11px;
        border: 2px solid #CECECE;
    }

        .selectlocationmodal .radio.active {
            border: 3px solid #007bff;
        }

           .modulesection p {
        font-size: 13px;

    }




    .modulesection .card-body {
        font-size: 14px;
    padding: 0 14px;
    }



.curriculum-accordion span.text-muted.small {

    font-size: 13px;

}

.curriculum-accordion .btn {

    font-size: 14px;
}



    .lesson-list li {

        font-size: 13px;

    }

    .lesson-list i {

            font-size: 16px !important;
    }
}


@media (max-width:991px) {
    .topnavbar {
        padding: 10px 12px;
    }

        .topnavbar p {
            font-size: 11px;
            gap: 4px;
        }

    .registerlink {
        gap: 6px;
        font-size: 11px;
    }

    .crossicon {
        right: 8px;
        top: 8px;
        font-size: 15px;
    }

    .staricon {
        width: 12px;
        position: relative;
        top: -1px;
    }

    .navdetails {
        flex-direction: column-reverse;
    }

        .navdetails:nth-child(even) {
            margin-top: 0px;
        }

    .navigationprogrammain .gridmain {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 20px;
    }

    .programicons {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }


        .programicons img {
            width: 90px;
        }

    .navigationprogrammain .navdetails h6 {
        font-size: 15px;
    }

    .navigationprogrammain .navdetails p {
        font-size: 14px;
        width: 80%;
        margin: auto;
        text-align: center;
    }

    .programicons span {
        display: none;
    }

    .programdetailbanner .leftside {
        padding: 14px;
        flex-direction: column;
        gap: 10px;
        align-items: normal;
    }



    .programdetailbanner h2 {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .programdetailbanner h5 {
        font-size: 17px;
    }


    .programdetailbanner .rightside .borderbg {
        gap: 6px;
        margin-right: 14px;
        padding-right: 14px;
    }

    .programdetailbanner .playicon {
        width: 16px;
        top: 1px;
    }

    .programdetailbanner .nativeicon {
        width: 26px;
        top: -2px;
    }

    .programdetailbanner .rightside .bottomdetail .borderbg h6 {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .programdetailbanner .rightside .bottomdetail .borderbg span {
        font-size: 13px;
    }

    .programdetailbanner .classelearningbtns {
        display: flex;
        gap: 14px;
    }

        .programdetailbanner .classelearningbtns a {
            font-size: 14px;
            padding: 8px 14px;
        }


        .programdetailbanner .classelearningbtns img {
            width: 18px;
        }

    .programdetailbanner .registerbtn {
        padding: 6px 20px;
        font-size: 14px;
    }

    .programdetailbanner .pricetotal {
        padding: 6px 16px;
        font-size: 14px;
    }
        .topheader .righicons {

    gap: 8px;
    margin: 0 8px;
}
}

@media (min-width: 768px) and (max-width:991px) {
    .programicons::before {
        content: "";
        position: absolute;
        bottom: -18px;
        left: 50%;
        width: 70PX;
        height: 70PX;
        transform: translateX(-50%) rotate(30deg);
        border-radius: 25px;
        background: #399af438;
        z-index: 1;
        filter: blur(6.2px);
    }

}

@media (min-width: 992px) and (max-width:1199px) {
    .programicons::before {
        content: "";
        position: absolute;
        bottom: -18px;
        left: 0;
        width: 60PX;
        height: 60PX;
        transform: translateX(0%) rotate(30deg);
        border-radius: 25px;
        background: #399af438;
        z-index: 1;
        filter: blur(6.2px);
    }

    .programicons img {
        width: 70px;
    }

    .navigationprogrammain .navdetails p {
        height: 120px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

    .topheader .searchbtn input {
        width: 260px;
    }

    .navdetails:nth-child(even) {
        margin-top: 250px;
    }
        .topheader .searchbtn input {
        width: 245px;
    }
        .topheader .nav-link {
    font-size: 13px;

    padding: 8px 6px !important;
}

.topheader .navbar-brand {
    margin-right: 15px;
}
.topheader .logoicon {
    width: 90px;
}
    .topheader .righicons {
    gap: 10px;
}
}

@media(max-width:1199px) {
    
           .footerservices p {

    text-align:center;
}
    .bannersectionmain .rightisde .firstrow {
        padding-bottom: 14px;
        margin-bottom: 14px;
    }

        .bannersectionmain .rightisde .firstrow .first_icons {
            gap: 10px;
            margin-right: 12px;
            padding-right: 8px;
            margin-top: 4px;
            margin-bottom: 4px;
        }

        .bannersectionmain .rightisde .firstrow h6 {
            font-size: 15px;
        }

        .bannersectionmain .rightisde .firstrow img.bannericons {
            height: 20px;
        }

    .coursessectionmain .cousesdetails h6 {
        font-size: 18px;
    }

    .coursessectionmain .cousesdetails .box .tag {
        font-size: 14px;
    }

    .coursessectionmain .cousesdetails .box img.tagicon {
        width: 14px;
        margin-right: 8px;
    }

    .coursessectionmain .cousesdetails .box h5 {
        font-size: 16px;
    }

    .coursessectionmain .cousesdetails .box .trendingicon {
        width: 16px;
        top: 0px;
    }

    .coursessectionmain .cousesdetails .box p {
        font-size: 14px;
    }

    .coursessectionmain .cousesdetails .coursesimgs {
        object-fit: contain;
        box-shadow: none;
    }

    .coursessectionmain .cousesdetails .box {
        padding: 14px;
    }

    .howgrowsection .howgrowdetails {
        padding: 18px 20px;
        gap: 20px;
        flex-direction: column;
    }

        .howgrowsection .howgrowdetails h5 {
            font-size: 16px;
        }

        .howgrowsection .howgrowdetails .tagbox {
            gap: 16px;
            flex-wrap: wrap;
            justify-content: start;
        }

            .howgrowsection .howgrowdetails .tagbox div {
                padding: 8px 14px;
                font-size: 15px;
            }

            .howgrowsection .howgrowdetails .tagbox img.howgrowicons {
                width: 30px;
            }

    .whychoosectionmain .whychoosedetails {
        padding: 20px 6px;
        margin: 0 4px;
    }

        .whychoosectionmain .whychoosedetails .rightside {
            padding: 0 15px;
        }





    .leftsidebox {
        padding: 0 14px;
        padding-top: 14px;
    }

    .rightsidebox {
        padding: 0 14px;
        padding-top: 14px;
    }

    .freetrialmain .arrowblueicon {
        gap: 3px;
        padding: 8px 18px;
        font-size: 13px;
    }
}


@media (min-width:1200px) and (max-width:1310px){
        .footerservices p {
    font-size: 13px;
    
}
    .footerservices a {
    font-size: 12px;
    margin: 0px 4px;
}
    .topheader .nav-link {
    font-size: 14px;
    padding: 8px!important;
}
}
.swiper.techcareerSwiper {
    padding-bottom: 50px;
}

.detail_text{
          font-size: 15px;
    margin-bottom: 10px;
    border-radius: 6px;
    box-shadow: none;
    width: 100%;
    padding: 6px 12px;
    border: 1px solid #ced4da !important;
}