@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,700&display=swap");
.form-error {
    color: #f00;
}

#divLoading123 {
    display: block;
    position: fixed;
    z-index: 100;
    background-image: url('3.gif');
    background-color: #fff;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}

#poploader {
    display: block;
    position: fixed;
    z-index: 100;
    background-image: url('3.gif');
    background-color: #fff;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}

#payloader {
    display: block;
    position: fixed;
    z-index: 100;
    background-image: url('3.gif');
    background-color: #fff;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}

#divLoading {
    display: block;
    position: fixed;
    left: 35%;
    top: 45%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.new-register-theme {
    max-width: 650px;
}

.new-register-theme h5 {
    margin-bottom: 0;
    display: inline-block;
}

.new-register-theme .modal-header {
    padding-bottom: 9px;
}

.new-register-theme .modal-header .close {
    padding: 13px;
}

.new-register-theme .modal-header span {
    float: right;
    margin-right: 12px;
}

.new-register-theme .cc-selector-2 a {
    width: 31%;
    padding: 0;
    margin-right: 17px;
    display: inline-block;
    border-radius: 0;
}

.new-register-theme .cc-selector-2 a p {
    margin-bottom: 5px;
}

.new-register-theme .cc-selector-2 a:last-child {
    margin-right: 0px;
}

.new-register-theme .cc-selector-2 a label {
    margin-bottom: 0;
}

.new-register-theme .cc-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.new-register-theme .cc-selector-2 input {
    position: absolute;
    z-index: 999;
    opacity: 0;
}

.cc-selector-2 input:active+.drinkcard-cc,
.cc-selector input:active+.drinkcard-cc {
    opacity: 1;
}

.new-register-theme .cc-selector-2 input:checked+.drinkcard-cc,
.new-register-theme .cc-selector input:checked+.drinkcard-cc {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
    background-color: #3b3c6e;
}

.new-register-theme .drinkcard-cc {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
    height: 300px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1) grayscale(1) opacity(1);
    -moz-filter: brightness(1) grayscale(1) opacity(1);
    filter: brightness(1) grayscale(1) opacity(1);
}

.new-register-theme .drinkcard-cc:hover {
    -webkit-filter: brightness(1.2) grayscale(0) opacity(1);
    -moz-filter: brightness(1.2) grayscale(0) opacity(1);
    filter: brightness(1.2) grayscale(0) opacity(1);
}

.caption {
    width: 100%;
    /*position: absolute;*/
    top: 38%;
    z-index: 2222;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.caption strong {
    font-size: 45px;
    text-transform: uppercase;
    color: #fff;
    display: block;
    margin-bottom: 30px;
    line-height: 50px;
}

.search {
    position: relative;
    background: #fff;
    height: 63px;
    border-radius: 30px;
    padding: 13px 10px 10px 25px;
    text-align: left;
    margin-top: 271px;
}

.search input {
    border: none;
    color: #3a3a3a;
    font-size: 16px;
    width: 35%;
    margin-right: 10px;
    padding-top: 8px;
    vertical-align: top;
    outline: none;
}

.search .week,
.search .time {
    display: inline-block;
    width: 20%;
    background: #eee;
    padding: 8px;
    border-radius: 30px;
    text-align: center;
    text-transform: uppercase;
    margin-right: 5px;
    cursor: pointer;
    position: relative;
}

.search .week.active,
.search .time.active {
    background: #d3d3d3;
}

.search .week.active::before,
.search .time.active::before {
    position: absolute;
    content: '';
    bottom: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #d3d3d3 transparent transparent transparent;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#weekinfo,
#timeinfo {
    display: none;
}

.weekinfo,
.timeinfo {
    background: rgba(0, 0, 0, 0.5);
    margin-top: 10px;
    padding: 15px 10px;
    border-radius: 50px;
    position: relative;
}

.weekinfo label {
    color: #fff;
    margin-right: 10px;
    padding: 3px 8px;
    margin-bottom: 0;
    font-size: 14px;
}

.timeinfo label {
    color: #fff;
    margin-right: 10px;
    padding: 3px 8px;
    margin-bottom: 0;
}

.weekinfo label:last-child {
    margin-right: 0px;
}

.weekinfo label input {
    display: none;
}

.timeinfo label input {
    display: none;
}

.weekinfo a,
.timeinfo a {
    margin-right: 10px;
    color: #fd8f5f;
    padding: 3px 8px;
    font-size: 15px;
}

.timeinfo a {
    line-height: 24px
}

.weekinfo a:hover,
.timeinfo a:hover {
    background: #fff;
    border-radius: 30px;
    color: #3a3a3a;
}

.weekinfo a.selected,
.timeinfo a.selected {
    background: #fff;
    border-radius: 30px;
    color: #3a3a3a;
}

.weekinfo a.last-child,
.timeinfo a.last-child {
    margin-right: 0;
}

.timeinfo .owl-nav {
    position: absolute;
    width: 100%;
    color: #fff;
    top: -5px;
    font-size: 20px;
}

.timeinfo .owl-nav .owl-prev {
    left: -8px;
    position: absolute;
    top: -10px;
}

.timeinfo .owl-nav .owl-next {
    right: 0;
    position: absolute;
    top: -11px;
}

.search .time {
    display: inline-block;
    width: 20%;
    background: #eee;
    padding: 8px;
    border-radius: 30px;
    text-align: center;
    text-transform: uppercase;
}

.search input::-webkit-input-placeholder {
    color: #848484;
}

.search input::-moz-placeholder {
    color: #848484;
}

.search input:-ms-input-placeholder {
    color: #848484;
}

.search input:-moz-placeholder {
    color: #848484;
}

.search button {
    background: #01ceff;
    color: #fff;
    font-size: 18px;
    border: none;
    border-radius: 30px;
    padding: 7px 7px 7px 25px;
    position: absolute;
    top: 7px;
    right: 7px;
    cursor: pointer;
}

.search button i {
    background: #007e9d;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
}

.search button:hover,
.GetStarted_Steps button:hover {
    background: #af2df8;
}

.search button:hover i,
.GetStarted_Steps button:hover i {
    background: #5b0596;
}

.timeinfo label {
    background: none;
    font-size: 14px;
}

.search_selected {
    background: #5969ef !important;
    border-radius: 30px;
    color: #3a3a3a;
}

.new-filer-tags {
    padding-top: 17px;
    text-align: right;
}

.new-filer-tags #tags_collection,
.new-filer-tags #tags_subject,
.new-filer-tags #tags_days,
.new-filer-tags #tags_level,
.new-filer-tags #tags_duration,
.new-filer-tags #tags_tag {
    display: inline-block;
}

.new-filer-tags #tags_collection .display_div,
.new-filer-tags #tags_subject .display_div,
.new-filer-tags #tags_days .display_div,
.new-filer-tags #tags_level .display_div,
.new-filer-tags #tags_duration .display_div,
.new-filer-tags #tags_tag .display_div {
    background: #eaeaea;
    padding: 10px 15px;
    display: inline-block;
    margin-bottom: 20px;
    border-radius: 30px;
    margin-left: 10px;
    text-transform: capitalize;
    font-size: 13px;
    letter-spacing: 0.2px;
    color: #666;
}

.new-filer-tags #tags_collection .display_div i,
.new-filer-tags #tags_subject .display_div i,
.new-filer-tags #tags_days .display_div i,
.new-filer-tags #tags_level .display_div i,
.new-filer-tags #tags_duration .display_div i,
.new-filer-tags #tags_tag .display_div i {
    font-style: normal;
    font-size: 11px;
    margin-left: 8px;
    cursor: pointer;
    vertical-align: middle;
}


/*====================== Price css in course list ====================== */

.new-price-range-theme .ui-widget.ui-widget-content {
    border: 1px solid #dadada !important;
}

.new-price-range-theme .ui-widget-content {
    background: #dadada !important;
    height: 5px !important;
}

.new-price-range-theme .ui-widget-header {
    border: 1px solid #af2df8 !important;
    background: #af2df8;
    color: #ffffff;
    font-weight: bold;
    height: 4px !important;
}

.new-price-range-theme .ui-state-default,
.new-price-range-theme .ui-widget-content .ui-state-default,
.new-price-range-theme .ui-widget-header .ui-state-default {
    border: 3px solid #fff;
    background: #af2df8;
    font-weight: bold;
    color: #fd8f5f;
    margin-top: -2px;
    box-shadow: none;
    outline: none;
}

.new-price-range-theme #price_show p {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 0;
    background: #dadada;
    padding: 5px 10px;
}

.new-price-range-theme #price_show p:last-child {
    float: right;
}


/*====================== End Price css in course list ====================== */


/*06-04*/

.ui-menu .popular-search .ui-menu-item-wrapper,
.ui-menu .keyword-info .ui-menu-item-wrapper {
    padding: 0;
}

.ui-menu .popular-search h3 {
    color: #3b3c6e;
    font-size: 19px;
    margin-top: 13px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    padding-bottom: 5px;
}

#ui-id-1 {
    border: 0px solid #c5c5c5;
    background: #fff;
    padding: 11px 8px 0;
}

.button.pdf-clear {
    background: #dadada;
    width: 50%;
    display: inline-block;
    font-size: 16px;
}

.button.pdf-save {
    width: 48%;
    display: inline-block;
    margin-left: 5px;
    font-size: 16px;
    color: #fff;
}

.pdf-register {
    width: 47%;
    margin: 0 auto;
    border-radius: 0;
    background: #3b3c6e;
    font-size: 19px;
}

#jay-signature-pad {
    border: 1px solid #ccc;
}

h4.mobile-parent {
    display: none;
}

.reset-filter-btn {
    background: #af2df8;
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    border-color: #fff;
    border: inherit;
}

.reset-filter-btn i {
    margin-left: 10px;
}

.total-newrecord {
    display: inline-block;
}

section.our-blog,
section.home1-divider2.parallax {
    z-index: -1;
}

#togglefilterdiv {
    display: none;
}


/* =================socal register css ================= */

.boxed label {
    display: inline-block;
    width: 150px;
    padding: 10px;
    border: 0;
    transition: all 0.3s;
    margin-right: 78px;
    text-align: center;
    background: #fff;
    padding: 20px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 20px;
}

.boxed label:nth-last-child(2) {
    margin-right: 0px;
}

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

.boxed input[type="radio"]:checked+label {
    border: 1px solid #ddd;
    background: burlywood;
}

.boxed label p {
    color: #000;
    font-size: 16px;
    margin-top: 10px;
}

.boxed button#register_type {
    border-radius: 50px;
    width: 40%;
    font-size: 23px;
    margin-top: 40px;
}

.front_search {
    position: absolute;
    top: 51%;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    bottom: auto;
    width: 650px;
}

.home1-mainslider {
    position: relative;
}

.home_iconbox_container {
    margin-bottom: 0;
    margin-top: 0;
    position: absolute;
    bottom: 100px;
    z-index: 1;
    left: 0;
    right: 0;
    text-align: center;
}

.banner-style-one .slide {
    padding: 0 0 165px 0;
}

.search {
    margin-top: 70px;
}

.mobile_seacrh_button {
    position: absolute;
    top: 50%;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
    width: 150px;
    display: none;
}

.mobile_seacrh_button a {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 50px;
}

#search-button2 i {
    color: #ffffff;
    font-size: 22px;
    background: #5969ef;
    width: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    height: 35px;
    font-size: 18px;
}

.top_courses .thumb {
    height: 200px;
}

.top_courses .details .tc_content p {
    text-transform: uppercase;
}


/*============================== new front page design css ========================== */

button:hover,
button:active,
button:focus {
    outline: none;
}

header {
    padding: 15px 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 5px #7d7d7d;
}

.logo_explor a {
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
}

