body, .v-application{ font-family: 'Open Sans', sans-serif  !important;}
a{transition: all ease 0.3s;color: #ff9900;outline: 0;text-decoration: none;}
.container{max-width: 1170px;}
#header-part {position: relative;top: 0;z-index: 1;width: 100%;}
.header-top {background-color: #414141;padding: 3px 0px;}
.header_contact ul {list-style: none; padding: 0px !important; display: inline-block; margin: 0;font-family: 'Open Sans', sans-serif;}
.header_contact ul li { display: inline-block;padding: 0px;}
.header_contact ul li p {color: #fff;font-size: 13px;font-weight: 400;line-height: 28px;margin-right: 32px;margin-bottom: 0px;}
/* .header_contact ul li a:hover{ color: #fff;text-decoration: none;} */
.header_contact ul li p img{ width: 14px;margin-right: 12px; margin-top: -3px;}
.social_media .header_contact ul li { width: 28px; height: 28px; line-height: 28px; text-align: center;}
.social_media .header_contact ul li a { margin: 0px;color: rgb(199 218 255);}
.navbar-brand img {height: 55px;transition: all 0.2s ease-in-out;}
.navigation {background: #ffffff;box-shadow: none;border-bottom: 1px solid rgba(255,255,255,0.1);}
.navbar-dark .navbar-nav .nav-link{color: #000;}
.navbar-nav li .nav-link {
    text-transform: capitalize;font-family: Montserrat, sans-serif;font-size: 16px;font-weight: 700;color: #fff;
    padding: 8px 0 !important;position: relative;margin-left: 35px;
}
.navbar-nav li .nav-link:hover {text-decoration: none;color: #324f84 !important;}
.navbar-nav li a.search_icon {
    display: inline-block; position: relative; width: 24px; height: 24px; margin-top: -2px; vertical-align: middle;  cursor: pointer;
    padding:0px; color:#fff; margin-left: 25px; margin-top: 7px;
}
.cart_value{
    font-family: Montserrat, sans-serif; position: absolute;right: -4px; top: -3px; width: 16px; height: 16px; line-height: 18px;
    font-size: 10px; display: block; border-radius: 50%; text-align: center; background-color: rgb(255, 153, 0); color: rgb(255, 255, 255);
}
.navbar-nav li a img {width:100%;}
.navbar-nav li a.quote_btn{
    font-family: Montserrat, sans-serif;font-size: 14px;font-weight: 700; background: #4582ff;border-radius: 4px; padding: 7px 25px;
    margin-left: 50px; color: #fff; text-decoration: none;overflow: hidden; position: relative;display: inline-block;
}
.navbar-nav li a.quote_btn:hover{background: #42495b;}
.navbar-nav li .nav-link::before{
    background-color: rgb(69, 130, 255);opacity: 0; content: ""; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%);
    width: 0px;height: 2px; transition: all 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
}
.navbar-nav li:hover .nav-link::before { opacity: 1; width: 100%;}




/*------------------ Slider content -----------------*/
.slider_main{padding-bottom: 0px;}
.VueCarousel-navigation-prev{ left: 20px !important;}
.VueCarousel-navigation-next{ right: 20px !important;}
.VueCarousel-navigation-prev, .VueCarousel-navigation-next {
    width: 40px;overflow: hidden; transform: inherit !important; height: 50px; background: #000;padding: 0 !important;line-height: 50px;
}
.VueCarousel-navigation-prev:before{
    content: "\f053";font-family: "Font Awesome 5 Free";font-weight: 900; color: #ffffff;font-size: 22px;background: #000;
    border-radius: 50%; width: 40px;height: 40px; display: inline-block; line-height: 40px;
}
.VueCarousel-navigation-next:before{
    content: "\f054";font-family: "Font Awesome 5 Free";font-weight: 900; color: #ffffff; font-size: 22px; background: #000;
    border-radius: 50%; width: 40px; height: 40px; display: inline-block;line-height: 40px;
}
.VueCarousel-navigation-button:focus{outline:none !important}
.slider_main p{color: #fff;font-size: 24px; margin-bottom: 30px;}
.slider_main .left_content{position: absolute;top: 31%;z-index: 10;}
.slider_main .left_content h2{ color: #fff; font-size: 85px; font-weight: 700; margin-bottom: 20px;font-family: 'Montserrat', sans-serif;}
.slider_main .VueCarousel-wrapper {overflow: visible;}
.blue_btn{
    background-color: rgb(69, 130, 255);font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 14px;padding: 18px 40px;
    border-radius: 5px;color: #fff !important;display: inline-block;text-transform: uppercase;margin-right: 12px;
}
.white_btn{
    background-color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 700;font-size: 14px;padding: 18px 40px; border-radius: 5px;
    color: #42495b !important;display: inline-block;text-transform: uppercase;margin-right: 12px;
}
.blue_btn:hover, .white_btn:hover {background-color: #42495b;color: #fff !important;text-decoration: none;}
.sticky.is-sticky { position: fixed;left: 0; right: 0; top: 0; z-index: 100; width: 100%; background-color: rgb(255 255 255 / 95%) !important;    box-shadow: 0px 1px 4px rgb(0 0 0 / 30%);}





/*------------------about us---------------------*/
.about_us { padding: 0px; position: relative;background: url(../images/about_bg.png); padding-top: 1px;background-position: center top;}
.search_course  {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 53px 70px 60px;
    background: url(../images/form-bg.png);
    background-color: rgb(255, 153, 0);
    margin-top: -130px;
}
.search_course h2{
    color: #ffffff;
    margin-bottom: 30px;
    font-size: 40px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    line-height: 1.25;
}
.search_course .input_search {
    border:2px solid rgba(255, 255, 255, 0.3);
    color: rgb(255, 255, 255);
    font-family: Montserrat, sans-serif;
    background-color: transparent;
    font-size: 16px;
    font-weight: 700;
    height: 80px;
    margin-bottom: 0px;
    border-radius: 6px;
    padding: 15px 20px;
}
.search_course button{
    height: 80px;
    background-color: rgb(21, 25, 72);
    color: rgb(255, 255, 255);
    border-radius: 6px;
    padding: 0px;
    width: 100%;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}
.search_course button i {padding-left: 10px;font-size: 15px;}
.search_course.course_list {padding: 19px 70px 19px;}
::-webkit-input-placeholder { /* Edge */
    color:rgb(255, 255, 255) !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:rgb(255, 255, 255) !important;
}
::placeholder {
    color:rgb(255, 255, 255) !important;
}
.about_content {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 75px;
    padding-bottom: 190px;
}
.about_content h2{margin-bottom: 28px; font-size: 40px; color: #fff;font-family: "Montserrat", sans-serif; font-weight: 700;}
.about_content p{ color: #c1c2d0;font-size: 14px; line-height: 30px;}
.below_about {margin-top: -160px;background: #f5f5f5;}
.three_contentbox{ border-radius: 26px !important;padding: 45px 30px 45px;}
.three_contentbox i{ font-size: 50px;line-height: 50px; color: #ffffff !important; margin: 0 auto;}
.three_contentbox h3{color: #ffffff;font-size: 24px;line-height: 30px;margin-top: 36px; margin-bottom: 15px; font-family: "Montserrat", sans-serif; font-weight: 700;}
.three_contentbox p{ color: #ffffff; margin-bottom: 13px; font-size: 14px; font-weight: 400;}
.three_contentbox a{ font-family: "Montserrat", sans-serif;font-size: 14px;font-weight: 700; line-height: 22px;display: inline-block;color: #fff !important;}
.three_contentbox a span{position: relative;display: inline-block;transition: transform ease 0.3s;}
.three_contentbox a span:before{
    content: '\ec93';
    font-family: "Edukul Icons";
    font-size: 14px;
    font-style: normal;
    position: absolute;
    top: 1px;
    right: 0;
    transition: all ease 0.3s;
    opacity: 0;
}
.three_contentbox a span:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background-color: #fff;
    transition: all ease 0.3s;
}
.three_contentbox a:hover span:before {opacity: 1;right: -20px;}
.three_contentbox a:hover span:after{ width: 0;}
.purple_bg {background: #8876ff ;}
.blue_bg {background: #4582ff;}
.red_bg {background: #fe4155;}
.search_result {position: absolute;width: 95%;padding: 0px !important;list-style: none;text-align: left;background: #fff;border-radius: 5px !important; max-height: 250px; overflow:auto}
.search_result li a{color: #000;font-size: 15px; font-weight: 600;padding: 12px 20px; display: inherit;}
.search_result li a:hover{text-decoration: none;    background: #e8efff;}





/*---------------- upcomingcourse -----------------*/
.upcomingcourse {background: #f5f5f5;padding-top: 30px; padding-bottom: 30px;}
.courserstitle h2{font-size: 48px;color: #42495b; font-family: "Montserrat", sans-serif;font-weight: 700;margin-top: 20px;margin-bottom: 25px;letter-spacing: -1.5px;}
.courseimage { height: 235px;overflow: hidden;position: relative;}
.courseimage:after{ content: "";position: absolute;left: 0; top: 0; width: 100%;height: 100%;background: linear-gradient(to top, #151948 0, transparent 40%);}
.courseimage img {width: 100%; height: 100%;transition: transform ease 0.3s;}
.courseimage:hover img{transform: scale(1.07) rotate(1.5deg);}
.price_rating {position: absolute;left: 30px;bottom: 20px;z-index: 1;}
.price_rating .price {
    color: #fff;font-family: "Montserrat", sans-serif;font-weight: 600;line-height: 24px; display: inline-block;
    padding: 0 10px;margin: 0;border-radius: 3px;background-color: #4582ff;
}
.price_rating .rating_icon {display: inline-block;padding-left: 15px;}
.price_rating .rating_icon ul {display: inline-block;height: 16px;line-height: 16px;list-style: outside none none;margin: 0;padding: 0; color: #ffdd53 !important;}
.price_rating .rating_icon ul li {display: inline-block;float: none;height: 16px;width: 13px;margin: 0 2px;}
.course_content {padding: 27px 30px 25px;background-color: #fff;margin-bottom: 30px;}
.course_content h4 a{font-family: "Montserrat", sans-serif;color: #42495b;font-weight: 700;line-height: 1.25;font-size: 24px;margin: 0 0 6px 0;letter-spacing: -1.5px;}
.course_content h4 a:hover { text-decoration: none;color: #ff9900;}
.course_meta {color: #808080;font-size: 14px;font-weight: 400;}
.course_meta .teacher .name {color: #4582ff;font-weight: 700;}
.course_meta .category {padding-left: 7px;}
.course_meta .category > a {color: #ff9900;font-weight: 700;}
.course_meta .category > a:hover{text-decoration: none;color: #42495b;}
.course_info {border-top: 1px solid #eaeaea;padding-top: 13px;margin-top: 24px;}
.course_info span {margin-right: 20px;display: inline-block;}
.course_info span:last-child { margin-right: 0px;}
.course_info span i {color: #ff9900;font-size: 14px;vertical-align: middle; padding-right: 8px;}
.course_arrow .VueCarousel-navigation-prev{right: 80px !important; left: auto !important;}
.course_arrow .VueCarousel-navigation-next{ right: 15px !important;}
.course_arrow .VueCarousel-navigation-prev, .course_arrow .VueCarousel-navigation-next {
    width: 50px;overflow: hidden;transform: inherit !important;height: 50px;background: transparent !important;padding: 0 !important;
    line-height: 50px;border: 2px solid #ff9900 !important;border-radius: 5px;top: -100px !important;
}
.course_arrow .VueCarousel-navigation-prev:before{
    content: "\f30a";font-family: "Font Awesome 5 Free";font-weight: 900;color: #ff9900;font-size: 22px;background: transparent !important;
    width: 40px;border-radius: 0px;height: 40px;display: inline-block; line-height: 40px;
}
.course_arrow .VueCarousel-navigation-next:before{
    content: "\f30b";font-family: "Font Awesome 5 Free";font-weight: 900;color: #ff9900;font-size: 22px;background:transparent !important;
    width: 40px; border-radius: 0px;height: 40px; display: inline-block;line-height: 40px;
}
.course_arrow .VueCarousel-navigation-button:focus{outline:none !important}

.course_arrow.client_testimonial .VueCarousel-navigation-prev, .course_arrow.client_testimonial .VueCarousel-navigation-next{
    top: 50% !important;
}
.course_arrow.client_testimonial .VueCarousel-navigation-prev{left: -70px !important; right: auto !important;}
.course_arrow.client_testimonial .VueCarousel-navigation-next{ right: -70px !important;}


/*------------------- home section education_progress -----------------*/
.education_progress {
    background: url(../images/sectionbg2.jpg);
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding:120px 0px 15% 0px;
    text-align: center;
}
.education_progress h5{color: #ffffff;font-size: 18px; letter-spacing: 2px; margin-bottom: 25px;}
.education_progress h2{color: #ffffff;font-weight: 700;line-height: 1.25;margin: 0 0 50px;font-family: "Montserrat", sans-serif;font-size: 70px;}
.btn_orange, .white_btn {
    margin: 0 15px 5px 0;
    border-radius: 5px;
    color: #ffffff !important;
    background-color: #ff9900;
    font-family: "Montserrat", sans-serif;
    font-size: 14px; font-weight: 700; padding: 20px 38px;transition: background 0.3s ease 0s, color 0.3s ease 0s !important;
    display: inline-block;
}
.white_btn { background-color: #ffffff !important;color: #42495b !important;}
.btn_orange span, .white_btn span {position: relative; display: inline-block;padding-right: 22px;transition: transform ease 0.3s;}
.btnarrow span:before, .btnarrow span:after , .white_btn span:before, .white_btn span:after {content: '\f30b';font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 15px;line-height: 22px;font-style: normal;position: absolute;top: 0;right: 0;transition: all ease 0.3s;}
.btnarrow span:before , .white_btn span:before { right: 12px; opacity: 0;}
.btn_orange:hover {background-color: #42495b !important;}
.white_btn:hover{color: #42495b !important;}
.btnarrow:hover span:before, .white_btn span:before  {opacity: 1;right: 0;}
.btnarrow:hover span:after, .white_btn span:before  {opacity: 0;right: -12px;}



.background_blue{margin-bottom: 0px !important;margin-top:-175px!important;background-color:#151948;align-items:center;box-shadow: 0 0 70px 0 rgba(0, 0, 0, 0.07);}
.featured_content { padding:30px 60px 30px;}
.featured_content h2{ color: #ffffff;margin-bottom: 28px;font-size: 40px;font-family: "Montserrat", sans-serif;font-weight: 700;line-height: 1.25;}
.featured_content p {color: #c1c2d0;}
.progressbar .courserstitle h2 {margin-bottom: 30px;}
.progressbar {padding-top: 0px;padding-bottom: 100px;}
.courserstitle p { color: #808080;font-size: 14px;font-weight: 400;line-height: 2;}
.icon_img {font-size: 25px; width: 60px;height: 60px;border-radius: 30px;line-height: 52px;background-color: #04d2c8 !important; color: #ffffff !important;text-align: center;float: left;}
.expert_content h3{padding-left: 80px;font-size: 18px;margin-bottom: 7px;font-family: "Montserrat", sans-serif; color: #42495b;    font-weight: 700;line-height: 1.25;}
.expert_content p {padding-left: 80px;font-size: 14px;line-height: 26px;color: #808080;}
.blue_bg.icon_img { background-color: #4582ff !important; color: #ffffff !important;}
.progressbar_wrap{ width: 100%;padding-top: 40px;}
.skill { margin-bottom: 35px; position: relative;overflow: hidden;}
.skill > p {font-size: 16px;font-weight: 700;color: #ffffff;margin: 0;font-family: "Montserrat", sans-serif;}
.skill:before{width: 100%;height: 5px;content: "";display: block;position: absolute;background: #282e73;bottom: 0}
.skill-bar {width: 100%;height: 5px;display: block;position: relative;}

.skill1{background:#ff9900;width: 90%}
.skill-bar span{position: absolute;top:-40px;padding: 3px 0;font-size: 16px;font-weight: 700;color: #ffffff;font-family: "Montserrat", sans-serif;}
.skill-bar {position: relative;margin-top: 15px;}
.skill1 .skill-count1 {right: 0;}

.skill2{background:#ff00cc;width: 70%;}
.skill2 .skill-count2 {right: 0;}

.skill3{background:#26d579;width: 80%;}
.skill3 .skill-count3 {right: 0;}

.skill4{background:#0377d9;width: 60%}
.skill4 .skill-count4 {right: 0;}

.video_bg_image {/* margin-right: -22vw !important; */position: relative;}
.video_icon { position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%); opacity: 1; margin-left: 0px;transition: all ease 0.75s;}
.video_icon a{ position: relative;width: 100px;height: 100px;border-radius: 50px;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);display: inline-block;background-color: #fff;}
.video_icon a .circle { width: 100px;height: 100px;top: 0;left: 0;position: absolute;border-radius: 100%;animation:
    circle-fade-inf 2s infinite ease-in-out; transition: all 0.5s; border: 1px solid rgba(255, 255, 255, 1);}
@keyframes circle-fade-inf {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}
.video_icon a:after{
    text-indent: 0;content: "";position: absolute;left: 50%;top: 50%;margin-left: -6px;margin-top: -12px;border-width: 12px 16px;
    border-style: solid;border-color: transparent;transition: all ease 0.3s;border-left-color: #ff9900;
}


/*----------------- client_testimonial ---------------------*/
.client_testimonial{background: url(../images/section-bg3.png);text-align: left;padding: 120px 0px;background-position: center top !important;
    background-repeat: no-repeat !important;background-size: cover !important;
}
.testimonial .text{background-color: #fff;border-radius: 10px;padding: 30px; margin: 0 0 30px 0; font-size: 15px; line-height: 30px;
    position: relative;color: #808080;font-weight: 400;
}
.testimonial .text:after {content: "";position: absolute;left: 50px; top: 100%;border-width: 19px 17px 19px 17px;
    border-color: #fff transparent transparent transparent;border-style: solid;
}
.testimonial .thumb {width: 60px;height: 60px;border-radius: 30px;float: left; overflow: hidden; margin: 0 20px 0 37px;}
.testimonial .thumb img {width: 100%;}
.testimonial .name {font-size: 18px; margin: 0;padding: 7px 0 0;font-family: "Montserrat", sans-serif;color: #42495b;font-weight: 700;}
.testimonial .position {color: #ff9900;}
.content_review {padding: 120px 0px 0px;}
.inner { margin-bottom: 30px;}
.icon_wrap i{  font-size: 40px; line-height: normal; color: #ff9900;}
.text_wrap h3{ color: #4582ff; margin-top: 10px; font-size: 55px; font-family: "Montserrat", sans-serif; font-weight: 700;line-height: 1.25;}
.inner .title { font-size: 18px;color: #808080;font-weight: 400;font-family: "Open Sans", sans-serif !important;}
.fancy_img { position: relative;}
.fancy_img .fancy_img_bg { transform: translate(20px, -20px);display: inline-block;position: absolute;top: 20px;left: 20px;
    right: 20px;bottom: 20px;z-index: 0;opacity: 1;background-color: #4582ff;
    transition: opacity 1s 0s cubic-bezier(0.23, 1, 0.32, 1), transform 1.5s 0.25s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.5s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
.fancy_img .fancy_img_holder {
    -webkit-transform: translate(-15px, 15px);
    transform: translate(-15px, 15px);
    position: relative;
    opacity: 1;
    transition: opacity 1s 0s cubic-bezier(0.23, 1, 0.32, 1), transform 1.5s 0.25s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.5s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
.fancy_img .fancy_img_holder img { width: 100%;}
.best_contentdiv {background-color: #fe4155;padding: 70px;margin-top: -270px;}
.best_contentdiv h2{color: #ffffff;margin-bottom: 24px;font-size: 50px;font-family: "Montserrat", sans-serif;font-weight: 700;line-height: 1.25; }
.best_contentdiv p {font-style: normal;color: #ffffff;font-size: 15px;}


/*----------------------- clientsbg -------------------*/
.clientsbg {background: url(../images/graduates-bg.png);background-position: center bottom !important; background-repeat: no-repeat !important;
    background-size: cover !important;padding: 50px 0px;}
.client_border {padding: 50px 20px;background-color: #151948!important;border:1px solid #eaeaea;}
.clientimages { text-align: center;}
/* .clientimages img {max-width: 100%; transition: all ease 0.3s;padding: 20px;height: 100px;} */
.clientimages img {max-width: 100%; transition: all ease 0.3s;padding: 10px;max-height: 150px;}
.clientimages:hover img {transform: scale(1.1);}




/*----------------- footer area ----------------*/
.footer{ background-color: #151948; padding: 35px 0 35px;position: relative;}
.footer p{  color: #c1c2d0; font-size: 14px; padding-right: 30px; line-height: 30px;  margin: 0;}
.footer_content { color: #fff;padding: 0px;}
.footer_content img{ height: 60px; margin-bottom: 20px;}
.footer_content h4{font-size: 24px;font-weight: 700;line-height: 1.25;color: #fff;margin-bottom: 20px;font-family: "Montserrat", sans-serif;}
.footer_content .footer_menu {list-style: none;padding-left: 0;font-size: 15px;line-height: 35px;}
.footer_content .footer_menu li {width: 50%;float: left;margin-bottom: 13px;}
.footer_content .footer_menu li a {color: #c1c2d0;line-height: 32px;text-decoration: none;position: relative;transition: all ease 0.3s;display: inline-block;}
.footer_content .footer_menu li a:after, .footer_content .footer_menu li a:before{content: "";position: absolute; left: 0; bottom: -8px; height: 1px; width: 100%;background-color: #2c316e;transition: all ease 0.3s;}
.footer_content .footer_menu li a:after { width: 0;background-color: #fff;}
.footer_content .footer_menu li a:hover{color: #fff;}
.footer_content .footer_menu li a:hover:after{width: 30%;}
.footer_copyright {border-top: 1px solid #3f3f3f;}
.social_footer {margin-top: 35px;}
.social_footer i{background: #292e6d; width: 40px; height: 40px; border-radius: 5px; text-align: center; line-height: 40px; color: #848aca; margin-right: 4px;font-size: 15px;}
.social_footer a:hover i{color: #fff;background: #4582ff;}
.subscribeform {float: left;width: 100%; margin-top: 30px;}
.subscribeform input {
    width: 76%;margin-right: 2%;float: left; height: 60px; background-color: transparent;border: 2px solid #2c316e; color: #fff;
    border-radius: 5px;padding: 15px 20px;font-size: 14px;
}
.subscribeform button {
    float: left; background-color: #ff9900; color: #fff;width: 60px;height: 60px;padding: 0;border-radius: 5px;position: relative;
    font-family: "Montserrat", sans-serif;font-size: 20px;text-transform: uppercase;font-weight: 700;
}
.footer_copyright {padding: 24px 0;color: #c1c2d0;background-color: #151948; border-top: 1px solid #2c316e;}
.footer_copyright p {margin: 0px;}
.navbar-dark .navbar-toggler {background: #ff9900;border: 1px solid #ff9900;}
.scrollup {
    position: fixed !important; right: 35px;bottom: 50px;display: block;line-height: 60px;text-align: center; width: 60px; height: 60px;
    border-radius: 5px;opacity: 1;z-index: 9999;cursor: pointer;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}
.scrollup:before {content: "";position: absolute;left: 0;top: 0;width: 100%; height: 100%; background-color: #4582ff;z-index: -1;transition: all ease 0.3s;border-radius: 5px;}
.scrollup:after {content: "\f30c";font-family:"Font Awesome 5 Free";font-weight: 900;color: #fff;font-size: 18px;position: absolute;
    left: 0;top: 0;width: 100%; transition: all ease 0.3s;
}




/*--------------- start course category ---------------*/
.navbar-dark .navbar-brand .small_text{color: #000; margin-bottom: 0px;margin-top: 5px;font-size: 13px;}
.header_hight {height: 110px;background: #151948; display: none;}
.header_hight.displayblock {height: 140px;background: #151948;display: none}
.breadcume {background: url(../images/breadcume_bg.png);background-size: cover;padding: 20px 0;}
.breadcume_title h1{font-size: 40px;text-align: center;line-height: 1.2;font-family: "Montserrat", sans-serif;color: #42495b;font-weight: 700;letter-spacing: -1.5px;margin: 0px;}
.breadcume_title h1 .breadcrumb_right {padding: 18px 0;letter-spacing:0px;font-family: "Open Sans", sans-serif;color: #808080;font-size: 14px;font-weight: 400;line-height: 2;}
.breadcume_title h1 .breadcrumb_right a{color: #42495b;font-weight: 600;position: relative;display: inline-block;padding-right: 25px;text-decoration: none;}
.breadcume_title h1 .breadcrumb_right a:after{content: "\f054";font-family:"Font Awesome 5 Free";font-weight: 900;position: absolute;right: 8px;top: 4px;font-size: 10px;}

.main_content {padding: 50px 0px 50px;}
.main_content .price_rating{position: relative;left: auto;bottom: auto;margin-bottom: 20px;z-index: 0;}
.main_content .course_content{background: #f7f7f7;}
.main_content .course_content .course_meta p {margin: 16px 0px;}
.main_content .btn_orange{padding: 14px 30px;background: #42495b;margin-top: 15px;}
.main_content .courseimage:after {display: none;}
.main_content p{color: #808080; font-size: 14px;font-weight: 400;line-height: 2;}
.about_counter{
    background-image: url(../images/box-bg.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 20px;
    text-align: center;
    margin: 40px 0px;
}
.about_counter .icon {font-size: 40px;line-height: normal;color: #ff9900;}
.about_counter .numberwrap {color: #ffffff; margin-top: 10px; font-size: 55px;font-family: "Montserrat"; font-weight: 700;}
.about_counter .inner .title {color: #ffffff;font-size: 18px;}






/*--------------------- course detail -------------------*/
.course_detail img {width: 100%;}
.course_detail h4{font-size: 34px;margin: 40px 0 0;font-family: "Montserrat", sans-serif;color: #42495b;font-weight: 700;line-height: 1.25;}
.info_data {padding: 17px 0;margin: 22px 0 0;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;float: left;width: 100%;}
.data_lecturer, .data_course_review {float: left;}
.data_lecturer i {font-size: 34px;line-height: normal;color: #999;float: left;padding-top: 3px;}
.data_lecturer .coursetitle {font-size: 14px !important;font-weight: 600; color: #c0c0c0;float: left;padding-left: 20px;padding-right: 20px;border-right: 1px solid #f0f0f0;}
.data_lecturer .author_title {font-size: 14px;line-height: 14px;font-family: "Montserrat", sans-serif;padding: 0;font-weight: 600;text-transform: uppercase;color: #42495b;}
.main_content .price_rating.data_course_review {margin-bottom: 0px;}
.data_courseprice {float: right;}
.data_courseprice .pricewrapper {font-family: "Montserrat", sans-serif;font-size: 20px;font-weight: 700;color: #4582ff;text-transform: uppercase;margin-right: 15px;letter-spacing: -0.2px;}
.data_courseprice .btn_blue{font-family: "Montserrat", sans-serif;font-size: 14px;font-weight: 700;background-color: #4582ff;display: inline-block;transition: all ease 0.3s;padding: 15px 25px;color: #fff;border-radius: 5px;text-transform: uppercase;}
.data_courseprice .btn_blue:hover { text-decoration: none;background-color: #42495b;}
.description_course .detail_info{width: 100%;float: left;padding-right:15px;}
.description_course .entry_info{width: 35%;float: right;padding-left: 15px;}
.course_detail h3{font-size: 22px; margin-top: 40px;font-family: "Montserrat", sans-serif; color: #42495b;font-weight: 700;line-height: 1.25;margin-bottom: 20px;}
.detail_info p {font-family: "Open Sans", sans-serif;color: #808080;font-size: 14px;font-weight: 400;line-height: 2;}
.entry_info .course_features{list-style: none;padding: 10px 25px 15px;margin: 0;background-color: #f7f7f7;text-transform: uppercase;
    font-family: "Montserrat", sans-serif;font-size: 12px;font-weight: 600;}
.entry_info .course_features li {padding: 14px 0;border-top: 1px solid #e0e0e0; color: #808080;}
.entry_info .course_features li:first-child{border: 0;}
.entry_info .course_features li span + span {margin-left: 10px;color: #606060;font-size: 14px;text-transform: capitalize;}

.author_post {float: left;width: 100%;overflow: hidden;padding: 45px 60px 45px 54px;margin-top: 50px;background-color: #151948;position: relative;}
.authorimg {width: 150px;float: left;margin: 4px 40px 0 0;}
.authorimg img {width: 100%;height: auto; border-radius: 75px;}
.auther_detail {float: left;width: calc(100% - 200px);}
.auther_detail h4{font-weight: 700;line-height: 1.25;font-family: "Montserrat", sans-serif;color: #fff;font-size: 20px;margin: 0 0 6px;}
.auther_detail p {font-family: "Open Sans", sans-serif;color: #B9BEFC;font-size: 14px;font-weight: 400;line-height: 2;}
.author_social {margin-top: 13px;}
.author_social a {display: inline-block; color: #aab0fc !important; margin-right: 13px; font-size: 15px;}

.comments {border-top: 1px solid #e0e0e0;margin-top: 50px;float: left;width:100%}
.comments h3{margin-bottom: 50px;}
.commentlist {list-style: none;margin: 0;float:left; width:100%;padding: 0px !important;}
.commentlist .comment_li {position: relative;padding: 35px 35px 30px;background-color: #f8f8f8;float:left; width:100%;}
.commentlist .comment_li .media {float:left; width:100%;}
.commentlist .avatar-image {width: 130px;float: left;margin: 0 25px 0 0;overflow: hidden;padding: 0 !important;}
.commentlist .avatar-image img {width:100%;}
.comment-text {margin-bottom: 15px;}
.comment-body h4{font-size: 18px;margin: 0;font-family: "Montserrat", sans-serif;color: #42495b;font-weight: 700;line-height: 1.25;display: inline-block;}
.comment-body .comment-date {line-height: 22px; color: #b1b1b1; margin: 0 0 15px;}
.comment-text .description p {font-family: "Open Sans", sans-serif;color: #808080;font-size: 14px;font-weight: 400;line-height: 2;}
.form-control {    height: 60px;}


/*----------------------- sidebar sidebar_category ------------------*/
.sidebar_category h2{
    font-size: 24px;
    color: #fff;
    background-color: #4582ff;
    padding: 19px 32px;
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 1.25;
}
.sidebar_category ul {
    padding: 0 25px;
    margin: 0;
    list-style: none;
    background-color: #f8f8f8;
    float: left;
    width: 100%;
}
.sidebar_category ul li {
    padding: 16px 0;
    font-size: 14px;
    color: #808080;
    float: left;
    width: 100%;
    transition: all ease 0.3s;
    border-top: 1px solid #e6e6e6;
}
.sidebar_category ul li a{
    color: #808080;
    text-decoration: none;
}
.sidebar_category ul li a:hover {color: #4582ff;}
.sidebar_category ul li a span {
    float: right;
    width: 30px;
    height: 22px;
    background-color: #eaeff7;
    line-height: 22px;
    color: #808080;
    font-size: 13px;
    text-align: center;
    border-radius: 12px;
}



/*==================== contact us ======================*/
.contact_form ::-webkit-input-placeholder {color: #5b676e !important;}
.contact_form :-ms-input-placeholder {color: #5b676e !important;}
.contact_form ::placeholder {color: #5b676e !important;}
.contact_form {margin-bottom: 40px;}
.contact_form input, .contact_form textarea { border-radius: 6px;padding: 10px 15px;}
.contact-info {font-size: 16px;padding: 25px 25px;background: #f8f8f8;border-radius: 12px;border: 1px solid #4582ff;margin-bottom: 40px;}
.contact-info i{font-size: 40px;margin-top: 5px;line-height: 1;color: #4582ff;float: left;}
.contact-info .info-text {padding-left: 65px;font-weight: 500;margin-bottom: 30px;}
.contact-info h6 {font-size: 20px; margin-bottom: 10px;font-weight: 700;font-family: Montserrat, sans-serif;}
.contact-info p {color: #000;}



















.logininner_bg {
    padding: 70px 0;
}
.login_img img {
    width: 100%;
}
.login_form{
    padding: 20px;
    border: 2px solid #82ad37;
    border-radius: 6px;
    /* box-shadow: 0px 3px 8px rgba(0,0,0,0.2); */
    /* background: #f2f4fa; */
    text-align: center;
}
.login_form h2{
    font-size: 22px;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 40px !important;
}
.login_form label {
    font-weight: 600;
}




















/*---------------- my account area ----------------*/
.account_detail {padding: 50px 0;}
.left_account_menu ul{padding:0px;}
.left_account_menu ul li a{color: #3b4659;font-size: 15px;padding: 15px 30px;margin-bottom: 2px;font-weight: 600;border-radius: 12px !important;margin: 0 7px;box-shadow: 0px 1px 5px rgba(0,0,0,0.3);}
.left_account_menu ul li a i {font-size: 25px;display: block;text-align: center;margin-bottom: 12px;}
.left_account_menu .nav-pills .nav-link.active, .left_account_menu .nav-pills .show > .nav-link, .left_account_menu .nav-pills .nav-link:hover {
    color: #fff;background-color: #82ad37;border-radius: 12px;
}
.v-application .right_account_menu h4{font-size: 22px;font-weight: 700;margin-bottom: 50px !important;}
.heading_title {font-size: 17px;font-weight: 600;color: #fe897d;}
.color_gey thead {background: #3b4659;color: #fff;}
table tbody tr td a{color: #82ad37 !important;}
.right_account_menu .tab-pane {padding: 30px;background: #fff;border-radius: 12px;box-shadow: 0px 1px 5px rgba(0,0,0,0.3);}
.acoount_edit {
    border-radius: 0px;font-size: 13px;margin-bottom: 30px;padding: 20px;background: #fff;color: #000;border: 1px solid #82ad37;
    box-shadow: 2px 2px 0px rgba(130, 173, 55, 0.41);text-transform: capitalize;
}
.acoount_edit p {margin-bottom: 5px;}
.edit_remove_icon {text-align: right;}
.edit_remove_icon a {text-decoration: none;}
.edit_remove_icon a.edit_icon {font-size: 14px;padding: 0 4px;color: #82ad37;letter-spacing: 0;}
.edit_remove_icon a.delete_icon {font-size: 14px;padding: 0 4px;color: #fd8377;letter-spacing: 0;}
.v-application .right_account_menu .modal-header{background: #3b4659;}
.v-application .right_account_menu .modal-header h4 {margin-bottom: 0 !important;color: #fff;font-weight: 400;font-size: 18px;}
.right_account_menu .modal-header .close {color: #fff;text-shadow: none;}
.v-dialog {box-shadow:none;}
.v-dialog .v-sheet.v-card {border-radius: 6px;}
.headingtitle .close_btn{font-size: 30px;position: absolute;right: 10px;top: 11px;padding: 0 !important;box-shadow: none !important;
    background: transparent !important;color: #82ad37;cursor: pointer;margin: 0;
}
._vue-flash-msg-body{z-index: 9999;}
.detail_content h6, .detail_content h1, .detail_content h2, .detail_content h3, .detail_content h4, .detail_content h5{
    font-weight: 900;
    font-size: 20px;
    margin-bottom: 20px;
}
.s_content .image_area img{
    border-radius: 20px;
    box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
}
.services_detail.bg_white{
    background: transparent;
}
.parcel_forward_img img{
    width: 100%;
    margin-top: 20px;
}
.inner_director_s {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    margin: 40px 0;
}
.detail_content .collapse:not(.show){
    display: block;
}
.detail_content .card{
    background: #fff;
    border: 2px solid #82ad37;
    border-radius: 12px;
    margin-bottom: 20px;
}
.detail_content .card-header{
    border-radius: 12px;
    background: #f4f8ed;
    padding: 16px 20px;
}
.detail_content .card-header h6{
    font-weight: 900;
    font-size: 20px;
    margin-bottom: 20px;
    color: #000;
    margin-bottom: 0;
}
.business_mail {
    background: url(/images/mailforwarding.jpg);
    background-size: 100%;
    padding: 100px 0;
}
.business_mail h2, .business_mail h3{
    color: #000;font-weight: 600;
}
.business_mail h2 img{height: 60px;margin-right: 15px;}
.business_mail .theme--light.v-input, .business_mail .theme--light.v-input input, .business_mail .theme--light.v-input textarea{
    color: #000;    padding-top: 30px;
}
.v-application .business_mail  .primary--text{
    color: #000000 !important;
    caret-color: #000000 !important;
}

.membership_plan {
    box-shadow: 4px 4px 5px rgba(0,0,0,0.3);
    border: 1px solid #82ad37;
    border-radius: 12px;
}
.membership_plan h2{
    width: 100%;
    background: #82ad37;
    color: #000;
    text-align: center;
    font-weight: 700;
    border-radius: 12px 12px 0px 0px;
    box-shadow: none;
}
.membership_plan ul li{
    list-style: none;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    padding: 15px 0;
}
.membership_plan ul li small{
    width: 100%;
    display: inline-block;
    font-size: 16px;
}
.membership_plan.email_scan h2{
    background: #e7f0f2;
    padding: 30px 20px;
    margin: 0;
    border-radius: 12px;
    cursor: pointer;
}
.membership_plan.email_scan.active h2{
    background: #82ad37;
    color: #fff;
}
.membership_plan.email_scan.active h2 .price{ color: #fff;}
.membership_plan.email_scan h2 .price{
    display: block;
    font-size: 35px;
    margin-top: 21px;
}
.vrtual_assistant {
    background: url(../images/virtualassistant.jpg);
    background-attachment: fixed;
    background-size: cover;
}
.vrtual_assistant .s_content{
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    margin: 60px 0;
}
.virtual_image { width: 50%; margin: 0 25%;}
.business_technology {
    background: url(/images/business_technology.jpeg);
    height: 350px;
    width: 100%;
    background-size: 100%;
    background-position: center;
}

.thankyou_title img{ width: 55%;}
.thankyou_title h2{
    padding: 0;
    font-size: 30px;
    font-weight: 700;
    color: #42495b;
}
.thankyou_title p{
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    line-height: 2;
}
.thankyou_title.form_thankyou{
    background: #f6f7fb;
    padding: 40px !important;
    border-radius: 12px;
}
.thankyou_title .green_btn  {
    margin-top: 40px !important;
}


.alert_msg {
    background: #000000bf;
    width: 100%;
    height: 100%;
    position: fixed;
    display: table;
    vertical-align: middle;
}
.alert_inner{
    text-align: center;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.alert_green {
    width: 320px;
    margin: 0 auto;
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    text-align: center;
}
.alert_green img{ width: 100%;}
.alert_green h3 {font-size: 30px;font-weight: 700;color: #04898d;}
.alert_green p {font-size: 16px;font-weight: 700;}

.alert_green.error_msg h3{ color: #cc3162;}
.price.price_title{
    background: url(../images/price_tag.png);
    width: 255px;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    line-height: 100px;
    background-position: right;
}
._vue-flash-msg-body{
    width: 30% !important;
    padding: 15px 20px !important;
}
._vue-flash-msg-body._vue-flash-msg-body_error {
    border: 1px solid #a21313 !important;
    background-color: rgb(211, 46, 46) !important;
}
._vue-flash-msg-body._vue-flash-msg-body_error ._vue-flash-msg-body__content {
    border-left: 7px solid #a21313 !important;
}

._vue-flash-msg-body._vue-flash-msg-body_success {
    border: 1px solid #2d7914!important;
    background-color: rgb(67, 166, 34)!important;
}

._vue-flash-msg-body._vue-flash-msg-body_success ._vue-flash-msg-body__content {
    border-left: 7px solid #2d7914!important;
}


@media (max-width: 1200px) and (min-width: 1024px){
    ._vue-flash-msg-body {
        width: 50% !important;
    }
    ._vue-flash-msg-body ._vue-flash-msg-body__content {
        padding: 0 15px !important;
    }
}

@media (max-width: 1023px) and (min-width: 320px){
    ._vue-flash-msg-body {
        width: 90% !important;
    }
    ._vue-flash-msg-body ._vue-flash-msg-body__content {
        padding: 0 15px !important;
    }
}


.v-timeline-item__body .v-sheet.v-card{
    border: 1px solid #82ad37;
    padding: 0;
}
.v-timeline-item__body .v-sheet.v-card .v-card__title {
    background: #82ad3757;
    margin-bottom: 0px;
    font-size: 20px !important;
    line-height: 20px !important;
}
.v-timeline-item__body .v-sheet.v-card .v-card__text{
    font-size: 15px;
    color: #000;
    padding: 25px 20px;
}


.faq .card {
    border: none;
    background: none;
    border: 1px dashed #4582ff;
    border-radius: 12px;
    margin-bottom: 20px;
}

.faq .card .card-header {
    padding: 0px;
    border: none;
    background: none;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    border-radius: 50px;
}

.faq .card .card-header:hover .faq-title {
    color: #fff;
    background: #ff9900;
    border-radius: 12px;
}
.faq .card .card-header .faq-title {
    width: 100%;
    text-align: left;
    padding: 0px;
    padding: 20px;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0px;
    text-decoration: none !important;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    cursor: pointer;
    margin-bottom: 0;
}
.faq .card .card-body {
    padding: 25px;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    line-height: 28px;
    letter-spacing: 0;
}
.faq .card .card-body p {
    margin-bottom: 14px;
}
.faq .card .card-header .faq-title[aria-expanded="true"]{
    color: #fff;
    background: rgb(69 130 255);
    border-radius: 12px 12px 0px 0px;
}










/*==========================================*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
.student_registration {
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    position: relative;
    box-sizing: border-box;
    padding:20px 30px;
    font-family: 'Open Sans', sans-serif;
}
.student_registration .headingtitle {color: #000;font-size: 1em;margin: 20px 0;}
.student_registration .required {color: red;}
.student_registration a {text-decoration:none; color: #0099cc;}
.student_registration label {font-weight: 600;color: #000;}
.student_registration ::-webkit-input-placeholder { /* Edge */
    color:#555555 !important;
}
.student_registration :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#555555 !important;
}
.student_registration ::placeholder {
    color:#555555 !important;
}

.pagination {padding: 0px;float: right;}
.pagination li a{
    color: #000000;
    background-color: #fff;
    border-color: #42495b;
    font-weight: 500;
    padding: 7px 12px;
    border: 1px solid #ced4da;
    border-left: 0px;
}
.pagination li:first-child a{border-left: 1px solid #ced4da;}
.pagination li:focus, .pagination li a:focus{ outline: none;}
.pagination li.active a, .pagination li:hover a{background: #42495b; color: #fff;border-color: #42495b;}
.page-item.active .page-link{ background-color: #42495b;border-color: #42495b;}

#dropdownMenuButton {
    background: #42495b;
    border-radius: 10px;
    padding: 12px 40px;
    margin-top: 20px;
    font-size: 15px;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    position: relative;
}
#dropdownMenuButton:focus{
    outline: 0px dotted !important;
}
.course-dropdown .dropdown-item {
    padding: 10px 15px;
    color: #000 !important;
}
.course-dropdown .dropdown-item.active, .dropdown-item:active {
    background-color: #42495b;
    color: #fff !important;
}



.apprenticeships_slider {
    background-color: #4582ff !important;
    padding: 100px 0px;
    margin-top: 60px;
}
.apprenticeships_slider .VueCarousel-navigation-prev{left: -60px !important;}
.apprenticeships_slider .VueCarousel-navigation-next{ right: -60px !important;}
.apprenticeships_slider .VueCarousel-navigation-prev, .apprenticeships_slider .VueCarousel-navigation-next {
    width: 50px;overflow: hidden;transform: inherit !important;height: 50px;background: transparent !important;padding: 0 !important;
    line-height: 50px;border: 2px solid #f6f9ff !important;border-radius: 5px;top: 50%!important;
}
.apprenticeships_slider .VueCarousel-navigation-prev:before{
    content: "\f30a";font-family: "Font Awesome 5 Free";font-weight: 900;color: #f6f9ff;font-size: 22px;background: transparent !important;
    width: 40px;border-radius: 0px;height: 40px;display: inline-block; line-height: 40px;
}
.apprenticeships_slider .VueCarousel-navigation-next:before{
    content: "\f30b";font-family: "Font Awesome 5 Free";font-weight: 900;color: #f6f9ff;font-size: 22px;background:transparent !important;
    width: 40px; border-radius: 0px;height: 40px; display: inline-block;line-height: 40px;
}
.apprenticeships_slider .VueCarousel-navigation-button:focus{outline:none !important}

.apprenticeships_slider .courseimage{border-radius: 12px 12px 0px 0px;}
.main_content .apprenticeships_slider .course_content {
    background: #ffffff;
    padding: 15px 15px 30px 15px;
    border-radius: 0px 0px 12px 12px ;
}