.logo_explor a:hover {
    color: #af2df8;
}

.logo_explor a.expobtn {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 400;
    cursor: pointer;
    background: #af2df8;
    padding: 5px 15px 7px;
    border-radius: 5px;
    color: #fff;
    border: 2px solid #af2df8;
}

.logo_explor button i {
    margin-left: 8px;
    font-size: 15px;
}

.ragisterlink {
    text-align: right;
    margin-top: 5px;
}

.ragisterlink a {
    color: #0a0a0a;
    font-size: 14px;
    text-transform: capitalize;
    margin-left: 5px;
    display: inline-block;
    position: relative;
    border: 1px solid;
    padding: 4px 20px;
    border-radius: 25px;
}

.ragisterlink a.signup::before,
.ragisterlink a:first-child::before {
    display: none;
}

.ragisterlink a.signup {
    background: #af2df8;
    color: #fff;
    padding: 5px 15px;
    border-radius: 25px;
    font-size: 14px;
}

.ragisterlink a.signup:hover {
    background: #000;
    color: #fff;
}

.home_iconbox_container {
    margin-bottom: 0;
    margin-top: 0;
}

.footer_apps_widget .mailchimp_form .form-control {
    background-color: #ffffff;
    width: 70%;
}

.footer_apps_widget_home1 button.btn {
    background-color: #0a0a0a;
    box-shadow: none;
}

.footer_apps_widget_home1 button.btn:hover,
.footer_apps_widget_home1 button.btn:active,
.footer_apps_widget_home1 button.btn:focus {
    background-color: #2441e7;
    color: #fff;
}

.nav-tabs {
    border-bottom: none;
    margin-bottom: 35px;
    justify-content: center;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #2441e7;
    border: none;
}

.nav-tabs .nav-link {
    padding: 0;
    color: #4a5560;
    border: none;
    font-size: 15px;
    background: #f4f4f4;
    text-transform: uppercase;
    font-weight: 900;
    padding: 5px 20px;
    border-radius: 0;
}

.nav-tabs .nav-item {
    margin-bottom: 0;
    margin-right: 30px;
}

.nav-tabs .nav-item:last-child {
    margin-right: 0px;
}

.home1-mainslider .owl-carousel .owl-stage-outer {
    height: 60vh !important;
}

.tab-content .owl-carousel .owl-stage-outer {
    height: 430px !important;
}

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

.tab-content button.owl-dot {
    background: no-repeat;
    border: none;
    padding: 0;
}

.tab-content .owl-dot span {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #3b3c6e;
    border-radius: 50%;
    margin: 0 5px;
    opacity: 0.5;
}

button.owl-dot.active span {
    opacity: 1;
}

.ragisterlink a.new-color-org,
button.btn.new-color-org {
    background: #01ceff;
    border: none;
}

.ragisterlink a.new-color-org:hover,
button.btn.new-color-org:hover {
    background: #000;
    border: none;
}


/*.home1-mainslider .home-content {
    padding-top: 0;
}*/


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

                Menu  Css Start Here

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

.menudiv {
    position: absolute;
    z-index: 2;
    background: #fff;
    width: 100%;
    top: 80px;
    left: 15px;
    padding: 10px 25px 25px 25px;
    box-shadow: 0 2px 5px #7b7b7b;
    display: none;
}

.menudiv::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid white;
    position: absolute;
    top: -20px;
    left: 18%;
}

.dropdown-header {
    font-size: 15px;
    padding: 5px 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 600;
    color: #c75533;
    letter-spacing: 1px;
}

.menudiv li a {
    padding: 3px 5px;
    display: block;
    margin-right: 0;
}

.menudiv li a i {
    font-size: 20px;
    margin-right: 10px;
    color: #af2df8;
}

.menudiv li a:hover {
    background: none;
    color: #af2df8;
}

.menudiv li a.allCourseslink {
    background: #af2df8;
    color: #fff;
    padding: 5px;
    border-radius: 30px;
    text-align: center;
}

#myCarousel .owl-stage-outer,
#teacher .owl-stage-outer {
    height: auto !important;
}

.home_icon_box {
    text-align: center;
}

.Teacher_Slider {
    padding: 70px 0;
    background-image: url(images/teacher-bg.jpg);
}

.Teacher_Slider h3 {
    color: #fff;
    text-align: center;
    margin: 35px 0;
    /*text-transform: capitalize;*/
}

.Teacher_Slider p {
    color: #fff;
    text-align: center;
    margin: 35px 0;
}

.Teacher_Slider .tc_content p {
    margin: 0;
}

.Teacher_Slider .tc_content h5 {
    text-transform: uppercase;
}

.footer_social_widget {
    position: relative;
    text-align: center;
    margin-top: 30px;
}

.home1-mainslider {
    position: relative;
}

.search-panel {
    position: absolute;
    bottom: 100px;
    text-align: center;
    width: 100%;
}

.tes-nav {
    width: 500px;
    left: 34%;
    height: 130px;
}

.tes-nav img {
    width: 90px;
    height: 90px;
    margin-top: 25px;
}

.tes-nav .slick-slide.slick-current.slick-active.slick-center img {
    width: 130px;
    height: 130px;
}

.accusamus {
    padding-bottom: 0;
}

#top-courses {
    padding: 25px 0 60px;
}

#top-courses .main-title {
    margin-bottom: 30px;
}

.notifaction {
    padding: 25px 15px;
    z-index: 2;
    position: absolute;
    font-size: 16px;
    background: #def1f7;
    top: 74px;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    /* box-shadow: 0 0 5px #ddd; */
}

.notifaction i {
    cursor: pointer;
    font-size: 20px;
}


/* ==================== signup modal ==================== */

.sign_up_modal .nav-tabs {
    margin-bottom: 0;
    margin-right: 0;
}

.sign_up_modal .nav-item {
    margin-bottom: 0;
    margin-right: 0;
}

.our-newslatters {
    background-color: #eee;
    padding: 40px 0;
}


/*09-07*/

.our-newslatters h4 {
    font-size: 22px;
    margin-bottom: 0;
    font-weight: 600;
}

.our-newslatters p {
    font-size: 15px;
}


/*09-07*/

#timeinfo .owl-carousel .owl-stage-outer {
    height: auto !important;
}

.notifaction i {
    font-style: normal;
    color: #000;
}

.notifaction a {
    margin: 0 30px 0 0px;
    font-weight: 700;
    text-decoration: underline;
}

.our-newslatters button {
    border: none;
}


/*teach with us*/

.teach-with-us h4 {
    margin-bottom: 15px;
    font-size: 24px;
    color: #af2df8;
    font-weight: 600;
    text-transform: capitalize;
}

.teach-with-us h4 i {
    font-style: normal;
    width: 30px;
    display: inline-block;
    background: #c75533;
    color: #ffff;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    font-size: 21px;
    margin-right: 11px;
    vertical-align: text-top;
}

.teach-with-us ul {
    padding-left: 10px;
}

.teach-with-us li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 18px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.teach-with-us li:before {
    position: absolute;
    content: '\f105';
    font-family: fontawesome;
    left: 0;
}

.teach-with-us li:hover {
    color: #3a3a3a;
}

.teach-with-us li:hover:before {
    content: '\f101';
}

.teach-with-us li:last-child {
    margin-bottom: 0px;
}

.tech-two-section .overlay .details {
    width: 100%;
    height: auto;
    padding: 30px;
}

.tech-two-section .overlay .details h5 {
    color: #192675;
    font-size: 24px;
    font-weight: 700;
}

.tech-two-section .overlay .details p {
    position: relative;
    padding-left: 30px;
}

.tech-two-section .overlay .details p:before {
    position: absolute;
    content: '\f00c';
    font-family: fontawesome;
    left: 0;
    font-size: 16px;
}

.tech-two-section .overlay .details p:last-child {
    margin-bottom: 0;
}

.tech-two-section .hvr_img_box_container:hover::before {
    background-color: #3b3c6e;
}

.tech-two-section .hvr_img_box_container:hover .overlay .details h5 {
    color: #24cce7;
}

.teacher-sucess.get-started {
    background: url("categorypage/teacher--sucess-bg.jpg");
}

.teacher-header {
    padding: 160px 0 100px;
}

.teacher-header .btn.white {
    background: #fff;
    border: 2px solid #fff;
    margin-top: 20px;
    text-transform: capitalize;
    font-size: 18px;
    color: #3b3c6e;
    font-weight: 600;
}

.teacher-header .btn.white:hover {
    background: none;
    color: #fff;
}

.btn.teacher-btn-join {
    padding: 6px 25px;
    background: #af2df8;
    color: #fff;
    text-transform: capitalize;
}

.btn.teacher-btn-join a {
    color: #fff;
}

.btn.teacher-btn-join:hover a {
    color: #af2df8;
}

.btn.teacher-btn-join:hover {
    color: #af2df8;
    background: #fff;
}

.teacher-sucess.get-started button i {
    vertical-align: top;
}

section.students-testimonials,
section.Virtual_Learning {
    background: #eee;
}

section.Reach-students {
    background: url("images/students-grp-bg.jpg") no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: cover;
    padding: 40px 0 30px;
}

.Reach-students .details ul {
    margin-top: 0;
}

.Reach-students .details ul h4 {
    margin-bottom: 0;
    color: #01ceff;
    font-size: 25px;
    font-weight: 600;
    text-transform: capitalize;
}

.Reach-students .details ul p {
    color: #fff;
    max-width: 100%;
}

.Reach-students .details ul hr {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.Reach-students .details ul li {
    position: relative;
    padding-left: 30px;
}

.Reach-students .details ul li:before {
    position: absolute;
    content: '\f00c';
    font-family: fontawesome;
    left: 0;
    font-size: 16px;
    color: #24cce7;
}


/*  radio css   */

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: inherit;
    background-color: inherit;
}


/*contact*/

.new-contact-page ul {
    display: flex;
    text-align: center;
}

.new-contact-page ul li {
    width: auto;
    border-right: 1px solid #ccc;
}

.new-contact-page ul li:last-child {
    border-right: 0;
}

.new-contact-page h4,
.new-contact-page span.flaticon-email {
    color: #192675;
}

.new-contact-page ul li h2 {
    font-size: 15px;
    color: #c75533;
    font-weight: 600;
    margin-bottom: 0px;
}

.new-contact-page ul li p a {
    color: #0a0a0a;
    font-size: 15px;
}

.new-contact-page .contact_localtion p {
    color: #0a0a0a;
}

.new-contact-page .form-and-map h4 {
    color: #192675;
    font-size: 20px;
}

.new-contact-page .form-and-map h4 a {
    color: #192675;
    font-size: 20px;
}

.new-contact-page .form-and-map textarea {
    box-shadow: none;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
}

.new-contact-page .form-and-map textarea:focus {
    border-color: rgb(221, 221, 221);
}

.new-contact-page .form-and-map h4 span {
    margin-right: 15px;
}

.new-contact-page .form-and-map h4 a {
    margin-right: 15px;
}

.new-contact-page .dropdown-menu li {
    width: auto;
    text-align: left;
}

.new-contact-page .ui_kit_select_box button {
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
}

.new-contact-page .ui.calendar .ui.input {
    width: 100%;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
}

.new-menu-col {
    max-width: 20%;
}

.form-and-map .padding-right-map {
    padding-right: 40px;
}


/* End contact */

#errmsg_co {
    color: #f00;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 12px;
}

#errmsg_co button {
    margin-top: 14px;
}

.front_button {
    background: #3b3c6e;
    color: #fff;
    font-size: 18px;
    border: none;
    border-radius: 30px;
    padding: 7px 7px 7px 7px;
    top: 7px;
    right: 7px;
    cursor: pointer;
}

.front_button:hover {
    background: #5969ef;
    color: #fff;
}


/*=========== new css here date 2 jun ================= */


/*help-support*/

.help-support #pills-tab .nav-item a {
    font-size: 18px;
    padding: 8px 25px;
    margin-bottom: 20px;
    border-radius: 0;
    text-transform: uppercase;
}

.help-support #pills-tab .nav-item a.active {
    background: none;
    color: #192675;
    border-bottom: 5px solid #2441e7;
}


/*new category*/

.new-category .breadcrumb_content {
    margin-top: 20px;
}

.new-category .breadcrumb_content .breadcrumb {
    margin-bottom: 00px;
}

.tranding-course-list h3 {
    margin-bottom: 50px;
}

.other-categories {
    padding-bottom: 30px;
}

.other-categories h3 {
    text-transform: capitalize;
}

.other-categories .media {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin-bottom: 40px;
    overflow: hidden;
    z-index: 2;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


/* .other-categories .media:hover {} */

.other-categories .media .media-img {
    width: 25%;
}

.other-categories .media .media-img img {
    /*border-radius: 10px 0 0 10px;	*/
    padding: 10px 5px 10px 15px;
    z-index: 2;
    position: relative;
}

.other-categories .media .hvr_img_box.imgs {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.other-categories .media .hvr_img_box {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
}

.other-categories .media:hover .hvr_img_box {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
}

.other-categories .media .media-disc {
    padding: 15px 15px 0 10px;
    position: relative;
    z-index: 2;
}

.other-categories .media:hover .media-disc {
    color: #fff;
}

.other-categories .media .media-disc h4 {
    margin-bottom: 5px;
    font-size: 20px;
    color: #af2df8;
    font-weight: 600;
    text-transform: capitalize;
}

.other-categories .media:hover .media-disc h4 {
    color: #007bff;
}

.catg-enroll-points .enroll-disc {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    min-height: 100px;
    padding: 15px;
    display: flex;
    margin-bottom: 40px;
    margin-top: 10px;
}

.catg-enroll-points .enroll-disc .icon-enroll-points {
    margin-right: 10px;
    width: 21%;
    text-align: center;
}

.catg-enroll-points .enroll-disc h4 {
    color: #24cce7;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
}

.catg-enroll-points .enroll-content {
    width: 80%;
}

.catg-enroll-points .enroll-disc p {
    color: #fff;
    font-size: 15px;
}

.-started.catg-enroll-points {
    padding: 60px 0;
    background-image: url(categorypage/bg-2.jpg);
}

.tutor-business .becomea_instructor_home3 {
    border-radius: 5px;
    padding: 65px 35px 55px 35px;
}

.tutor-business h3 {
    text-transform: capitalize;
}

.tutor-business a {
    font-size: 16px;
    width: 220px;
    line-height: 37px;
}


/*course-page*/

.featured-course .blog_grid_post.style2.event_lists .details {
    background: #eee;
    padding: 23px;
    border: 1px solid #eee;
}

.featured-course .event_lists:hover .blog_grid_post.style2.event_lists {
    box-shadow: none;
}

.featured-course .blog_grid_post .cs_row_one .cs_review_seller li {
    display: inline-block;
}

.featured-course .blog_grid_post .cs_row_one .cs_review_seller li:first-child a {
    background: #c75533;
    width: 105px;
    height: auto;
    text-align: center;
    padding: 0px;
    line-height: 10px;
    border-radius: 30px;
}

.featured-course .blog_grid_post .cs_row_one .cs_review_seller li:first-child a span {
    font-size: 13px;
    padding-right: 0;
}

.featured-course .blog_grid_post.style2.event_lists .details ul {
    margin: 15px 0 0;
}

.featured-course .blog_grid_post.style2.event_lists .details p {
    margin-bottom: 15px;
}

.featured-course .blog_grid_post .details .cs_row_one .cs_review_seller li {
    margin-bottom: 15px;
}

.featured-course .blog_grid_post .cs_row_one .cs_review_seller li a i {
    color: #d0d23c;
}

.featured-course .blog_grid_post ul.featured-course-data li {
    display: inline-block;
    margin-right: 20px;
}

.featured-course .blog_grid_post ul.featured-course-data li a span {
    vertical-align: middle;
}

.featured-course .tc_price {
    color: #c75533;
    font-size: 18px;
    font-weight: 600;
}

.featured-course button {
    padding: 4px 25px;
    font-size: 16px;
    box-shadow: none;
    margin-right: 15px;
    vertical-align: baseline;
}

section.find-best-courses {
    padding: 60px 0;
    background: url("categorypage/get-started-bg.jpg") no-repeat;
}

.find-best-courses .details ul {
    margin-bottom: 0;
}

.find-best-courses .details ul h4 {
    margin-bottom: 15px;
}

.find-best-courses .details ul button {
    background: none;
    color: #fff;
    border: 2px solid #01ceff;
    margin-top: 20px;
    font-size: 18px;
    padding: 8px 30px;
}

.find-best-courses .details ul button:hover {
    border: 2px solid #01ceff;
    background: #01ceff;
    color: #fff;
}

section.popular-topic {
    padding: 60px 0;
    background: url("../images/get-started-bg.jpg") no-repeat;
}

section.popular-topic-slider {
    padding-bottom: 0;
}

section.popular-topic-slider h4 {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 26px;
    color: #192675;
    margin-bottom: 40px;
}

.popular-topic-slider #popular-topic {
    height: 100px;
}

.popular-topic-slider ul a li {
    border: 1px solid #ccc;
    border-radius: 30px;
    padding: 8px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #666;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.popular-topic-slider ul a:hover li {
    border: 1px solid #af2df8;
    color: #af2df8;
}

#popular-topic .owl-controls .owl-nav .owl-prev,
#popular-topic .owl-controls .owl-nav .owl-next {
    padding: 4px 10px;
}

#popular-topic .owl-controls .owl-nav .owl-prev:hover,
#popular-topic .owl-controls .owl-nav .owl-next:hover {
    background: #2441e7;
}

button.tab-started-new-btn {
    margin: 0 auto 30px;
    font-size: 16px;
    border-radius: 6px !important;
    background: #fff;
    box-shadow: none !important;
    color: #2441e7;
    padding: 15px 30px;
}

button.tab-started-new-btn:hover {
    color: #0a0a0a;
}

.tab-theme-ul li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 18px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.tab-theme-ul li:hover {
    color: #3a3a3a;
}

.tab-theme-ul li::before {
    position: absolute;
    content: '\f105';
    font-family: fontawesome;
    left: 0;
}

.tab-theme-ul li:hover::before {
    content: '\f101';
}


/*guide*/

.instructors-stated .gallery_item {
    margin-bottom: 10px;
}

.instructors-stated .gallery_item img {
    border: 1px solid #ccc;
    padding: 10px;
}

.instructors-stated h5 {
    color: #192675;
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.instructors-stated h5 i {
    background: #01ceff;
    font-style: normal;
    display: inline-block;
    width: 50px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    margin-right: 10px;
    font-size: 20px;
    height: 35px;
    line-height: 36px;
}

.instructors-stated p {
    margin-bottom: 30px;
}

.instructors-stated-new p {
    margin-bottom: 15px;
}

.instructors-stated-new hr {
    border-top: 1px solid #666;
}

.instructors-stated i.sub-points {
    background: none;
    font-style: normal;
    display: inline-block;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    color: #01ceff;
    margin-right: 10px;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    vertical-align: top;
    font-weight: 700;
}

.instructors-stated p.sub-points-text {
    width: 90%;
    display: inline-block;
}

.instructors-stated .gallery_item .gallery_overlay .icon {
    top: 0;
    padding-top: 28px;
}


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

            Corporate Css Start Here

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

.Learning_Platform .main-title p,
.Virtual_Learning .main-title p {
    font-size: 18px;
}

.Learning_Platform ul,
.Virtual_Learning ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.Learning_Platform li,
.Virtual_Learning li {
    width: 33%;
    margin-bottom: 30px;
    padding: 15px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.Learning_Platform li:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.Learning_Platform .icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
}

.Learning_Platform li h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    /*text-transform: capitalize;*/
    color: #c75533;
}


/*.Virtual_Learning li .tc_content h5 {
    text-transform: capitalize;
}*/

.Virtual_Learning ul.tc_review,
.Virtual_Learning ul.tc_meta {
    display: inline-block;
}

.Virtual_Learning ul.tc_review li,
.Virtual_Learning ul.tc_meta li {
    width: auto;
    margin: 0;
    padding: 0;
}

.Learning_Platform li p {
    min-height: 70px;
}

.Virtual_Learning li p {
    min-height: 100px;
}

.Virtual_Learning li .top_courses .details {
    min-height: 150px;
}

.Training_Needs hr {
    margin: 40px 0;
}

.percent_part .home_icon_box span {
    color: #fff;
    font-weight: bold;
    font-size: 40px;
}

.percent_part .home_icon_box span aside {
    font-size: 15px;
    font-weight: 400;
    display: inline;
}

.percent_part .home_icon_box p small {
    font-size: 11px;
    vertical-align: top;
}

section.Virtual_Learning .Virtual_Learning-inner-points {
    height: 150px;
    display: block;
}

section.Virtual_Learning .Virtual_Learning-inner-points li {
    width: 100%;
    margin-bottom: 5px;
    padding: 0 0 0 15px;
    position: relative;
    text-align: left;
}

section.Virtual_Learning .Virtual_Learning-inner-points li::before {
    position: absolute;
    content: '\f105';
    font-family: fontawesome;
    left: 0;
}

section.Virtual_Learning .Virtual_Learning-inner-points li:hover::before {
    content: '\f101';
}

section.Virtual_Learning .top_courses .details .tc_content h5 {
    text-align: left;
}


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

            Corporate Css End Here

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


/*event list*/

.new-event-list-page .event-list-img {
    border-radius: 5px 5px 0 0;
}

.new-event-list-page .blog_grid_post.style2.event_lists.event-list-detail {
    border-radius: 0px 0px 5px 5px !important;
}

.new-event-list-page .blog_grid_post .thumb::before {
    background: none;
}

.new-event-list-page .blog_grid_post.style2.event_lists .details h3 {
    font-size: 20px;
    color: #0a0a0a;
    line-height: 28px;
    text-transform: capitalize;
}

.new-event-list-page .event_lists {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15);
    -moz-box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15);
    box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15);
}

.new-event-list-page .blog_grid_post.style2.event_lists .details {
    padding: 20px;
}

.new-event-list-page .full-content-detail {
    padding: 20px;
}

.new-event-list-page .full-content-detail p {
    margin-bottom: 20px;
}

.new-event-list-page .btn.teacher-btn-join {
    padding: 5px 20px;
    font-size: 16px;
    margin-top: 15px;
}

.detail-event-date {
    margin-top: 20px;
}

.detail-event-date p {
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    padding: 12px 15px;
    font-size: 24px;
    border-radius: 10px;
    line-height: 27px;
    text-transform: uppercase;
    margin-right: 12px;
}

.detail-event-date p span {
    display: block;
    font-size: 14px;
}

.full-content-detail-links {
    margin-top: 40px;
    margin-bottom: 30px;
}

.new-event-list-page .blog_grid_post.style2.event_lists.full-content-detail h3 {
    font-size: 30px;
}

.full-content-detail-links a {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #fff;
    margin-right: 20px;
}

.full-content-detail-links a:hover {
    border: 1px solid #2441e7;
}

.full-content-detail-links a i {
    color: #2441e7;
    margin-right: 10px;
    font-size: 20px;
    vertical-align: text-bottom;
}

.virtual-icon {
    font-style: normal;
    font-size: 21px;
    border: 2px solid #fff;
    height: 35px;
    width: 35px;
    display: inline-block;
    border-radius: 50%;
    margin-left: 6px;
    vertical-align: middle;
    line-height: 31px;
}

.new-disclamer p {
    font-size: 13px;
}

.new-disclamer p a {
    color: #2441e7;
}


/*k12*/

.k-12easy-to-use .top_courses .details .tc_content {
    min-height: 290px;
}

.k-12easy-to-use li {
    width: 25%;
}

.k-12-edusity-platform h3 {
    font-size: 26px;
    text-transform: inherit;
}

section.k-12-icon-data {
    padding: 70px 0;
    background-image: url(k12/k-12state-bg.jpg);
}

section.k-12-icon-data h3 {
    color: #fff;
    margin-bottom: 60px;
    font-size: 26px;
}

.k-12-icon-data ul {
    display: flex;
    justify-content: space-between;
}

.k-12-icon-data li {
    width: 20%;
    color: #fff;
    text-align: center;
}

.k-12-icon-data li p {
    margin-top: 20px;
    font-size: 16px;
}

.children-safe-online h3 {
    color: #192675;
    font-size: 26px;
    margin-bottom: 10px;
}

.children-safe-online h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #c75533;
}


/*post secondary*/

section.hassle-free-solution .Virtual_Learning-inner-points {
    height: 120px;
    display: block;
}

section.hassle-free-solution .icon {
    width: 70px;
    height: 70px;
    margin: 0 0 20px;
}

section.hassle-free-solution .Virtual_Learning-inner-points li {
    width: 100%;
    margin-bottom: 5px;
    padding: 0 0 0 15px;
    position: relative;
    text-align: left;
}

section.hassle-free-solution .Virtual_Learning-inner-points li::before {
    position: absolute;
    content: '\f105';
    font-family: fontawesome;
    left: 0;
}

section.hassle-free-solution .Virtual_Learning-inner-points li:hover {
    box-shadow: none;
}

section.hassle-free-solution .Virtual_Learning-inner-points li:hover::before {
    content: '\f101';
}

.k-12easy-to-use.post-secondary-platform li {
    width: 50%;
    margin-bottom: 0;
}

.post-secondary-platform .top_courses {
    margin-bottom: 0;
}

.post-secondary-platform .top_courses .details .tc_content {
    min-height: 310px;
}


/*sitemap*/

.site-map-page ul.site-map-main-catg {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.site-map-page ul.site-map-main-catg li {
    width: 33%;
    margin-bottom: 10px;
}

.site-map-page ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.site-map-page ul li {
    width: 100%;
    margin-bottom: 10px;
}

.site-map-page ul li a:hover {
    color: #af2df8;
}

.site-map-page h4 a {
    margin-bottom: 15px;
    font-size: 18px;
    color: #af2df8;
    font-weight: 600;
}



/*menu*/

.new-drowpdown-menu-busi {
    background: none;
}

.new-drowpdown-menu-busi .btn {
    color: #555555;
    font-size: 15px;
}

.new-drowpdown-menu-busi.dropdown .dropdown-menu {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    max-height: 0;
    display: block;
    opacity: 0;
    border: none;
    visibility: hidden;
}

.new-drowpdown-menu-busi.dropdown.show .dropdown-menu {
    max-height: 200px;
    opacity: 1;
    top: 30px !important;
    border-radius: 8px;
    visibility: visible;
}

.new-drowpdown-menu-busi.dropdown.show .dropdown-menu::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid white;
    position: absolute;
    top: -13px;
    left: 18%;
}

.new-drowpdown-menu-busi .dropdown-toggle::after {
    display: none;
}

.new-drowpdown-menu-busi .dropdown-item {
    font-size: 15px;
    color: #555555;
}

.new-drowpdown-menu-busi .dropdown-item a {
    margin-right: 0;
}

.new-drowpdown-menu-busi .dropdown-toggle i {
    font-size: 13px;
    padding-left: 3px;
}

.new-drowpdown-menu-busi .dropdown-item:focus,
.new-drowpdown-menu-busi .dropdown-item:hover {
    background-color: #fff;
}


/*popup*/

.event-detail-popup .modal-content {
    padding: 35px;
}

.event-detail-popup .modal-content {
    padding: 35px;
}

.event-detail-popup .modal-header {
    background-color: #3452ff;
    border-radius: 50%;
    border: none;
    height: 40px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -20px;
    width: 40px;
}

.event-detail-popup .modal-header button.close {
    margin-top: -9px;
    margin-right: 0;
    margin-left: -3px;
    opacity: 1;
    padding: 0;
}

.event-detail-popup h3 {
    margin-top: 0px;
    font-size: 22px;
}

.event-detail-popup p {
    margin-bottom: 20px;
    margin-top: 10px;
}

.event-detail-popup form {
    color: #3a3a3a;
}

.event-detail-popup input {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(221, 221, 221);
    border-radius: 5px;
    background-color: rgba(196, 14, 117, 0);
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    height: 48px;
    color: #3a3a3a;
    font-size: 16px;
}

.event-detail-popup input:focus {
    box-shadow: none;
    border: 1px solid #2441e7;
}

.onoffswitch {
    position: relative;
    width: 81px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 0px solid #999999;
    border-radius: 50px;
    margin-bottom: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "Yes";
    padding-left: 20px;
    background-color: #3452FF;
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "No";
    padding-right: 20px;
    background-color: #EEEEEE;
    color: #999999;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
    width: 15px;
    margin: 7.5px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 47px;
    border: 0px solid #999999;
    border-radius: 50px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.no_img_div {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
    display: block;
    bottom: 0;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
}


/*event list*/

.new-event-list-page .event-list-img {
    border-radius: 5px 5px 0 0;
}

.new-event-list-page .blog_grid_post.style2.event_lists.event-list-detail {
    border-radius: 0px 0px 5px 5px !important;
}

.new-event-list-page .blog_grid_post .thumb::before {
    background: none;
}

.new-event-list-page .blog_grid_post.style2.event_lists .details h3 {
    font-size: 20px;
    color: #0a0a0a;
    line-height: 28px;
    text-transform: capitalize;
    margin: 0;
}

.new-event-list-page .event_lists {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15);
    -moz-box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15);
    box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15);
}

.new-event-list-page .blog_grid_post.style2.event_lists .details {
    padding: 20px;
}

.new-event-list-page .full-content-detail {
    padding: 20px;
}

.new-event-list-page .full-content-detail p {
    margin-bottom: 20px;
}

.new-event-list-page .btn.teacher-btn-join {
    padding: 5px 20px;
    font-size: 16px;
    margin-top: 15px;
}

.detail-event-date {
    margin-top: 20px;
}

.detail-event-date p {
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    padding: 12px 15px;
    font-size: 24px;
    border-radius: 10px;
    line-height: 27px;
    text-transform: uppercase;
    margin-right: 12px;
}

.detail-event-date p span {
    display: block;
    font-size: 14px;
}

.full-content-detail-links {
    margin-top: 40px;
    margin-bottom: 30px;
}

.new-event-list-page .blog_grid_post.style2.event_lists.full-content-detail h3 {
    font-size: 30px;
}

.full-content-detail-links a {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #fff;
    margin-right: 20px;
}

.full-content-detail-links a:hover {
    border: 1px solid #2441e7;
}

.full-content-detail-links a i {
    color: #2441e7;
    margin-right: 10px;
    font-size: 20px;
    vertical-align: text-bottom;
}

.virtual-icon {
    font-style: normal;
    font-size: 21px;
    border: 2px solid #fff;
    height: 35px;
    width: 35px;
    display: inline-block;
    border-radius: 50%;
    margin-left: 6px;
    vertical-align: middle;
    line-height: 31px;
}

.new-disclamer p {
    font-size: 13px;
}

.new-disclamer p a {
    color: #2441e7;
}


/*k12*/

#newsform .form-error {
    margin-left: 23px;
}


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

        new testimonial

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

#new_testimonial .owl-prev,
#new_testimonial .owl-next {
    background-color: #ffffff !important;
    color: #2441e7;
    height: 50px;
    line-height: 45px;
    position: absolute;
    bottom: -60px;
    width: 50px;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#new_testimonial .owl-prev {
    right: 60px;
    left: 0;
    margin: 0 auto;
}

#new_testimonial .owl-next {
    right: 0px;
    left: 60px;
    margin: 0 auto;
}

#new_testimonial .owl-prev:hover,
#new_testimonial .owl-next:hover {
    background-color: #2441e7 !important;
    color: #ffffff;
}

.new-testimonials {
    padding: 20px;
    margin-top: 30px;
}

.new-testimonials p {
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 15px;
    position: relative;
}

.new-testimonials p::before {
    content: '\f10d';
    position: absolute;
    font-family: fontawesome;
    z-index: -1;
    color: #e6e6e6;
    font-size: 30px;
    left: -20px;
    top: -8px;
}

.new-testimonials .testimonial-profile-pic {
    width: 80px;
    display: inline-block;
    /*box-shadow: 7px 7px 0px #fd622a;*/
    position: relative;
}

.new-testimonials .testimonial-profile-pic::before {
    content: '';
    position: absolute;
    background: #fd622a;
    width: 6px;
    height: 30px;
    right: -7px;
    bottom: -5px;
}

.new-testimonials .testimonial-profile-pic::after {
    content: '';
    position: absolute;
    background: #fd622a;
    width: 32px;
    height: 7px;
    right: -7px;
    bottom: -7px;
}


/*.new-testimonials .testimonial-profile-pic.blue-new {
	width: 80px;
	display: inline-block;
	
}*/

.new-testimonials .testimonial-profile-pic.blue-new::before {
    content: '';
    position: absolute;
    background: #2441e7;
    width: 6px;
    height: 30px;
    right: -7px;
    bottom: -5px;
}

.new-testimonials .testimonial-profile-pic.blue-new::after {
    content: '';
    position: absolute;
    background: #2441e7;
    width: 32px;
    height: 7px;
    right: -7px;
    bottom: -7px;
}

.new-testimonials .testimonial-profile-pic img {
    border-radius: 0%;
    border: 5px solid #fff;
}

.new-testimonials span {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    color: #c75533;
    font-weight: 600;
    margin-top: 15px;
}

.new-testimonials span aside {
    font-size: 15px;
    color: #0a0a0a;
    display: block;
    font-weight: 400;
    font-style: italic;
}

.newhome-testi .new-testimonials p {
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 15px;
    position: relative;
    height: 180px;
}


/* =========== course detail exam css ================== */

.course_exam_div .nav-tabs {
    border-bottom: none;
}

.course_exam_div .nav-tabs .nav-item {
    margin-bottom: 0;
}

.course_exam_div .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-transform: uppercase;
    font-size: 18px;
    color: #4a0931;
    background: #fff;
    font-weight: 600;
}

.course_exam_div .nav-tabs .nav-item.show .nav-link,
.course_exam_div .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #4a0931;
    border-color: #dee2e6 #dee2e6 #fff;
}

.course_exam_div #myTabContent {
    background: #fff;
    padding: 20px;
    box-shadow: 0px 5px 5px #ddd;
}

.course_exam_div .coursedetails {
    margin: 0;
}

.course_exam_div .coursedetails li {
    margin: 10px 0;
    position: relative;
    padding-left: 25px;
    font-size: 16px;
}

.course_exam_div .coursedetails li:before {
    content: "\f178";
    font-family: fontawesome;
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 16px;
    color: #fd8f5f;
}

.course_exam_div .Start_Course_tab h3,
.course_exam_div .course_exam_tab h3 {
    font-size: 18px;
    color: #4a0931;
    margin-bottom: 15px;
    border-bottom: 1px solid;
    display: table;
    padding-bottom: 5px;
    font-weight: 600;
}

.course_exam_div .Start_Course_tab p {
    font-size: 16px;
    color: #000;
}

.course_exam_div .icon_div a {
    text-align: center;
    font-size: 20px;
    margin-right: 10px;
    color: #fd8f5f;
    background: #fff;
    display: inline-block;
    font-weight: 600;
}

.course_exam_div .icon_div a img {
    border: 1px solid;
    padding: 7px;
    cursor: pointer;
}

.course_exam_div .totaldiv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}

.course_exam_div .totaldiv>strong {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 16px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 5px #b5b5b5;
    margin-right: 5px;
    text-align: center;
    width: 30%;
    border-radius: 10px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.course_exam_div .totaldiv small {
    font-size: 36px;
    font-weight: 600;
    display: block;
    padding: 23px;
}

.course_exam_div .course_exam_tab aside {
    font-size: 18px;
    margin: 10px 0;
    padding-bottom: 8px;
}

.course_exam_div .course_exam_tab aside strong {
    display: block;
    color: #fd8f5f;
    margin-bottom: 8px;
}

.course_exam_div .radio {
    margin: 0 0 10px 0;
    display: table;
}

.course_exam_div .radio label {
    font-size: 18px;
    padding: 8px 35px 10px 15px;
    box-shadow: 0 0 5px #b5b5b5;
    position: relative;
    min-width: 250px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.course_exam_div .radio label small {
    font-size: 16px;
    text-transform: uppercase;
    margin-right: 10px;
    color: #fd8f5f;
    font-weight: 700;
}

.course_exam_div .radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.course_exam_div .radio input[type="radio"]+.radio-label:before {
    content: '';
    background: #fff;
    border-radius: 100%;
    border: 5px solid #fff;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 15px;
    right: 0;
    margin-right: 10px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    z-index: 1;
}

.course_exam_div .radio input[type="radio"]:checked+.radio-label,
.course_exam_div .radio input[type="radio"]:checked+.radio-label span small {
    color: #fff;
}

.course_exam_div .radio input[type="radio"]:checked+.radio-label:before {
    background-color: #fd8f5f;
    /* box-shadow: inset 0 0 0 4px #f4f4f4; */
}

.course_exam_div .radio input[type="radio"]:checked+.radio-label:after {
    content: '';
    background: #fff;
    border-radius: 0;
    border: none;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    background-color: #fd8f5f;
    z-index: 0;
    border-radius: 5px;
}

.course_exam_div .radio input[type="radio"]:focus+.radio-label:before {
    outline: none;
    border-color: #fff;
}

.course_exam_div .radio input[type="radio"]:disabled+.radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}

.course_exam_div .radio input[type="radio"]+.radio-label:empty:before {
    margin-right: 0;
}

.course_exam_div .radio label span {
    position: relative;
    z-index: 1;
}

.course_exam_div .thankyou {
    text-align: center;
}

.course_exam_div .thankyou p {
    font-size: 16px;
    margin-bottom: 10px;
}

.course_exam_div .thankyou strong {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
}

.course_exam_div .one {
    color: #4a0931;
}

.course_exam_div .two {
    color: #fd8f5f;
}

.course_exam_div .three {
    color: #3c8dbc;
}

.course_exam_div .one:hover {
    background: #4a0931;
    color: #fff;
}

.course_exam_div .two:hover {
    background: #fd8f5f;
    color: #fff;
}

.course_exam_div .three:hover {
    background: #3c8dbc;
    color: #fff;
}


/* This css is for normalizing styles. You can skip this. */

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.course_exam_div .checkboxdiv .form-group {
    display: table;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}

.course_exam_div .checkboxdiv .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.course_exam_div .checkboxdiv .form-group label {
    position: relative;
    cursor: pointer;
    min-width: 250px;
    font-size: 18px;
    padding: 8px 40px 10px 15px;
    box-shadow: 0 0 5px #ddd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-weight: 400;
}

.course_exam_div .checkboxdiv .form-group label span {
    position: relative;
    z-index: 1;
}

.course_exam_div .checkboxdiv .form-group input:checked+label {
    color: #fff;
}

.course_exam_div .checkboxdiv .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: #fd8f5f;
    border: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    width: 100%;
    height: 100%;
    position: absolute;
    vertical-align: sub;
    cursor: pointer;
    margin: 0;
    opacity: 1;
    top: 0;
    left: 0;
    border-radius: 5px;
    opacity: 0;
}

.course_exam_div .checkboxdiv .form-group input:checked+label::before {
    opacity: 1;
}

.course_exam_div .checkboxdiv .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    right: 15px;
    width: 10px;
    height: 18px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.course_exam_div .checkboxdiv .form-group label span small {
    font-size: 16px;
    text-transform: uppercase;
    margin-right: 10px;
    color: #fd8f5f;
    font-weight: 700;
}

.course_exam_div .checkboxdiv .form-group input:checked+label span small {
    color: #fff;
}

.course_exam_div .course_exam_tab textarea {
    padding: 5px 10px;
    border: 1px solid #d4d4d4;
    resize: none;
    font-size: 16px;
    height: 80px;
}

.course_exam_div .course_exam_tab textarea:focus {
    border: 1px solid #fd8f5f;
}

.course_exam_div .btndiv button {
    border: none;
    padding: 10px;
    font-size: 15px;
    min-width: 130px;
    background: #ffbf96;
    color: #4a0931;
    display: inline-block;
    margin-top: 15px;
}

.course_exam_div .btndiv button i {
    vertical-align: middle;
    font-size: 18px;
}

.course_exam_div .btndiv button:hover,
.course_exam_div .btndiv button:hover {
    color: #ffbf96;
    background: #4a0931;
}

.course_exam_div {
    width: 94%;
    background: #fff;
    padding: 12px;
}

.Start_Course_tab {
    position: relative;
}

span#showcomplete {
    position: absolute;
    right: 0;
    top: -25px;
    background: #fd8f5f;
    border-radius: 30px;
    padding: 2px 10px;
    color: #fff;
}

#backtodetail {
    margin-top: 30px;
}

.course_exam_div p {
    font-family: 'Open Sans', sans-serif;
}

.thankyou h4 {
    background: #fd8f5f;
    display: inline-block;
    padding: 8px 20px;
    color: #fff;
    border-radius: 40px;
    margin-bottom: 10px;
}


/*01-07*/

.catg-btm-student-teacher-sec .becomea_instructor_home3 {
    border-radius: 5px;
    padding: 35px 35px 45px 35px;
}

.catg-btm-student-teacher-sec .becomea_instructor_home3.style1 {
    background: #fff;
}

.catg-btm-student-teacher-sec .becomea_instructor_home3.style2 {
    background: #930af1;
}

.catg-btm-student-teacher-sec .becomea_instructor_home3.style1 h3 {
    text-transform: capitalize;
    color: #af2df8;
}

.catg-btm-student-teacher-sec .becomea_instructor_home3.style1 p {
    color: #af2df8;
}

.catg-btm-student-teacher-sec .becomea_instructor_home3.style1 a {
    color: #fff;
    background: #af2df8;
}

.catg-btm-student-teacher-sec .becomea_instructor_home3.style2 a {
    color: #0a0a0a;
    background: #fff;
}


/*01-07*/


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

       courses catg

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

ul.cover-courses-catg {
    justify-content: center;
    margin-top: 20px;
}

.cover-courses-catg li {
    padding: 10px;
    margin-bottom: 0px;
    width: 25%;
}

.cover-courses-catg li:hover {
    box-shadow: 0 0 0px rgba(0, 0, 0, 0);
}

.cover-courses-catg li a {
    border: 1px solid;
    display: block;
    padding: 5px;
    text-transform: capitalize;
    color: #af2df8;
    cursor: pointer;
    font-weight: 500;
}

.cover-courses-catg li a:hover {
    border: 1px solid #2441e7;
    color: #2441e7;
}

.new-follow-btn a {
    font-size: 16px;
    padding: 4px 10px;
    border-radius: 5px;
    margin-left: 10px;
    border: 1px solid #2441e7;
    background: #fff;
    color: #2441e7;
}

.new-follow-btn a:hover {
    background: #2441e7;
    color: #fff;
}

.business-header h1 {
    color: #fff;
    text-transform: capitalize;
    font-size: 40px;
}

.catg-main-intro .main-title h2 {
    font-size: 26px;
    margin-bottom: 10px;
}

.tranding-course-list h2 {
    margin-bottom: 50px;
    font-size: 26px;
    text-transform: capitalize;
}


/* course skill tags*/

.course-skill-tags {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 20px;
}

.course-skill-tags li {
    padding: 8px;
    margin-bottom: 20px;
}

.course-skill-tags li a {
    background: #f7eafe;
    border-radius: 30px;
    padding: 10px 20px;
    text-transform: capitalize;
}

.course-skill-tags li a:hover {
    background: #5b0596;
    color: #fff;
}

.new-tranding-course-list {
    border-bottom: 1px solid #eee;
}

.tranding-course-btn {
    background: #01ceff;
    display: block;
    text-align: center;
    padding: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin: 10px;
}

#Trending .owl-prev,
#Trending .owl-next {
    background-color: #01ceff !important;
    color: #ffffff;
    height: 50px;
    line-height: 45px;
    position: absolute;
    bottom: -60px;
    width: 50px;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#Trending .owl-prev {
    right: 60px;
    left: 0;
    margin: 0 auto;
}

#Trending .owl-next {
    right: 0px;
    left: 60px;
    margin: 0 auto;
}

#Trending .owl-prev:hover,
#Trending .owl-next:hover {
    background-color: #930af1 !important;
    color: #ffffff;
}

.subscribe-popup .modal-content {
    padding: 0;
}

.subscribe-popup .modal-content img {
    border-radius: 5px 5px 0px 0px;
}

.subscribe-popup .subscribe-popup-content {
    padding: 25px 35px;
}

.top_courses .details .tc_content h5 {
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    overflow: hidden;
}

#popular-topic button {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #01ceff;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    width: 27px;
    height: 29px;
}

#popular-topic button:hover {
    background: #930af1;
}


/* This css for list view of course thumbnail */

.courses_list_content .top_courses.list .thumb {
    flex-basis: 287px;
    flex-grow: 0;
    flex-shrink: 0;
}

.top_courses .details {
    width: 100%;
}


/* end css for list view of course thumbnail */

#Trending.owl-carousel .owl-stage {
    margin: 0 auto;
}


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

        all categories

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

.catg-main-intro .main-title p {
    font-size: 15px;
}

.ul-common-theme {
    margin-bottom: 0;
}

.ul-common-theme li {
    width: 100%;
    margin-bottom: 8px;
    padding: 0 0 0 15px;
    position: relative;
    text-align: left;
    font-size: 14px;
}

.ul-common-theme li:last-child {
    margin-bottom: 0;
}

.ul-common-theme li::before {
    position: absolute;
    content: '\f105';
    font-family: fontawesome;
    left: 0;
    color: #000;
}

.ul-common-theme li:hover::before {
    content: '\f101';
    color: #af2df8;
}

.ul-common-theme li a {
    color: #000;
}

.ul-common-theme li:hover a {
    color: #af2df8;
}

.all-categ-list-grid .top_courses {
    cursor: auto;
}

.all-categ-list-grid .top_courses .details .tc_content {
    height: 212px;
}

.all-categ-list-grid .top_courses .details .tc_content h5 {
    margin-bottom: 0;
}

.all-categ-list-grid .top_courses .details .tc_content p {
    font-size: 13px;
}

.all-categ-list-grid .top_courses .details .tc_footer {
    border-bottom: 0px solid #eeeeee;
}

.all-categ-list-grid .top_courses .details .tc_footer i {
    color: #01ceff;
}

.all-categ-list-grid .top_courses .thumb .overlay a.tc_preview_course {
    top: 40%;
}

.all-categ-list-grid .all-categ-list-grid-preview {
    padding: 6px 25px;
    background: #2441e7;
    color: #fff;
    text-transform: capitalize;
    border-radius: 27px;
    border: 2px solid #fff;
    width: 140px;
    height: 40px;
}

.all-categ-list-grid .all-categ-list-grid-preview:hover {
    border: 2px solid #2441e7;
    background: #fff;
    color: #2441e7 !important;
}

.all-categ-list-grid .top_courses .details .tc_content a.see-more {
    color: #01ceff;
    margin-top: 10px;
    display: inline-block;
    font-size: 14px;
}

.catg-enterprises-btn h3 {
    text-transform: uppercase;
    font-size: 26px;
    color: #fff;
    margin-bottom: 20px;
}

.catg-enterprises-btn button {
    background: #fff;
    color: #1c2c8e;
    border: 2px solid #fff;
}

.catg-enterprises-btn button:hover {
    background: none;
    color: #fff;
}

.all-categ-list-grid .catg-title {
    background: #5b0596;
    padding: 10px 18px;
}

.all-categ-list-grid .catg-title h5 {
    font-weight: 600;
    font-size: 16px;
    color: #fff;
}

.all-categ-list-grid .catg-title h5 i {
    font-size: 24px;
    vertical-align: sub;
    margin-right: 10px;
}

.allcategory_allcoures .comnbox {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.allcategory_allcoures .comnbox::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 5px;
}

.allcategory_allcoures .comnbox a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    color: #fff;
}

.allcategory_allcoures .comnbox .thumb img {
    border-radius: 5px;
}

.allcategory_allcoures .comnbox:hover .thumb img {
    transform: scale(1.1);
}

.allcategory_allcoures thumb {
    position: relative;
}

.allcategory_allcoures .overlay {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    z-index: 3;
}

.allcategory_allcoures .overlay h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
}

.allcategory_allcoures .overlay small {
    color: #fff;
    padding: 2px 18px;
    border-radius: 25px;
    font-weight: 400;
    font-size: 13px;
}

.allcategory_allcoures .bg1 {
    background: #01ceff;
}

.allcategory_allcoures .bg2 {
    background: #af2df8;
}

.allcategory_allcoures .bg3 {
    background: #5b0596;
}

.allcategory_allcoures .box1 img {
    height: 220px;
    width: 100%;
    transform: scale(1);
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.allcategory_allcoures .box2 img {
    height: 150px;
    width: 100%;
    transform: scale(1);
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.allcategory_allcoures .box3 img {
    height: 400px;
    width: 100%;
    transform: scale(1);
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.allcategory_allcoures .box4 img {
    height: 114px;
    width: 100%;
    transform: scale(1);
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.allcategory_allcoures .box5 img {
    height: 80px;
    width: 100%;
    transform: scale(1);
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.allcategory_allcoures .box6 img {
    height: 292px;
    width: 100%;
    transform: scale(1);
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.paybutton {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 400;
    cursor: pointer;
    background: #fd622a;
    padding: 5px 15px 7px;
    border-radius: 5px;
    color: #fff;
    border: 2px solid #fd622a;
    border-radius: 4px;
    height: 40px !important;
    margin: 0 5px 30px;
    line-height: 26px;
    padding: 0 15px;
    font-size: 14px;
}

.captcha_custom {
    width: fit-content;
    font-size: 25px;
    word-spacing: 5px;
    letter-spacing: 15px;
    text-align: center;
    color: #433072;
    font-family: cursive;
}


/*27-08 ---- client who trust us*/

.clienteles-list .event-list-img {
    border-radius: 0;
    padding: 30px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.clienteles-list .event-list-detail .details span {
    font-style: italic;
    margin-bottom: 10px;
    display: block;
    color: #999;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}

.clienteles-list h4 {
    margin-top: 10px;
    text-align: center;
    font-size: 15px;
}

.clientele-slider h3 {
    margin-bottom: 30px;
}

.clienteles-list .blog_grid_post.style2.event_lists .details p {
    height: 168px;
    overflow: hidden;
}

#new_clientele .item {
    /*height: 70px;*/
    padding: 10px;
    display: flex;
    align-items: center;
}

#new_clientele .item i {
    box-shadow: 0px 0px 5px rgba(32, 32, 32, 0.20);
    padding: 5px 10px;
}

#new_clientele .owl-controls {
    margin-top: 30px;
}

.client-view-all {
    color: #2441e7;
    border-bottom: 2px solid #2441e7;
    display: block;
    margin: 20px auto 0;
    width: 78px;
    text-align: center;
}

.mb40 {
    margin-bottom: 40px !important;
}

.new-event-list-page .blog_grid_post.style2.event_lists .details h3 img {
    float: right
}


/* =========== course detail exam css ================== */

.course_exam_div .nav-tabs {
    border-bottom: none;
}

.course_exam_div .nav-tabs .nav-item {
    margin-bottom: 0;
}

.course_exam_div .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-transform: uppercase;
    font-size: 18px;
    color: #4a0931;
    background: #fff;
    font-weight: 600;
}

.course_exam_div .nav-tabs .nav-item.show .nav-link,
.course_exam_div .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #4a0931;
    border-color: #dee2e6 #dee2e6 #fff;
}

.course_exam_div #myTabContent {
    background: #fff;
    padding: 20px;
    box-shadow: 0px 5px 5px #ddd;
}

.course_exam_div .coursedetails {
    margin: 0;
}

.course_exam_div .coursedetails li {
    margin: 10px 0;
    position: relative;
    padding-left: 25px;
    font-size: 16px;
}

.course_exam_div .coursedetails li:before {
    content: "\f178";
    font-family: fontawesome;
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 16px;
    color: #fd8f5f;
}

.course_exam_div .Start_Course_tab h3,
.course_exam_div .course_exam_tab h3 {
    font-size: 18px;
    color: #4a0931;
    margin-bottom: 15px;
    border-bottom: 1px solid;
    display: table;
    padding-bottom: 5px;
    font-weight: 600;
}

.course_exam_div .Start_Course_tab p {
    font-size: 16px;
    color: #000;
}

.course_exam_div .icon_div a {
    text-align: center;
    font-size: 20px;
    margin-right: 10px;
    color: #fd8f5f;
    background: #fff;
    display: inline-block;
    font-weight: 600;
}

.course_exam_div .icon_div a img {
    border: 1px solid;
    padding: 7px;
    cursor: pointer;
}

.course_exam_div .totaldiv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}

.course_exam_div .totaldiv>strong {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 16px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 5px #b5b5b5;
    margin-right: 5px;
    text-align: center;
    width: 30%;
    border-radius: 10px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.course_exam_div .totaldiv small {
    font-size: 36px;
    font-weight: 600;
    display: block;
    padding: 23px;
}

.course_exam_div .course_exam_tab aside {
    font-size: 18px;
    margin: 10px 0;
    padding-bottom: 8px;
}

.course_exam_div .course_exam_tab aside strong {
    display: block;
    color: #fd8f5f;
    margin-bottom: 8px;
}

.course_exam_div .radio {
    margin: 0 0 10px 0;
    display: table;
}

.course_exam_div .radio label {
    font-size: 18px;
    padding: 8px 35px 10px 15px;
    box-shadow: 0 0 5px #b5b5b5;
    position: relative;
    min-width: 250px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.course_exam_div .radio label small {
    font-size: 16px;
    text-transform: uppercase;
    margin-right: 10px;
    color: #fd8f5f;
    font-weight: 700;
}

.course_exam_div .radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.course_exam_div .radio input[type="radio"]+.radio-label:before {
    content: '';
    background: #fff;
    border-radius: 100%;
    border: 5px solid #fff;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 15px;
    right: 0;
    margin-right: 10px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    z-index: 1;
}

.course_exam_div .radio input[type="radio"]:checked+.radio-label,
.course_exam_div .radio input[type="radio"]:checked+.radio-label span small {
    color: #fff;
}

.course_exam_div .radio input[type="radio"]:checked+.radio-label:before {
    background-color: #fd8f5f;
    /* box-shadow: inset 0 0 0 4px #f4f4f4; */
}

.course_exam_div .radio input[type="radio"]:checked+.radio-label:after {
    content: '';
    background: #fff;
    border-radius: 0;
    border: none;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    background-color: #fd8f5f;
    z-index: 0;
    border-radius: 5px;
}

.course_exam_div .radio input[type="radio"]:focus+.radio-label:before {
    outline: none;
    border-color: #fff;
}

.course_exam_div .radio input[type="radio"]:disabled+.radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}

.course_exam_div .radio input[type="radio"]+.radio-label:empty:before {
    margin-right: 0;
}

.course_exam_div .radio label span {
    position: relative;
    z-index: 1;
}

.course_exam_div .thankyou {
    text-align: center;
}

.course_exam_div .thankyou p {
    font-size: 16px;
    margin-bottom: 10px;
}

.course_exam_div .thankyou strong {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
}

.course_exam_div .one {
    color: #4a0931;
}

.course_exam_div .two {
    color: #fd8f5f;
}

.course_exam_div .three {
    color: #3c8dbc;
}

.course_exam_div .one:hover {
    background: #4a0931;
    color: #fff;
}

.course_exam_div .two:hover {
    background: #fd8f5f;
    color: #fff;
}

.course_exam_div .three:hover {
    background: #3c8dbc;
    color: #fff;
}


/* This css is for normalizing styles. You can skip this. */

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.course_exam_div .checkboxdiv .form-group {
    display: table;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}

.course_exam_div .checkboxdiv .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.course_exam_div .checkboxdiv .form-group label {
    position: relative;
    cursor: pointer;
    min-width: 250px;
    font-size: 18px;
    padding: 8px 40px 10px 15px;
    box-shadow: 0 0 5px #ddd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-weight: 400;
}

.course_exam_div .checkboxdiv .form-group label span {
    position: relative;
    z-index: 1;
}

.course_exam_div .checkboxdiv .form-group input:checked+label {
    color: #fff;
}

.course_exam_div .checkboxdiv .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: #fd8f5f;
    border: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    width: 100%;
    height: 100%;
    position: absolute;
    vertical-align: sub;
    cursor: pointer;
    margin: 0;
    opacity: 1;
    top: 0;
    left: 0;
    border-radius: 5px;
    opacity: 0;
}

.course_exam_div .checkboxdiv .form-group input:checked+label::before {
    opacity: 1;
}

.course_exam_div .checkboxdiv .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    right: 15px;
    width: 10px;
    height: 18px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.course_exam_div .checkboxdiv .form-group label span small {
    font-size: 16px;
    text-transform: uppercase;
    margin-right: 10px;
    color: #fd8f5f;
    font-weight: 700;
}

.course_exam_div .checkboxdiv .form-group input:checked+label span small {
    color: #fff;
}

.course_exam_div .course_exam_tab textarea {
    padding: 5px 10px;
    border: 1px solid #d4d4d4;
    resize: none;
    font-size: 16px;
    height: 80px;
}

.course_exam_div .course_exam_tab textarea:focus {
    border: 1px solid #fd8f5f;
}

.course_exam_div .btndiv button {
    border: none;
    padding: 10px;
    font-size: 15px;
    min-width: 130px;
    background: #ffbf96;
    color: #4a0931;
    display: inline-block;
    margin-top: 15px;
}

.course_exam_div .btndiv button i {
    vertical-align: middle;
    font-size: 18px;
}

.course_exam_div .btndiv button:hover,
.course_exam_div .btndiv button:hover {
    color: #ffbf96;
    background: #4a0931;
}

.course_exam_div {
    width: 94%;
    background: #fff;
    padding: 12px;
}

.Start_Course_tab {
    position: relative;
}

span#showcomplete {
    position: absolute;
    right: 0;
    top: -25px;
    background: #fd8f5f;
    border-radius: 30px;
    padding: 2px 10px;
    color: #fff;
}

#backtodetail {
    margin-top: 30px;
}

.course_exam_div p {
    font-family: 'Open Sans', sans-serif;
}

.thankyou h4 {
    background: #fd8f5f;
    display: inline-block;
    padding: 8px 20px;
    color: #fff;
    border-radius: 40px;
    margin-bottom: 10px;
}


/* Css Add 17-09-2020 */

.hvr_img_box.imgs {
    display: none;
}

.hvr_img_box_container:hover .overlay .details h5,
.hvr_img_box_container:hover .overlay .details p,
.hvr_img_box_container:hover .overlay .details a {
    color: #0a0a0a;
}

.business_features_list .overlay .details {
    height: 250px;
    padding: 20px;
    text-align: center;
    width: auto;
}

.business-features .overlay .details img {
    width: 60px;
    margin-bottom: 12px;
}

.business-features .overlay .details h5 {
    font-size: 17px;
}

.why_wait_bg {
    padding: 50px 0;
    background: url(images/business/get-start-bg.jpg) no-repeat;
    background-size: cover;
}

.custom_BTN {
    padding: 6px 25px;
    background: #af2df8;
    color: #fff;
    font-size: 20px;
    text-transform: capitalize;
    border-radius: 27px;
    border: 2px solid #af2df8;
    display: inline-block;
    font-weight: 400;
    margin-top: 30px;
}

.custom_BTN:hover,
.custom_BTN:focus {
    color: #af2df8;
    background: #fff;
}

.custom_BTN2 {
    padding: 10px 30px;
    background: none;
    border: 2px solid #fff;
    border-radius: 30px;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    cursor: pointer;
    margin-top: 30px;
    display: inline-block;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.custom_BTN2 i {
    font-size: 28px;
    margin-right: 11px;
    vertical-align: middle;
}

.custom_BTN2:hover,
.custom_BTN2:focus {
    background: #fff;
    color: #1c2c8e;
}

.business-header h3 {
    color: #fff;
}

.business-form h3 {
    font-size: 22px;
    color: #2441e7;
}

.business_features_list .hvr_img_box_container:hover::before {
    background-color: #fff;
}

.mb40 {
    margin-bottom: 40px !important;
}

.new-event-list-page .blog_grid_post.style2.event_lists .details h3 img {
    float: right
}

.sign_up_form .custom-checkbox>label {
    font-weight: bold;
    color: #7000b7;
    font-size: 14px;
}

.sign_up_form .custom-checkbox .custom-control {
    padding-left: 0;
}

.sign_up_form .custom-checkbox .custom-control-label {
    padding-left: 20px;
    font-weight: bold;
    color: #7000b7;
    font-size: 14px;
}

.sign_up_form .custom-checkbox .custom-control-label::before {
    width: 15px;
    height: 15px;
    left: 0;
}

.sign_up_form .custom-checkbox .custom-control-label::after {
    width: 14px;
    height: 13px;
    left: 0px;
    top: 5px;
}

.sign_up_form .custom-checkbox .custom-control-inline {
    margin-right: 0;
    margin-left: 25px;
}

.media p {
    color: #333;
}

.courses_list_content .top_courses.list a {
    display: flex;
    width: 100%;
}


/* sign up form css */

.sign_up_form .form-control,
.login_form .form-control {
    height: 35px !important;
    margin-bottom: 0px !important;
}

.sign_up_form .heading,
.login_form .heading {
    margin-bottom: 20px;
}

.sign_up_tab li.nav-item .nav-link {
    height: 45px !important;
    line-height: 45px;
}

.sign_up_tab li.nav-item .nav-link {
    background-color: #ddd;
}

.sign_up_form button,
.login_form button {
    margin-bottom: 20px !important;
    height: 40px !important;
}

.social-button {
    margin-top: 25px !important;
    text-align: center;
}

.social-button button {
    border-radius: 4px !important;
    /*width: auto !important;*/
    display: inline-block;
    margin-top: .5rem;
}

span.help-block.form-error {
    font-size: 12px;
	color: #b94a48;
}

.sign_up_tab li.nav-item .nav-link,
.signheading {
    font-family: 'Open Sans', sans-serif !important;
}

.login_link {
    padding: 0 15px;
}

.login_link a {
    background: #af2df8;
    text-align: center;
    border: 1px solid #fff;
    margin-right: 10px;
    color: #fff !important;
}

.login_link a i {
    margin-right: 5px;
}

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


/* course detail tabs mobile view*/

.cs_rwo_tabs.csv2 .nav-tabs .nav-item {
    margin-right: 0px !important;
}

.cs_rwo_tabs.csv2 .nav-tabs .nav-link {
    height: auto;
    line-height: inherit;
    width: auto;
    padding: 8px 25px;
}

.cs_rwo_tabs.csv2 .nav-tabs .nav-link.active:before {
    background-color: #ffffff;
    content: "";
    height: 15px;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    right: 0;
    width: 15px;
    left: 0;
    margin: auto;
    bottom: -9px;
    z-index: 0;
}


/* course dedetail mobile view front end */

.mobile_ENROLL_div {
    text-align: center;
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 0 5px #ddd;
    display: none;
}


/* 08-10-2020 start*/

.askquestionbox {
    text-align: center;
    padding: 30px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12);
    border: 2px solid #ddd7d8;
    background-color: #FFF;
    margin-top: 0;
    margin-bottom: 12px;
}

.askquestionbox p {
    font-style: italic;
}

.askquestionbox a {
    background-color: #af2df8;
    border: 2px solid #af2df8;
}

.askquestionbox a:hover {
    background-color: #ffffff;
    border: 2px solid #af2df8;
    color: #af2df8;
}

#askquestionlogin:focus {
    color: #fff;
}

.frontaskquesclose {
    border: 1px solid #000;
}


/* 08-10-2020 ends */


/* 09-11-2020 country code dropdown css start*/

select#c_code option {
    width: 100%;
    font-size: 11px;
}

select#c_code_popup option {
    width: 100%;
    font-size: 10px;
}

select#country_code option {
    width: 100%;
    font-size: 10px;
}

select#country_code_askQue option {
    width: 100%;
    font-size: 10px;
}


/* 09-11-2020 End country code dropdown css start*/


/* 27-11-2020 course detail page for 15% off*/

.Apply_Offer_code {
    text-align: center;
    color: #af2df8;
    font-size: 22px;
    font-weight: bold;
    display: block;
    margin-bottom: 30px;
    /*background: #fd622a;
    padding: 10px 20px;
    -webkit-animation: blink 5000ms infinite;
    animation: blink 5000ms infinite;
    border-radius: 5px;*/
}

span.cupancode {
    font-size: 13px;
    margin-top: 10px;
    color: #af2df8;
    font-weight: bold;
    display: block;
    text-align: center;
    width: 100%;
}

.affilate-landing .form-check {
    background: #fd622a;
    padding: 23px;
    color: #fff;
    border-radius: 10px;
    margin-bottom: 12px;
}

.affilate-landing .affilate-btn {
    color: #0a0a0a;
    font-size: 14px;
    text-transform: capitalize;
    margin-left: 5px;
    display: inline-block;
    position: relative;
    border: 1px solid;
    padding: 4px 20px;
    border-radius: 25px;
}

.affilate-landing .form-error {
    color: #fff;
    margin-left: 5px;
    float: left;
}


/* 26-02-2020 for business ppc start */

ul.check {
    margin-top: 15px;
}

.check li {
    display: inline-block;
    padding-left: 20px;
    margin-right: 10px;
    position: relative;
    font-size: 14px;
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
}

.check li::before {
    content: "\f00c";
    font-family: fontawesome;
    position: absolute;
    top: 0;
    left: 0;
    color: #fd622a;
    font-weight: normal;
    font-size: 12px;
}

.blue_bg {
    background: #396cf2;
    color: #fff;
}

.clientele-slider.blue_bg h3 {
    color: #fff;
}

.clientele-slider h3 {
    margin-bottom: 30px;
}

#new_clientele .item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#new_clientele .item i {
    box-shadow: 0px 0px 5px rgb(32 32 32 / 20%);
    padding: 5px 10px;
    width: 30%;
    margin-bottom: 30px;
    margin-right: 2%;
    background: #fff;
}

.clientele-slider.blue_bg a {
    color: #2441e7;
    background: #fff;
}

.clientele-slider.blue_bg a:hover,
.clientele-slider.blue_bg a:focus {
    color: #fff;
    background: #fd8f5f;
}

.business-form .ui .input>input {
    background: #eee;
    border: none;
    border-radius: 0;
    width: 100%;
    border-bottom: 2px solid #eee;
}

.business-form .ui.input {
    width: 100%;
}

.main-banner-wrapper p {
    margin: 10px 0;
}

.main-banner-wrapper p {
    line-height: inherit;
}

.home1-mainslider .banner-style-one .banner-title {
    text-transform: uppercase;
}


/* 26-02-2020 for business ppc end*/

@-webkit-keyframes blink {
    50% {
        background-color: blue;
    }
}

@keyframes blink {
    50% {
        background-color: blue;
    }
}


/* 27-11-2020 course detail page for 15% off end*/


/* Css Add 07-10-21 Friends Of Africa */

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

.teamlist li {
    width: 31%;
    margin: 0 1%;
    margin-bottom: 30px;
    box-shadow: 0 0 5px #ddd;
}

.name_desc {
    background: #fff;
    text-align: center;
    padding: 15px;
}

.name_desc strong {
    display: block;
    text-transform: capitalize;
    font-size: 20px;
    margin-bottom: 5px;
}

.name_desc p {
    font-size: 15px;
    margin-bottom: 0px;
}
/* accessbility */
.main-title p {
    margin-bottom: 0;
}
.accessi_bility p {
    font-size: 18px;
    line-height: 32px;
    margin-top: 30px;
}

.ui-state-active, .ui-widget-content .ui-state-active{
	border-color: #af2df8;
color: #af2df8;
}

/* our media presne start*/
/* Css Add 23-02-22 */

#newsslider .item {
    border: 1px solid #cacaca;
}

#newsslider .owl-item img,
.our_midea_list img {
    display: block;
    width: 100%;
    /*filter: grayscale(1);*/
    filter: brightness(0.5);
    -webkit-filter: brightness(0.8);
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#newsslider .owl-item:hover img,
.our_midea_list img:hover {
    /*filter: grayscale(0);
    -webkit-filter: brightness(1);
    */
    filter: brightness(1);
    -webkit-filter: brightness(1);
}

#newsslider .item p,
.our_midea_list p {
    background: rgb(0, 0, 0, 0.5);
    text-align: center;
    padding: 10px;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    position: absolute;
    bottom: 0;
}

#newsslider .owl-nav {
    text-align: center;
    margin-top: 20px;
    font-size: 20px;
}

#newsslider .owl-nav button {
    margin: 5px;
    color: #af2df8;
    font-weight: bold;
}

.our_midea_list a {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.mbp_pagination ul.page_navigation li.active .page-link {
    background-color: #af2df8;
    color: #ffffff;
}
u.ins_name { font-size: 20px; text-decoration: none; border-bottom: 2px solid #ffffff; display: inline-block; padding: 5px 10px; background-color: rgb(255, 16, 83); color: #fff; border-radius: 3px; margin-bottom: 10px; }
/* our media presne end*/

.icon_div a {
    margin-bottom: 10px;
}

@media only screen and (max-width: 992px) {
    .teamlist li {
        width: 48%;
    }
}

@media only screen and (max-width: 525px) {
    .teamlist li {
        width: 100%;
    }
}

@media only screen and (max-width:525px) {
    .nav-tabs .nav-item {
        /*width: 50%;
        margin-bottom: 10px;*/
        margin-right: 5px;
    }
    .nav-tabs .nav-link {
        font-size: 13px;
        padding: 5px 8px;
    }
}

.captcha_custom small {
    color: #000;
}


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

  Testimonial Css Start Here 16-06-2021

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

.client_Testimonials {
    padding: 60px 0 150px;
}


/* slider styles */

.sd_master_wrapper {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
    border-radius: 10px;
    z-index: 2;
}

.sdtestBg3 {
    height: 100%;
    width: 80%;
    background: #fff;
    position: absolute;
    bottom: -40px;
    left: 10%;
    border-radius: 20px;
    box-shadow: 0px 18px 52.8537px rgb(215 228 249 / 50%);
    z-index: 1;
}

.sdtestBg2 {
    height: 100%;
    width: 90%;
    background: #fff;
    position: absolute;
    bottom: -22px;
    left: 5%;
    border-radius: 20px;
    box-shadow: 0px 18px 52.8537px rgb(215 228 249 / 50%);
    z-index: 2;
}

.sd_scroll {
    height: auto;
    max-height: 180px;
    overflow: auto;
}

.slideshow {
    position: relative !important;
    min-height: 300px;
    height: auto;
    background: #fff;
    box-shadow: 0px 18px 52.8537px rgba(215, 228, 249, 0.5);
    border-radius: 20px;
    /* background-image: url(https://farsighttechnologies.com/wp-content/uploads/2021/03/quote1.png)
    /* url(https://farsighttechnologies.com/wp-content/uploads/2021/03/quote.png);  */
    background-image: url("../images/quote1.png");
    background-position: top 15px left 15px, bottom 40% right 15px;
    background-repeat: no-repeat;
    background-size: 180px, 180px;
    z-index: 3;
}

button.slick-prev.slick-arrow {
    position: absolute;
    z-index: 9999;
    bottom: -110px;
    left: 45%;
    background: transparent;
    color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    height: 18px;
    width: 40px;
    padding: 0;
    /* background-image: url(https://farsighttechnologies.com/wp-content/uploads/2021/03/left-icon.png); */
    background-image: url("left-icon.png");
    background-size: 100% 100%;
}

button.slick-next.slick-arrow {
    position: absolute;
    bottom: -110px;
    right: 45%;
    background: transparent;
    color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    outline: none;
    height: 18px;
    width: 40px;
    /* background-image: url(https://farsighttechnologies.com/wp-content/uploads/2021/03/right-icon.png); */
    background-image: url("right-icon.png");
    background-size: 100% 100%;
}

.pagingInfo {
    position: absolute;
    bottom: 0;
    z-index: 999;
}

.sdCustomSliderHeadig {
    color: #000000;
    font-family: "Poppins", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6em;
    text-align: center;
}

.sdCustomSliderBtn {
    display: inline-block;
    text-decoration: none;
    font-family: montserrat;
    background: #e31c3a;
    color: #fff;
    padding: 12px 25px;
    margin-top: 30px;
    border-radius: 4px;
    outline: none;
    font-size: 14px;
    font-weight: 500;
}

.sdAllContent {
    width: 75%;
    margin: auto;
}

.thumbnail img {
    height: 120px;
    width: 120px;
    border-radius: 50%;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 30px;
    border: 5px solid #dbdbdb;
}

.content {
    display: block !important;
    padding: 5px;
}

.SdClientName {
    text-align: center;
    color: #af2df8;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4em;
    margin-top: 15px;
    text-transform: uppercase;
}

.SdClientDesc {
    text-align: center;
    color: #7854f7;
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    line-height: 1.4em;
    margin-bottom: 10px;
}


/* style for moblile */

@media (max-width: 576px) {
    .sd_scroll {
        height: auto;
        overflow: auto;
        max-height: 240px;
    }
    .thumbnail,
    .btnNtxt {
        width: 100% !important;
        display: block !important;
    }
}


/* scroll bar */


/* total width */

.sd_scroll::-webkit-scrollbar {
    background-color: transparent;
    width: 6px;
}


/* background of the scrollbar except button or resizer */

.sd_scroll::-webkit-scrollbar-track {
    background-color: transparent;
}

.sd_scroll::-webkit-scrollbar-track:hover {
    background-color: transparent;
}


/* scrollbar itself */

.sd_scroll::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
}

.sd_scroll::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
}

.slick-prev:before,
.slick-next:before {
    display: none;
}

.slick-prev,
.slick-next {
    top: auto !important;
}

.slick-prev {
    left: auto;
}

.client_Testimonials h3 {
    margin-bottom: 30px;
}


/*============ End ============ */


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

      CSS ADD 03-06-2021 

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

.ourpartner::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 30px solid #2c3a82;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto;
}

.ourpartner {
    background: url(../../client/referral-partners-banner.jpg) no-repeat;
    background-size: cover;
    background-position: bottom;
    position: relative;
}

.ourpartner:before {
    background-color: rgba(25, 38, 117, 0.9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.plogolist {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.plogolist li {
    width: 33.33%;
    padding: 0 10px;
    margin-bottom: 15px;
}

.plogodiv {
    background: #fff;
    padding: 15px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.plogodiv img.flag {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px;
    background: #f1f1f1;
    /* box-shadow: 0 0 5px #dddddd; */
}

.plogodiv img {
    height: 120px;
    object-fit: contain;
    width: auto;
}

.plogodesc {
    background: #fff;
    color: #000;
    /*display: flex;
  justify-content: space-between;
  align-items: center;*/
    padding: 10px 15px;
    font-size: 14px;
    min-height: 210px;
}

.plogodesc img {
    box-shadow: 0 0 10px #fff;
}

.ourpartner h3 {
    /* color: #0a0a0a; */
    color: #fff;
    font-size: 30px;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 30px;
}

.clienteles-list .event-list-img,
.new-event-list-page .event_lists {
    box-shadow: none;
    background: #f5f5f5;
}

.PName {
    color: #192675;
    text-align: center;
    font-size: 17px;
    text-transform: capitalize;
    padding: 8px;
    background: #f7eafe;
    font-weight: bold;
}

.standing_girl {
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    margin: auto;
    width: 370px;
}

.whybox {
    text-align: center;
    padding: 25px;
    /* background: #f1f1f1;
  box-shadow: 0 0 10px #ddd; */
    margin-top: 30px;
}

.why_choose_us h3 {
    color: #0a0a0a;
    font-size: 30px;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 15px;
}

.whybox h4 {
    color: #fd622a;
    font-size: 22px;
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.whybox h4::after {
    content: "";
    width: 80px;
    height: 3px;
    background: #fd622a;
    display: block;
    margin: 10px auto 0;
}

.whybox span {
    color: #fff;
    background: #3b3c6e;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 26px;
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 15px;
    display: block;
    margin: 0 auto 20px;
    border-radius: 50%;
}

.why_choose_us .how_it_work {
    padding-bottom: 0;
}


/* css 08-06-21  */

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

.process__item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    position: relative;
    padding: 15px 35px;
    transition: 0.4s ease-in-out;
}

.process__item:hover {
    background: #5b0596;
}

.process__item:hover .process__title,
.process__item:hover .process__subtitle {
    color: #fff;
}

.process__item:hover .process__number {
    transform: translateY(5px);
    color: #01ceff;
}

.process__number {
    font-size: 90px;
    line-height: 84px;
    -webkit-text-stroke: 2px #01ceff;
    display: block;
    color: transparent;
    font-family: "Roboto Condensed";
    font-weight: 700;
    transition: 0.4s ease-in-out;
}

.process__title {
    display: block;
    font-family: "Roboto Condensed";
    font-weight: 700;
    letter-spacing: 1.5px;
    font-size: 26px;
    color: #003c71;
    text-transform: uppercase;
    margin-top: 15px;
}

.process__subtitle {
    display: block;
    font-size: 16px;
    color: #8c8c8c;
    margin: 15px 0;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .process {
        display: inline-block;
    }
    .process__item {
        width: 49%;
        display: inline-block;
    }
}

@media (min-width: 1200px) {
    .process {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .process__item {
        width: 49%;
        border: 2px solid #3b3c6e;
        margin-bottom: 25px;
    }
    /* .process__item:not(:last-of-type)::after {
    content: "";
    width: 1px;
    height: 75%;
    background: #8c8c8c;
    position: absolute;
    right: 0;
    top: 50%;
    opacity: 0.2;
    transform: translateY(-50%);
  } */
}

.down_arrow {
    color: #fd622a;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -20px;
    width: 50px;
    text-align: center;
    font-size: 26px;
    border: 2px solid;
    line-height: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
}

#new_clientele_front .owl-nav {
    text-align: center;
    margin-top: 20px;
    font-size: 20px;
}

#new_clientele_front .owl-nav button {
    margin: 5px;
    color: #0a0a0a;
}

#new_clientele_front .item {
    border: 1px solid;
    padding: 8px;
    height: 70px;
    background: #fff;
    display: flex;
    align-items: center;
}

.accessi_bility p {
    font-size: 18px;
    line-height: 32px;
    margin-top: 30px;
}

.main-title p {
    margin-bottom: 0;
}

/* our media presne start*/
/* Css Add 23-02-22 */

#newsslider .item {
    border: 1px solid #cacaca;
}

#newsslider .owl-item img,
.our_midea_list img {
    display: block;
    width: 100%;
    /*filter: grayscale(1);*/
    filter: brightness(0.5);
    -webkit-filter: brightness(0.8);
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#newsslider .owl-item:hover img,
.our_midea_list img:hover {
    /*filter: grayscale(0);
    -webkit-filter: brightness(1);
    */
    filter: brightness(1);
    -webkit-filter: brightness(1);
}

#newsslider .item p,
.our_midea_list p {
    background: rgb(0, 0, 0, 0.5);
    text-align: center;
    padding: 10px;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    position: absolute;
    bottom: 0;
}

#newsslider .owl-nav {
    text-align: center;
    margin-top: 20px;
    font-size: 20px;
}

#newsslider .owl-nav button {
    margin: 5px;
    color: #af2df8;
    font-weight: bold;
}

.our_midea_list a {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.mbp_pagination ul.page_navigation li.active .page-link {
    background-color: #af2df8;
    color: #ffffff;
}
/* our media presne end*/

@media only screen and (max-width:1024px) {
    .nav-tabs .nav-item {
        margin-bottom: 0;
        margin-right: 0;
    }
    .plogodesc p {
        font-size: 14px;
    }
    .blog_grid_post.event_lists {
        margin-bottom: 30px;
    }
    .PName {
        font-size: 15px;
    }
}

@media screen and (max-width:992px) {
    img.standing_girl {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    .cs_rwo_tabs.csv2 .nav-tabs .nav-link {
        height: auto;
        line-height: inherit;
        width: auto;
        padding: 8px 15px;
    }
    .plogolist li {
        width: 100%;
    }
    .coupon-add-btn {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .mobile_ENROLL_div {
        display: block;
    }
    .desk_ENROLL_div {
        display: block;
    }
    .mobile_ENROLL_div a {
        margin: 20px auto;
    }
}

@media only screen and (max-width:525px) {
    .nav-tabs .nav-item {
        /*width: 50%;
      margin-bottom: 10px;*/
        margin-right: 5px;
    }
    .nav-tabs .nav-link {
        font-size: 13px;
        padding: 5px 8px;
    }
}


/* Age restricted modal start*/

#agerestrictedmodal:before {
    content: "";
    background: rgb(0 0 0 / 50%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}


/* Age restricted modal end*/