/* custome css start */
html { -webkit-font-smoothing: antialiased; }
* { outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, p, iframe { margin: 0; padding: 0; border: none; }
a, input, select, textarea { outline: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
a { text-decoration: none; color: #333333; }
a:focus, :focus, input:focus { outline: none; }
img { max-width: 100%; vertical-align: middle; border: none; outline: none; max-height: 100%; border-radius: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; padding: 0; }
/*input, textarea, select, button { resize: none; border: 0; -webkit-border-radius: 0; -webkit-appearance: none; border-radius: 0; }*/
select, input[type="submit"],button{ cursor: pointer }
p { font-size: 14px; line-height: 20px; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
.clear { clear: both; }
label.error { position: absolute; right: 0px; top: -20px; width: auto; height: auto; margin: 0; line-height: normal; font: 11px/11px arial; background: #fb0101; padding: 5px 5px 4px; color: #ffffff; display: none; }
label.error:after { border-color: #fb0101 transparent transparent; border-image: none; border-right: 6px solid transparent; border-style: solid; border-width: 6px; content: " "; height: 0; left: 20px; margin-left: -10px; position: absolute; top: 100%; width: 0; }
.trans { transition: 300ms all; -webkit-transition: 300ms all; -moz-transition: 300ms all; -ms-transition: 300ms all; }
select option { padding: 0 10px; }
.star { position: relative; }
.star:after { position: absolute; left: 8px; top: 9px; content: "*"; color: #ff0000; font: 300 14px/16px 'Titillium Web', sans-serif; }
.absoImg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.imgbpx{display: inline-block; width: auto; vertical-align: top; position: relative; overflow: hidden; text-align: center;}
body {font-family: 'Open Sans', sans-serif;font-size: 14px; color: #000; line-height: 16px; background: #ffffff; }
::-webkit-input-placeholder {color:#939598;}
:-moz-placeholder {color:#939598;opacity:1;}
::-moz-placeholder {color:#939598;opacity:1;}
:-ms-input-placeholder {color:#939598;}

ul.default-ul li{display: block;}

/* custome css start */

/* common css start */

ul,li{list-style: none; padding: 0; margin: 0;display: inline-block;}
.overlay{position: fixed; display: none;  top: 0; bottom: 0; left: 0; right: 0; background:rgba(24,24,24,0.6);}
.overlay-open .overlay{display: block;} 
.trans_btn{display: inline-block; font-size:24px; line-height: 24px;padding: 15px 30px; color: #fff !important; text-decoration: none !important;border-radius: 5px;
background: #50bfef;
background: -moz-linear-gradient(left, #50bfef 1%, #a0cb94 50%, #f2d736 100%); 
background: -webkit-linear-gradient(left, #50bfef 1%,#a0cb94 50%,#f2d736 100%); 
background: linear-gradient(to right, #50bfef 1%,#a0cb94 50%,#f2d736 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50bfef', endColorstr='#f2d736',GradientType=1 );}
.green_btn{display: inline-block; width:auto; font-size: 16px; line-height: 16px; padding: 10px 20px; color: #fff !important; background: #1db4b3; text-decoration:none !important; }
.sec_title{display: inline-block; width: 100%; vertical-align: top; font-size: 30px; line-height: 42px; }

/* common css End */
h2{font-size: 36px; font-weight: bold; margin-bottom: 20px;}
#success p{line-height: 30px; font-size: 16px;line-height: 1.5em;}

/* ========= Start Header Section Here ============*/

#header_main{padding: 20px 0; display: inline-block; width: 100%; visibility: top;background:#ffffff; left: 0; position: fixed;   top: 0; z-index: 99999; box-shadow: 0 10px 20px 0 rgba(0,0,0,.2); }
#header_main .inner_header{display:block; width: 100%; visibility: top;}
#header_main .inner_header .left_head{float: left; width: auto;}
#header_main .inner_header .logo{float: left; width: auto;padding:0; }
#header_main .inner_header .logo a{display: inline-block; width: auto; display: block;padding: 20px 0 0; vertical-align: top;}
#header_main .inner_header .logo a img{max-width: 191px; height: auto;}

#header_main .nav-custom{float: left; width: auto; margin-top: 10px; margin-right: 10px; margin-left: 10px; }
#header_main .nav-custom > ul > li{float: left; width: auto; position: relative;}
#header_main .nav-custom > ul > li.getstarted{display: none;}
#header_main .nav-custom > ul > li.login{display: none;}
#header_main .nav-custom > ul > li.super_menu > a{color: #333333; display:inline-block; letter-spacing: 0;text-decoration: none;font-size:18px; font-weight: 400; line-height: 16px; text-align: left; padding: 10px 12px; }
#header_main .nav-custom > ul > li.super_menu > a i {color:#b2b2b2;padding-right: 10px;}
#header_main .nav-custom > ul > li.super_menu > a > .icons{display: inline-block; vertical-align: top; height: 6px; position: relative;transform: rotate(45deg); border: solid #fff; border-width: 0 2px 2px 0; padding: 4px; float: right;  top: 0;     margin-left: 10px;  vertical-align: top;  } 
#header_main .nav-custom > ul > li > a{display: inline-block; width: auto; vertical-align: top;}
#header_main .nav-custom > ul > li.super_menu > .mega_menu{display:inline-block;width:100%; max-width: 1600px; max-height: 85vh; overflow-y: auto;   background: #f1f1f1;left: 0; right: 0; margin: auto; top: 96px; vertical-align: top;  position: fixed; display: none; }
#header_main .nav-custom > ul > li.super_menu > .mega_menu > ul{width: 30%; float: left; padding: 16px; padding-right: 0;
} 

#header_main .nav-custom .mega_menu > ul > li{float: left; width: 100%;margin-bottom: 8px;}
#header_main .nav-custom .mega_menu > ul > li > .mega_menu_cnt{width: 70%; background: #fff; position: absolute; right: 0; top: 0; bottom: 0; margin-top: -16px; z-index: 99; display: none;}
#header_main .nav-custom .mega_menu > ul > li > .mega_menu_cnt.current{display: inline-block; vertical-align: top;}


#header_main .nav-custom .mega_menu > ul > li > a{color: #000; font-size: 14px; font-weight: 500;text-decoration: none;  display: block;  position: relative; padding:12px 15px; }
#header_main .nav-custom .mega_menu > ul > li > a:before{position: absolute; content: ""; right: 15px; top: 0; width: 8px; height: 8px; border-bottom: 2px solid #61c1db; border-right: 2px solid #61c1db; bottom:0; margin: auto; display: inline-block; vertical-align: top;     transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);}
#header_main .nav-custom .mega_menu > ul > li > a:after{position: absolute; left: 0; top: 0; bottom: 0; width:4px; background: #52bfed; content: ""; transition: 500ms all; -webkit-transition: 500ms all; -ms-transition: 500ms all; -moz-transition: 500ms all; -o-transition: 500ms all; opacity: 0; visibility: hidden;}

.mega_menu_cnt .col_6{float: left; width: 50%; padding: 15px; padding-bottom: 0; }
.mega_menu_cnt .col_6 h3{display: inline-block; width: 100%; vertical-align: top;  color: #000;padding: 12px;font-size: 14px;font-weight: bold; text-transform: uppercase;  }
.mega_menu_cnt .col_6 li{float: left; width: 100%;}
.mega_menu_cnt .col_6:first-child li a{color: #000;padding: 12px;font-size: 14px;font-weight: 300; text-decoration: none; display: block;}
.mega_menu_cnt .col_6:first-child li a:hover, .mega_menu_cnt .col_6:first-child li a:focus{border: 1px solid #c1c1c1; border-radius: 10px;}
.mega_menu_cnt .col_6 .header_tabs_column.paths ul{width: 100%;}
.mega_menu_cnt .col_6 li .item{display: inline-block; width: 100%; vertical-align: top; padding: 0 12px;}
.mega_menu_cnt .col_6 li .item .item_each{background: #f1f1f1;position: relative; padding: 12px 10px 6px 70px; display: inline-block; width: 100%; vertical-align: top;}
.mega_menu_cnt .col_6 li .item a{display: inline-block; width: 100%; vertical-align: top; } 
.mega_menu_cnt .col_6 li .item a .item_image{width: 60px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.mega_menu_cnt .col_6 li .item a .item_text{color: #000; font-weight: 500; font-size: 12px; line-height: 2;}
.mega_menu_cnt .col_6 li .item a .item_text li{float: left; width: 50%; padding: 0 10px;color: rgb(119, 119, 119); }
.mega_menu_cnt .col_6 li .item a .item_text li span{color: #000; width: 100%; display: inline-block;}
.mega_menu_cnt .col_6 li .item a .item_text ul{margin: 0 -10px;}
.mega_menu_cnt .col_6:last-child li{margin-bottom: 5px;}
.mega_menu_cnt .col_6:last-child li:last-child a{background: #f1f1f1; text-decoration: none; color: #000; }
.mega_menu_cnt .col_6:last-child li.view-all a,
.mega_menu_cnt .col_6:first-child li.view-all a{background: #fff; color: #0084a7;font-size: 15px;padding-top: 15px;font-weight: bold;}

#header_main .right_head{float: left; width: 30%;}
#header_main .right_head .searchbox{float: left; width: 100%; padding-right: 5px; margin:0;}
#header_main .right_head .searchbox i {color:#949494; font-size: 20px;}
#header_main .right_head .searchbox .inner_searchbox{width: 100%;  vertical-align: top; display: inline-block; position: relative;}
#header_main .right_head .searchbox .inner_searchbox input{width: 100%;border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 5px; -o-border-radius: 3px; -moz-border-radius: 3px;  border: 1px solid #cccccc; height: 56px; font-size: 16px; color: #666666; padding: 0 15px; padding-right: 53px; }
#header_main .right_head .searchbox .inner_searchbox button{width: 50px; height: 56px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; position: absolute; right: 0;top: 0; font-size: 16px; color: #fff; background: transparent;outline: none; }

#header_main .right_head  .touch_links{float: left; width: auto; margin-top: 24px;}
#header_main .right_head  .touch_links li{float: left; width: auto; padding: 0 5px; }
#header_main .right_head  .touch_links ul{margin: 0 -5px;}
#header_main .right_head  .touch_links li a{color: #fff; font-size: 14px; font-weight: 400; padding: 10px 15px; display: inline-block; width: auto; text-align: left; text-decoration: none;background-color: #1a1a1a; border-radius: 5px;
border: 1px solid #555; -webkit-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; }
#header_main .right_head .touch_links li.getstart a{background: #1db4b3; border-color: #1db4b3; }

#header_main .inner_header .left_head .mobile_icon{display: none;}
.right-nav{ float: right; }
button.form-logout{display: none;}

/*User drop-down after login*/
#header_main .nav-custom .nav-item{font-size: 1rem;display: inline-block;padding: 10px 0 0;margin-right: 0;}
#header_main .nav-custom .nav-item a:hover, #header_main .nav-custom .nav-item a:focus{text-decoration: none;color: #333333;}
#header_main .nav-custom .user-image-frame {border: 1px solid #e7e7e7;margin: -10px 5px;border-radius: 5px;width: 40px;}
#header_main .nav-custom .nav-item.nav-item-dropdown {padding: 0;margin: 0;}
#header_main .nav-custom .toggle-user-dropdown {padding: 10px;text-decoration: none;cursor: pointer;}
#header_main .nav-custom .dropdown-user-menu {border: 1px solid #313131;position: absolute;background-color: #fff;color: #313131;right: 30px;top: 70px;z-index: 10;}
#header_main .nav-custom .dropdown-user-menu.hidden{display: none;}
#header_main .nav-custom .dropdown-user-menu .dropdown-item {cursor: pointer;overflow: hidden;padding: 0;}
#header_main .nav-custom .dropdown-user-menu .dropdown-item:not(:last-child) {border-bottom: 1px solid #e7e7e7;}
#header_main .nav-custom .dropdown-user-menu .dropdown-item a {font-weight: 400;padding: 10px 15px;display: inline-block;width: 100%;color: #313131;text-decoration: none;}
/* ========= Start Header Section Here ============*/


/* ========= Start Footer Section Here ============*/

#footer{display: inline-block; width: 100%; vertical-align: top; overflow: hidden; background:#000000;}
.main-footer { float: left; width: 100%; background-size: cover; padding:30px 0px 30px 0px; position: relative; }
.footer-logo {width: 100%; text-align: center;padding-bottom: 30px;}
.footer-logo img{max-width: 300px;}
#footer a:hover{color:#52bfed;}
.footer-link {width: 100%; text-align: center;padding-bottom: 30px;}
.footer-link li { border-right:1px solid #cccccc;padding: 0px 20px;}
.footer-link li:last-child {border-right: none;}
.footer-link a {color:#cccccc;font-size: 16px; line-height:16px;display: inline-block; text-decoration: none;}
.social-media {width: 100%; text-align: center;}
.social-media i {font-size: 17px;}
.social-media a {color:#ffffff; text-align: center; width: 38px;height: 38px; background:#525252;display: inline-block;border-radius: 50%;padding-top: 10.5px;margin: 0px 10px;}
.social-media a:hover {color:#000000 !important; background:#ffffff;}
.copyright {text-align: center; width: 100%;padding-top: 35px; text-decoration: none;display: inline-block;color:#999999;font-size:13px; line-height: 24px;}


/* ========= Start Footer Section Here ============*/


/* ========= Start Google Section Here ============*/

#google_sec{display: inline-block;position: relative; width: 100%; margin-top: 89px; background-size: cover !important; background-position: 50% 50% !important; background-repeat: no-repeat !important;  vertical-align: top;}
#google_sec .inner_googlesec{ position: absolute; top: 0; bottom: 0; display: inline-block; text-align: center;}
#google_sec .inner_googlesec .sec_logo{display: inline-block; width: 100%; vertical-align: top; text-align: center; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);}
#google_sec .inner_googlesec .sec_logo img{width:auto; margin: 0 auto;}
#google_sec .inner_googlesec p{color:#ffffff; display: inline-block; width: 100%; vertical-align: top; font-size: 30px; line-height:50px; font-weight:600; max-width:680px; margin-bottom: 15px;  } 
#google_sec .inner_googlesec h4{display: inline-block; width: 100%; vertical-align: top; color: #fff; font-size: 30px; line-height: 45px;  margin-bottom: 30px;}
#google_sec .inner_googlesec .getstart_btn{display: inline-block; width: 100%; vertical-align: top; text-align: center;}
#google_sec .banner-item {position: relative;}
#google_sec .banner-slider .slick-arrow{position: absolute; top: 50%; margin-top: -25px; width: 40px; height: 40px; background: #ffffff4d; color: #FFF; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; z-index: 50; outline: none;}
#google_sec .banner-slider .slick-prev {left: 5px;}
#google_sec .banner-slider .slick-next {right: 5px;}
#google_sec .banner-slider .slick-dots{position: absolute; bottom: 15px; width: 100%; text-align: center;}
#google_sec .banner-slider .slick-dots li{height: 10px; width: 10px; background: rgb(255,255,255, 0.5); margin: 0 5px; border-radius: 50%;}
#google_sec .banner-slider .slick-dots li.slick-active{background-color: #ffffff;}
#google_sec .banner-slider .slick-dots li > span{display: none;}
#google_sec .banner-slider .banner-item::before{content: ""; position: absolute; background-color: rgba(000, 000, 000, 0.5); left: 0; top: 0; bottom: 0; width: 100%;}
/* #google_sec:before{ content: ""; position: absolute; background-color: rgba(000, 000, 000, 0.5); left: 0; top: 0; bottom: 0; width: 100%; z-index: 5;} */
/* ========= End Google Section Here ============*/

/* ========= Start Days Trails Section Here ============*/

#day_trial{display: inline-block; width: 100%; vertical-align: top; color:#fff; background-size: cover !important; background-position: 50% 50% !important; background-repeat: no-repeat !important; min-height: 510px; padding: 100px 0;text-align: center;position: relative;    z-index: 0;}
#day_trial:before{position: absolute;content: ""; width: 100%; height:100%;left: 0;top: 0;
background: rgb(80,191,239,0.7);    z-index: -1;
background: -moz-linear-gradient(left, rgb(80,191,239,0.8) 1%, rgb(161,203,146,0.7) 51%, rgb(242,215,54,0.7) 100%);
background: -webkit-linear-gradient(left, rgb(80,191,239,0.8) 1%,rgb(161,203,146,0.7) 51%,rgb(242,215,54,.7) 100%);
    background: linear-gradient(to right, rgb(80,191,239,0.8) 1%,rgb(161,203,146,0.7) 51%,rgb(242,215,54,0.7) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50bfef', endColorstr='#f2d736',GradientType=1 );}
#day_trial h1{display: inline-block; width: 100%; vertical-align: top; text-align:center; font-size:72px; line-height:72px; margin-bottom: 45px; font-weight: 700;}
#day_trial p{display: inline-block; margin-bottom: 30px; width: 100%; vertical-align: top; max-width:1170px;font-size: 30px; line-height: 48px; font-weight: 600;}
#day_trial .trial_btn{display: inline-block; width: 100%; vertical-align: top; text-align:left;}

/* ========= End Days Trails Section Here ============*/


/* ========= Start Skill Section Here ============*/

#skill{display: inline-block; width:100%; vertical-align: top;padding: 94px 0px 108px 0px; overflow: hidden;background: #f4f3f3; }
#skill .inner_skill{display: inline-block; width: 100%; vertical-align: top;}
#skill .inner_skill .left_skillsec{float: left; width: 30%; text-align: left;}
#skill .inner_skill .right_skillsec{float: right; width: 70%; padding-left: 60px;}

#skill .inner_skill .left_skillsec .img_box{display: inline-block; width: 100%; vertical-align:top; margin-bottom: 30px; margin-top:100px; }
#skill .inner_skill .left_skillsec .img_box h2 {font-size:36px; font-weight: bold;color:#000000;}
#skill p {color:#666666;font-size: 18px;line-height: 30px;padding-bottom: 30px;}
#skill a {background: transparent;color:#333333 !important; border: 1px solid #cccccc;width: 184px; font-size: 16px; text-align: center;border-radius: 10px;}
#skill a:hover{background:#87c03d; color:#ffffff !important;border: 1px solid #87c03d;}
#skill .inner_skill .left_skillsec .sec_title{margin-bottom: 40px; font-weight: 300;}

#skill .inner_skill .right_skillsec .img_box{display: inline-block; width: 100%; vertical-align: top;}
#skill .inner_skill .right_skillsec .img_box img{max-width: 100%; max-height: inherit; float: left;}

#skill .inner_skill .left_skillsec .inner_skillbox{display: inline-block; width: 100%; vertical-align: top;}

/* ========= Start Skill Section Here ============*/

.success-starts{width: 100%;overflow: hidden;text-align: center;padding: 60px 0;}
.success-starts .nav-tabs{width: 480px; margin: 0  auto;border: 2px solid #cccccc;-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;overflow: hidden; margin-bottom: 50px;}
.success-starts .nav-tabs li{border: none; margin: 0; width: 33.333%;float: left;}
.success-starts .nav-tabs li a{ border-radius: 0;  padding: 12px 20px; font-weight:600;  font-size: 24px; line-height: 30px; background: #fff; border: none;}
.success-starts .nav-tabs li a.active{background: #52bfed; color: #fff;}
.pane-block{color: #666666; width: 100%; overflow: hidden;}
.pane-block h3{font-size: 20px; font-weight: 600;}
.tab-content .tab-pane.active{opacity: 1;}
.pane-block h3{margin: 15px 0;}
.pane-block p{font-size: 16px;line-height: 1.5;}
.success-starts .btn{margin-top: 40px; border:1px solid #cccccc;padding: 15px; font-size: 30px; font-weight: 600; max-width: 500px; margin: 0 a
; text-align: center; width: 100%;}
.success-starts .btn:hover{background: #52bfed;color: #fff; }
/* ========= Start About Comapny Section Here ============*/

#about_cmpny{display: inline-block; width: 100%; background: #222; padding-top: 80px; vertical-align: top;}
#about_cmpny .inner_abcmpny{display: inline-block; width: 100%; vertical-align:top;  padding-right: 43.8%;
    position: relative; padding-bottom: 80px;}
#about_cmpny .inner_abcmpny .leftbar_abcmpny{width: 100%; padding-right: 40px; float: left;}
#about_cmpny .inner_abcmpny .leftbar_abcmpny .inner_abtblock{display: inline-block; width: 100%; vertical-align:top;}
#about_cmpny .leftbar_abcmpny h2.sec_title{margin-bottom: 15px; position: relative; padding-bottom: 10px; }
#about_cmpny .leftbar_abcmpny h2.sec_title:after{position: absolute; left: 0; bottom: 0; width: 75px; height: 4px; background: #1db4b3; content: ""; }
#about_cmpny .leftbar_abcmpny p{display: inline-block; width: 100%; vertical-align:top; font-size: 18px; line-height: 28px; color: #fff; margin-bottom: 40px;}
#about_cmpny .leftbar_abcmpny .Readmr_btn{display: inline-block; width: 100%; vertical-align: top; text-align: left;}
#about_cmpny .inner_abcmpny .rightbar_abcmpny{float: left; width: 43.8%;position: absolute; right: 0;  bottom: 0;}
#about_cmpny .inner_abcmpny .rightbar_abcmpny .img_frame{display: inline-block; vertical-align:top; width: 100%; position: relative;}
#about_cmpny .inner_abcmpny .img_frame .frame_box{position: absolute; padding-bottom: 0; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 9.690% 10.4% 0 9.5%; }
#about_cmpny .inner_abcmpny .img_frame .imgbox{display: inline-block; overflow:hidden;  width: 100%; min-height: 100%; position: relative; margin-top: -2px; vertical-align: top;}
#about_cmpny .inner_abcmpny .img_frame .imgbox .absoImg{width: 100%; min-height: 100%; top: -1px}

/* ========= Start About Comapny Section Here ============*/

/* ========= Start Comapny logos Section Here ============*/

#company_logos{display: inline-block; width: 100%; vertical-align: top; background: #ffffff; padding: 60px 0px 40px 0px; padding-bottom: 50px;}
#company_logos .inner_cmpnylogos{display: inline-block; width: 100%; vertical-align: top; padding-bottom: 48px;}
#company_logos h2.sec_title{color: #000; text-align: center; margin-bottom:75px; font-weight:bold;font-size: 36px; }
#company_logos li{float: left; width:16.66%; padding: 0 10px;}
#company_logos ul{margin:0 -10px; }
#company_logos li a{display: inline-block; width: auto; vertical-align: top; }
#company_logos .slick-initialized .slick-slide {text-align: center;}
.logos_slider .slick-arrow{position: absolute;top:50%;margin-top: -23px;width: 46px; height: 46px; background: #dbdada; color: #FFF;-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;}
.logos_slider .slick-arrow i{display: block;line-height: 46px; font-size: 30px;}
.logos_slider .slick-prev{left: -60px;}
.logos_slider .slick-next{right: -60px;}

/* ========= Start Comapny logos Section Here ============*/

/* ========= Start Skill Test Section Here ============*/

#skill_test{display: inline-block; width: 100%; vertical-align: top;  padding: 80px 0;}
#skill_test .inner_skilltest{display: inline-block; width: 100%; vertical-align: top; text-align: center;}
#skill_test h2.sec_title{margin-bottom: 20px;}
#skill_test .skill_testbtn{display: inline-block; width: 100%; vertical-align: top; }

/* ========= Start Skill Test Section Here ============*/

/* ========= Start Success Section Here ============*/

#success{display: inline-block; width: 100%;vertical-align:top; padding: 60px 0 0; }
#success .inner_success{display: inline-block; width: 100%; vertical-align: top;}
#success h2{margin-top: 30px;}

/* ========= Start Success Section Here ============*/
.data-expert{background: #f4f3f3;padding: 60px 0;overflow: hidden; text-align: center; }
.expert-gallery{margin-top: 30px;}
.data-expert p{font-size: 16px;}
.data-expert  span{color:#f3d735;}
.data-expert .expert-block{background: #fff; padding: 0; min-height: 320px;}
.data-expert .slick-slide{padding:0 10px;}
.data-expert .icon-img{width: 100%; text-align:center; padding-bottom: 20px;} 
.data-expert .icon-img img{ display: inline-block;min-height: 180px;max-height: 180px;}
.data-expert a:hover, .data-expert a:focus{text-decoration: none;}
.data-expert h3{ font-weight: bold; font-size: 20px; margin-bottom: 10px; }
.data-expert p{color: #666666;}
.data-expert .slick-arrow{position: absolute;top:50%;margin-top: -23px;width: 46px; height: 46px; background: #dbdada; color: #FFF;-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;}
.data-expert .slick-arrow i{display: block;line-height: 46px; font-size: 30px;}
.data-expert .slick-prev{left: -60px;}
.data-expert .slick-next{right: -60px;}
/* css only for hover effect   */

@media only screen and (min-width: 1170px) {
.container{ max-width:1170px; padding: 0 15px;  }
#about_cmpny .inner_abcmpny{min-height: 365px}
}

@media only screen and (min-width: 1200px) {
#header_main .nav-custom .mega_menu > ul > li:hover > a{background: #fff; color: #61c1db; }
#header_main .nav-custom .mega_menu > ul > li:hover > a:after{opacity: 1; visibility: visible;}
.mega_menu_cnt .col_6:first-child li a:hover{color: #000;}  
.mega_menu_cnt .col_6 li:hover .item .item_each{background: #52bfed; color: #fff;}
.mega_menu_cnt .col_6 li:hover .item a .item_text li{color: #fff;}
.mega_menu_cnt .col_6 li:hover .item .item_each a{color: #fff;}
.mega_menu_cnt .col_6 li:hover .item a .item_text{color: #fff;}
.mega_menu_cnt .col_6 li:hover .item a .item_text li span{color: #fff;}
#header_main .nav-custom > ul > li:hover > a{background: #61c1db; border-color: #61c1db; color: #fff;}
#header_main .right_head  .touch_links li:hover a{background: #61c1db; border-color: #61c1db;color: #fff;}
/*#header_main .right_head .searchbox .inner_searchbox button:hover{background: rgba(29,180,179,0.7);}*/
.send:hover{background: rgba(29,180,179,0.7);}
#day_trial .trial_btn .green_btn:hover{background: rgba(29,180,179,0.7); color: #fff; text-decoration: none;}
.social li a:hover{color: #1db4b3;}
.quick_links li a:hover{color: #1db4b3;}
.trans_btn:hover{ background: #1db4b3; }    
.green_btn:hover{background: rgba(29,180,179,0.7);}

}

/* Custome responsive css start from here */

/* common css for screen size < 1199  */
@media only screen and (max-width: 1199px) {
.container{width: 100%; max-width: 100%;}   
.quick_links { width: 50%; text-align: left; }
.location { text-align: left; width:50%; }
.subscribe { width: 100%; text-align: left; margin-top: 30px; }
.location span { text-align: left; }
.quick_links:after { display: none; }
.location:after { display: none; }
.sbcr_label br { display: none; }
#skill .inner_skill .right_skillsec .img_box img{max-width: 100%; max-height: 100%;}
#skill .inner_skill .right_skillsec{padding-left: 30px;}
#skill .inner_skill .left_skillsec .img_box{margin-top: 0;} 
#about_cmpny .inner_abcmpny{padding: 0;}
#about_cmpny .inner_abcmpny .rightbar_abcmpny{position: static; width: 100%}
#about_cmpny .inner_abcmpny .leftbar_abcmpny{padding: 0; margin-bottom: 30px}
#about_cmpny .inner_abcmpny .leftbar_abcmpny .inner_abtblock{text-align:center;}
#about_cmpny .leftbar_abcmpny .Readmr_btn{text-align: center;}
#about_cmpny .leftbar_abcmpny h2.sec_title:after{right: 0; margin: auto;}

}
#header_main .container-fluid{width: 100%; max-width: 1600px;}
/* common css for screen size > 991  */
@media only screen and (min-width: 991px) {
#header_main .nav-custom .mega_menu > ul > li.current > a{background: #fff; color: #1db4b3; }
#header_main .nav-custom .mega_menu > ul > li.current > a:after{opacity: 1; visibility: visible;}   
#header_main .nav-custom > ul > li.super_menu.current > a > .icons{transform: scaleY(-1) rotate(45deg); -webkit-transform: scaleY(-1) rotate(45deg); -ms-transform: scaleY(-1) rotate(45deg); -o-transform: scaleY(-1) rotate(45deg); -moz-transform: scaleY(-1) rotate(45deg);  top: 5px;} 
#header_main .nav-custom > ul > li > a{color: #333333;font-size: 16px; font-weight: 400; padding:10px 10px; display: inline-block; width: auto;  text-align: left; text-decoration: none;  border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #5550; }
#header_main .nav-custom > ul > li{padding: 0 5px;} 
#header_main .nav-custom > ul > li.super_menu.current > a i,
#header_main .nav-custom > ul > li:hover a i{color:#FFF;}
#header_main .nav-custom > ul > li.login-register a{border: 1px solid #000;}
#header_main .nav-custom > ul{margin: 0 -5px;}
#header_main .nav-custom > ul > li.current > a,#header_main .nav-custom > ul > li.current > a {background: #61c1db; border-color: #61c1db; color: #fff;}    
#header_main .nav-custom > ul > li.current > a:after, #header_main .nav-custom > ul > li.current > a:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(82, 191, 237, 0);
    border-top-color: #52bfed;
    border-width: 15px;
    margin-left: -15px;
}
}

/* common css for screen size < 991  */
@media only screen and (max-width: 991px) {
#header_main .nav-custom > ul > li.super_menu > .mega_menu{position: static; width: 100%; overflow: inherit; max-height: inherit;display: inline-block !important;}
#header_main .nav-custom > ul > li.super_menu > a,#header_main .nav-custom > ul > li > a{color: #000; font-size: 14px; line-height: 16px; font-weight: 500; text-decoration: none; display: block; padding: 12px 15px; position: relative; background: none;border:none; border-radius: 0; text-transform: capitalize;}
#header_main .nav-custom{background: #f1f1f1; width: 100%; display: none; position: absolute; left: 0; width: 100%; top: 46px; z-index: 999; margin: 10px 0;padding: 0; }
#header_main .nav-custom > ul > li.super_menu > .mega_menu > ul{width: 100%; padding: 0; }  
#header_main .nav-custom .mega_menu > ul > li > .mega_menu_cnt{width: 100%; position: static; margin-top: 0; display: none !important;}
.mega_menu_cnt .col_6{width: 100%; padding: 0;}
#header_main .nav-custom .mega_menu_cnt .col_6 li a{color: #000; font-size: 14px; font-weight: 500; text-decoration: none; display: block; padding: 12px; position: relative; padding: 16px;}
.mega_menu_cnt .col_6 li .item{padding: 0;} 
#header_main .nav-custom li a{border-bottom: 1px solid #ced4da  !important;}
#header_main .nav-custom li{margin: 0 !important;}
#header_main .nav-custom > ul > li > ul{background: #fff !important;}
#header_main .nav-custom > ul > li.super_menu > .mega_menu > ul{background: #fff;}
#header_main .nav-custom > ul > li{float: left; width: 100%;}
#header_main .nav-custom > ul > li.getstarted{display: block;}
#header_main .nav-custom > ul > li.login{display: block;}
#header_main .nav-custom > ul > li.super_menu > a > .icons{border-color: #1db4b3;}
#header_main .nav-custom .mega_menu > ul > li > a:before{right: 18px;}
#header_main .nav-custom > ul{float: left; width: 100%; overflow: auto; max-height: 60vh;  }

#header_main .nav-custom .mega_menu > ul > li.current a{background: #52bfed; color:#FFF; }  
#header_main .nav-custom > ul > li.current a{background: #52bfed; color:#FFF; } 
#header_main .nav-custom > ul > li > a:before{position: absolute;content: ""; right: 15px; top: 0; width: 8px;
height: 8px; border-bottom: 2px solid #1db4b3; border-right: 2px solid #1db4b3; bottom: 0; margin: auto; display: inline-block; vertical-align: top; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);}
#header_main .nav-custom > ul > li.super_menu > a:before{display: none;}    

#header_main .inner_header .logo{padding: 0;}
#header_main .right_head .touch_links{display: none;}
.burger { color: #fff; cursor: pointer; display: block; height: 40px; right: 0; top: 0;  margin: 0 auto;  position: relative;  float: right;
width: 40px; background: #1a1a1a; border-radius: 5px; border: solid 1px #555;    -webkit-tap-highlight-color: rgba(0,0,0,0);}
.burger_line { background: #fff; height: 1px;  position: absolute; top: 19px;
left: 50%; margin-left: -11px;  width: 22px; transition: transform .1s ease-in-out , top .1s .1s ease-in-out , opacity .1s .2s ease-in-out;}
.burger_line:first-of-type { top: 13px;}
.burger_line:last-of-type { top: 25px;}
#header_main .inner_header .left_head{width: 100%; position: relative;}
#header_main .inner_header .left_head .mobile_icon{float: right; display: inline-block; vertical-align: top; width: auto; margin-top:5px; }
#header_main .inner_header .left_head .mobile_icon .search_icon{float:left; width: auto; padding-right: 10px;}
#header_main .inner_header .left_head .mobile_icon .search_icon a{display: inline-block; width: 40px; height: 40px; border: 1px solid #555; color: #aaa; background: #1a1a1a; font-size: 16px; line-height: 16px; padding: 10px; border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px;}   
#header_main .inner_header .left_head .mobile_icon .toggle_icon{float: left; width: auto;}
#header_main .right_head{width: 100%; display: none;}
#header_main .right_head .searchbox .inner_searchbox{margin-top: 10px;}
#header_main .right_head .searchbox .inner_searchbox input{width: 100%; height: 40px; }
#header_main .right_head .searchbox{width: 100%; padding: 0; margin: 0;}
#header_main .right_head .searchbox .inner_searchbox button{height:40px; }

.M_footer{margin: 0;}
#google_sec{margin-top: 0;}
#google_sec .inner_googlesec{padding: 50px 0;}

#skill{padding: 50px 0;}
#skill .inner_skill .left_skillsec{width: 100%;}
#skill .inner_skill .right_skillsec{width: 100%; padding-left: 0; margin-bottom: 30px;}
#skill .inner_skill .left_skillsec .inner_skillbox{text-align: center;}
#about_cmpny{padding-top: 50px;}
#skill_test{padding: 50px 0;}
#success{padding: 50px 0 0;}
#header_main{ padding: 10px 0;position: relative; float: left;}
#header_main .inner_header .logo a{padding-top: 15px;}
 .burger,
   #header_main .inner_header .left_head .mobile_icon .search_icon a { border:none; color: #fff;  background: #50bfef;
background: -moz-linear-gradient(left, #50bfef 1%, #a0cb94 50%, #f2d736 100%); 
background: -webkit-linear-gradient(left, #50bfef 1%,#a0cb94 50%,#f2d736 100%); 
background: linear-gradient(to right, #50bfef 1%,#a0cb94 50%,#f2d736 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50bfef', endColorstr='#f2d736',GradientType=1 );}
.data-expert .slick-arrow{z-index: 100;}
.data-expert .slick-prev, .logos_slider .slick-prev{left: 0;}
.data-expert .slick-next, .logos_slider .slick-next{right: 0;}
}


/* common css for screen size < 767  */
@media only screen and (max-width: 767px) {

.quick_links {width: 100%; text-align: left; padding: 0;    border-top: 1px solid #ccc; }
.quick_links:after { display: none; }
.location:after { display: none; }
.location span { text-align: left; }
.sbcr_label br { display: none; }
.location {width: 100%; text-align: left; padding: 0; }
.subscribe {width: 100%; text-align: left; padding: 0; margin: 0; }
.payment { width: 100%; text-align: center; }
.social { width: 100%; text-align: center; margin-top: 25px; }
.social li { float: none; display: inline-block; vertical-align: top; }
.main_client .container { padding-top: 50px; }
.middle_Cpitch .desc br { display: none; }
.middle_Cpitch .title { font-size: 30px; line-height: 30px; margin-bottom: 50px; }
.payment span { display: block; text-align: center; padding: 0px; }
.payment span.pay_cards { display: block; margin-top: 15px; text-align: center; }
.Cart { position: absolute; top: 0; right: 15px; }
.top_nav .logo { margin-top: 42px; }
.bottom_pitch ul li a span.icon { width: 100%; text-align: right; }
.mobile_title { display: inline-block; }
.main_cnt { display: none; padding:20px 15px; }
.M_footer .title { display: block; position: relative; margin-bottom: 0; padding: 10px; background: #000; font-weight: 400; border-bottom: 1px solid #ccc; }
.M_footer .title:after { position: absolute; content: ""; width: 15px; height: 1px; background: #1db4b3; top: 20px; right: 20px; }
.M_footer .title:before { position: absolute; content: ""; width: 1px; height: 15px; background: #1db4b3; top: 13px; right: 27px; transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -webkit-transition: all 500ms; }
.M_footer .title.fiaccDiv:before { transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.main_footer .col-md-12 { padding: 0px; }
.main_footer { padding: 0; }

#day_trial h1{font-size: 40px; line-height: 45px;}
#day_trial{padding: 50px 0;}
#day_trial{min-height: 100%;}
#google_sec .inner_googlesec h4,
#google_sec .inner_googlesec p{font-size: 20px;line-height: 1.4;}
#success{padding-top: 20px;}
#success p{margin-bottom: 30px;}
.data-expert{padding: 30px 0;}
.success-starts .btn{font-size: 20px;}
.pane-block{margin-bottom: 20px;}
.success-starts .nav-tabs li{width: 100%;}
.success-starts .nav-tabs{width: 100%; max-width: 400px;    -webkit-border-radius:4px;
    -moz-border-radius: 4px;
    border-radius: 4px; border:1px solid #cccccc; margin-bottom: 25px;}
    .success-starts .nav-tabs li a{border-bottom: 1px solid #ccc;}
    .footer-link li{width: 100%;border:none; margin-bottom: 10px; }
    .footer-link{padding-bottom: 20px;}
    .main-footer{padding-bottom: 15px;}
    .footer-logo{padding-bottom: 20px;}
    #day_trial p{font-size: 18px;line-height: 1.4em;}

}


/* common css for screen size < 479  */
@media only screen and (max-width: 479px) {
#day_trial h1{font-size: 32px; line-height: 38px; margin-bottom: 20px;}
.success-starts .nav-tabs{width: 100%;}
}


/* common css for screen size < 320  */
@media only screen and (max-width: 320px) {
}


/* common css for screen size between  768 to 1023 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
}


/* common css for screen size between  1024 to 1199  */
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
}



/* -------------------------------------
        Search Page CSS Starts Here 
---------------------------------------*/
.search-banner-course-path{
    min-height: 252px !important;
}
#search-banner{
    margin-top: 96px;
    display: inline-block;
    position: relative;
    width: 100%;
    min-height: 475px;
    margin-top: 98px;
    background-size: cover !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    vertical-align: top;
    z-index: 10;
}

#search-banner::after{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.14);
    z-index: -1;
}

#search-banner .search-overlay{
    text-align: center;
    padding: 90px 0 0 0;
}
#search-banner .search-overlay .getstart_btn{
    padding-bottom: 25px;
}
#search-banner .search-overlay > h2{
    font-size: 60px;
    line-height: 56px;
    color: #ffffff;
    margin-bottom: 40px;
}

#search-banner .search-overlay > p{
    font-size: 28px;
    line-height: 48px;
    color: #ffffff;
    margin-bottom: 55px;
}

#couses-list{
    position: relative;
}

#couses-list .side-menu{
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    padding: 30px;
    background-color: #f4f3f3;
}

h3.serch-title{
    font-family: 'Open Sans';
    font-size: 36px;
    color: #000000;     
    font-weight: 600;

}

.side-menu .menu-content{
    padding-top: 30px;
    padding-bottom: 30px;
}
.side-menu .menu-content a{
    display: block;
}
.side-menu .menu-content .card{
    display: flex;
    flex-direction: row;
    min-height: 90px;
    border: 0;
    border-radius: 0;
    margin-bottom: 10px;
    text-decoration: none;
}

.side-menu .menu-content .card:hover {
    background-color: #add8e6;
}

.side-menu .menu-content .card .course-img{
    width: 20%;
    align-self: center;
}

.side-menu .menu-content .card .card-body{
    width: 80%;
    padding: 18px 10px;
}

.side-menu .menu-content .card .card-body > h5{
    font-size: 18px;
    line-height: 22px;
    font-family: "Open Sans";
    color: #333333;
    margin-bottom: 12px;
}

.side-menu .menu-content .card .card-body > span{
    font-size: 14px;
    line-height: 20px;
    font-family: "Open Sans";
    color: #666666;
    margin-right: 45px;
}

#couses-list .side-menu .all-link{
    text-align: center;
}

#couses-list .side-menu .all-link > a{
    font-size: 24px;
    line-height: 30px;
    font-family: "Open Sans";
    text-align: center;
    color: #51bfed;
    text-decoration: none;    
    display: inline-block;
}


.side-menu-btn{
    position: absolute;
    right: 40px;
    top: 45px;
    display: none;
}

.side-menu-btn > a{
    color: #000000;
    font-size: 20px;    
}

#couses-list .courses-left-side{
    margin-left: 0px !important;
    position: relative;
}
#couses-list .courses-right-side p{
    text-align: justify;
}
#couses-list .side-menu-right {
    left: auto;
    right: 0;
    position: absolute;
    top: 0;
    width: 450px;
    padding: 30px;
    background-color: #f4f3f3;
}

#couses-list .courses-right-side {
    position: relative;
    padding: 30px 15px;
}
#couses-list .courses-right-side.right-space{
    margin-left: 40%;
}
#couses-list .courses-right-side h3.serch-title{
    border-bottom: 1px solid #cccccc;
    padding-bottom: 30px;
}

#couses-list .courses-right-side .courses-by-level {
    padding-top: 20px;
    padding-bottom: 10px;
}
#couses-list .courses-right-side .courses-by-level h4{text-align: center;}
#couses-list .courses-right-side .courses-by-level a{display: block;}
#couses-list .courses-right-side .courses-by-level a:hover, #couses-list .courses-right-side .courses-by-level a:focus,
.side-menu .menu-content a:hover, .side-menu .menu-content a:focus{text-decoration: none;}
#couses-list .courses-right-side .courses-by-level .card {
    display: flex;
    flex-direction: row;
    border: 0;
    border-radius: 0;
    margin-bottom: 10px;
    background-color: #f4f3f3;
    padding: 10px;
    text-decoration: none;
}
#couses-list .courses-right-side .courses-by-level .view-more-course-link a{
    display: inline-block;
}
#couses-list .courses-right-side .courses-by-level .card:hover {
    background-color: #add8e6;
}

#couses-list .courses-right-side .courses-by-level .card .card-body {
    padding: 18px;
}

#couses-list .courses-right-side .courses-by-level .card .course-img{
    width: 15%;
    align-self: center
}

#couses-list .courses-right-side .courses-by-level .card .card-body {
    width: 85%;
}

#couses-list .courses-right-side .courses-by-level .card .card-body > h5{
    font-size: 18px;
    line-height: 22px;
    color: #333333;
    font-family: "Open Sans";
    font-weight: 600;
    margin-bottom: 20px;    
}

#couses-list .courses-right-side .courses-by-level .card .card-body > span{
    font-size: 14px;
    line-height: 20px;
    font-family: "Open Sans";
    color: #666666;
    margin-right: 45px;
}
#couses-list .courses-right-side .courses-by-level .card .card-body > span .fa-calendar{padding-right: 5px;}
.courses-by-level .view-more-course-link {
    padding-top: 20px;
    text-align: center;
}




#search-resources{
    padding-top: 60px;
    padding-bottom: 30px;
    background-color: #f4f3f3;
}

#search-resources .resource > h3 {
    text-align: center;
    margin-bottom: 30px;
}

#search-resources .resource .videos {
    padding: 40px 0 15px 0;
}

#search-resources .resource .videos .card{
    margin-bottom: 30px;
    border: 0;
    border-radius: 0;     
}

#search-resources .resource .videos .card .card-body{
    text-align: center;
}

#search-resources .resource .videos .card .card-body > p{
    font-size: 18px;
    font-family: "Open Sans";
    line-height: 28px;
    color: #666666;    
}

#search-resources .view-more-search-btn{
    padding-top: 10px;
}

.view-more-search-btn{
    text-align: center;    
}

.view-more-search-btn > a{
    text-decoration: none;    
    display: inline-block;
}

.btn-outline{
    font-size: 16px;
    line-height: 20px;
    font-family: "Open Sans";
    color: #333333;
    border: 1px solid #cccccc;
    padding: 15px 30px;
    border-radius: 10px;
    text-decoration: none;
    transition: all ease-in 0.2s;
}

.btn-outline:hover{
    color: #ffffff;
    background-color: #51bfed;
}



#search-blog{
    padding: 60px 0;
}

#search-blog .blog > h3{    
    text-align: center;
}

#search-blog .blog-area{
    padding: 40px 0;
}

#search-blog .blog-item {
    background-color: #f4f3f3;
    text-align: center;
    padding: 20px;
    margin-bottom: 10px;
}

#search-blog .blog-item  > h6 {
        font-size: 16px;
        line-height: 20px;
        color: #333333;
        font-family: "Open Sans";
        font-style: italic;
}



#auther-slider .author-slider-area{
    padding: 80px 50px;
}

#auther-slider h3{
    text-align: center;
}


#auther-slider .search-auther-slider .slick-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    -moz-transform:  translateY(-50%);
    margin-top: -23px;
    width: 46px;
    height: 46px;
    background: #dbdada;
    color: #FFF;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

#auther-slider .search-auther-slider .slick-arrow > i {
    display: block;
    line-height: 46px;
    font-size: 30px;
}


#auther-slider .search-auther-slider .slick-prev{
    left: -45px;
}


#auther-slider .search-auther-slider .slick-next{
    right: -45px;
}

#auther-slider .search-auther-slider .auther-info{
    padding: 0 25px;
}

#auther-slider .search-auther-slider .auther-info > img{
    margin: 0 auto;
}

#auther-slider .search-auther-slider .auther-info > h5{
    font-size: 24px;
    line-height: 30px;
    font-family: "Open Sans";
    font-weight: 400;
    color: #333333;
    text-align: center;
    margin-top: 28px;
}


/*--------------------------------------
        Search Page CSS Ends Here 
 --------------------------------------*/


/*--------------------------------------
        Register Page CSS Starts Here 
 --------------------------------------*/

 #register, #sign-in{          
    min-height: 700px;     
    display: inline-block;
    position: relative;
    width: 100%;    
    margin-top: 98px;
    background-size: cover !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    vertical-align: top;
    z-index: 10;
 }

 #register img{
    max-width: initial;
    width: 100%;
    height: auto;
 }
 
 #register:before, #sign-in::before{
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(000, 000, 000, 0.5);
     z-index: -1;
 }

 .acc-form{
     max-width: 500px;
     margin: 50px auto;
     background-color: rgba(255,255,255,0.5);
     padding: 20px 50px;
     border-radius: 10px;     
     color: #ffffff;
 }

 @media(max-width:1303px){
    .acc-form{margin-top: 90px;}
 }

.acc-form .sign-in-link > h5{
     color: #ffffff;
     font-family: "Open Sans";
 }

.acc-form .sign-in-link > h5 > a{
     color: #187fcb;     
     text-decoration: underline;
 }

.acc-form .divide-or{
     text-align: center;
     position: relative;
     margin: 15px 0;
     line-height: 30px;
     font-family: "Open Sans";
 }

.acc-form .divide-or::after{
     content: "";
     position: absolute;
     width: 70px;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     height: 1px;
     background-color: #ffffff;
 }

.acc-form .divide-or::before{
    content: "";
    position: absolute;
    width: 70px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #ffffff;
}

.social-links{
    width: 100%;
    text-align: center;
}

.social-acc-link a{
    text-decoration: none !important;
    text-decoration-color: transparent;
    font-family: "Open Sans";    
}

.social-links .link{
    font-size: 15px;
    text-decoration: none;
    margin-right: 10px;
    line-height: 30px;
    padding-right: 10px;
    border: 1px solid;
    font-family: "Open Sans";
}

.social-links i{
    color: #ffffff;
    font-size: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
}

.social-links .link-fb{
    color: #3b5998;
    font-family: "Open Sans";
}

.social-links .link-google{
   color: #d73924;
   font-family: "Open Sans";
}

.social-links .link-twitter{
    color: #1da1f2;
    font-family: "Open Sans";
}

.social-links .link-fb > i{
    background-color: #3b5998;
}

.social-links .link-google > i{
    background-color: #d73924;
}

.social-links .link-twitter > i{
    background-color: #1da1f2;
}


.cust-form .form-group .form-control{
    border: 0;
    border-radius: 4px;
    padding: 10px 20px;
    font-family: "Open Sans";
}

.cust-form .form-group .form-control:focus{
    box-shadow: initial;
}

.cust-form .form-group .form-control::placeholder{
    font-size: 14px;
    font-family: "Open Sans";
}

small.acc-term{
    font-size: 14px;
    line-height: 22px;
    display: block;
    font-family: "Open Sans";
    margin-bottom: 15px;
}

small.acc-term > a {
    color: #0a6992;
    text-decoration: underline;    
}

.cust-form .btn-primary{
    font-family: "Open Sans";
    font-weight: 600;
    padding: 10px;
    font-size: 18px;
}

.cust-form .btn-primary{
    width: 100%;
}
/*--------------------------------------
        Register Page CSS Ends Here 
 --------------------------------------*/

 
 #sign-in{          
    min-height: 400px; 
 }

 .acc-form h3{
     color: #187fcb;
     margin-top: 25px;
     margin-bottom: 20px;
 }

 #sign-in .acc-form .cust-form .form-group small{
     display: block;
     font-size: 15px;
     font-family: "Open Sans";
     font-weight: 500;
     line-height: 20px;
     margin-top: 5px;
     margin-left: 2px;
     color: #187fcb;
 }

 #sign-in .acc-form .cust-form .form-group > a{
     font-size: 14px;
     color: #187fcb;
     margin-top: 5px;
     display: block;
 }

 #sign-in .acc-form .cust-form .remember-check{
     margin-bottom: 20px;
 }

 #sign-in .acc-form .cust-form .remember-check .custom-control-label{
     line-height: 24px;
     font-family: "Open Sans";
     font-weight: 600;
 }



 /*--------------------------------------------- 
    Video Section Styles Starts Here 
 ---------------------------------------------*/


 #course-video-sec{
     margin-top: 98px;
     position: relative;
 }

 #course-video-sec .rigth-options{
    background-color: #f4f3f3;
    position: absolute;
    top: 0;
    right: 0;
    width: 350px;
    bottom: 0;
    overflow-y: scroll;    
 }

 #course-video-sec .course-video-area{
     margin-right: 350px;        
 }

 /* #course-video-sec .course-video-area iframe{
     height: 90vh;
     width: 100%;
 } */

 #course-video-sec .video-frame video{
     width: 100%;
     height: auto;
 }

 #course-video-sec .options-area .tab-option .nav-tabs{
     border: 0;
     padding: 10px;
     padding-bottom: 0;
 }

 #course-video-sec .options-area .tab-option .nav-tabs li{     
     padding-bottom: 15px;
     padding-top: 20px;     
     margin-right: 25px;
     padding-left: 2px;
     padding-right: 2px;
 }

 #course-video-sec .options-area .tab-option .nav-tabs li.active{
     border-bottom: 3px solid #61c1db;     
 }

 #course-video-sec .options-area .tab-option .nav-tabs li a{
     color: #333333;
     text-decoration: none;
     font-size: 15px;
     text-transform: capitalize;
 }

 #course-video-sec .options-area .tab-pane .card{
     border: 0;
     border-radius: 0;
 }

 #course-video-sec .options-area .tab-pane .card .card-header {
     border: 0;
     border-bottom: 1px solid lightblue;
 }

 #course-video-sec .options-area .tab-pane .card .card-header h5{
     position: relative;
     padding-left: 25px;
 }

 #course-video-sec .options-area .tab-pane .card .card-header span.index-no{
     position: absolute;
     left: 0;          
     height: 28px;
     width: 28px;
     text-align: center;
     background: #50bfef;    
     background: -moz-linear-gradient(left, #50bfef 1%, #a0cb94 50%, #f2d736 100%);     
     background: -webkit-linear-gradient(left, #50bfef 1%,#a0cb94 50%,#f2d736 100%);     
     background: linear-gradient(to right, #50bfef 1%,#a0cb94 50%,#f2d736 100%);     
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50bfef', endColorstr='#f2d736',GradientType=1 );    
     border-radius: 50%;    
     padding: 4px;    
     font-size: 16px;
     font-weight: bold;    
     color: #ffffff;    
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     left: -5px;
 }

 #course-video-sec .options-area span.total-time {
     display: block;
     font-size: 14px;
 }

 #course-video-sec .options-area .tab-pane .card .card-header button{
    color: #333333;
    text-decoration: none;
    font-size: 16px;
    text-transform: capitalize;
    white-space: normal;
    text-align: left;
    width: 100%;
 }

 #course-video-sec .options-area .tab-pane .card .card-header button i {
     position: absolute;
     right: 0;
     top: 14px;
     font-size: 18px;
     color: #61c1db;
 }

 #course-video-sec .options-area .tab-pane .card .card-body{
     padding-top: 10px;
     padding-bottom: 10px;
 }
 #course-video-sec .options-area .tab-pane .card .card-body .video-list{
     width: 100%;
 }

 #course-video-sec .options-area .tab-pane .card .card-body .video-list li{
     display: block;
 }

 #course-video-sec .options-area .tab-pane .card .card-body .video-list li a{
     position: relative;
     text-decoration: none;
     margin: 18px 0;
     color: #333333;
     display: inline-block;
     padding-left: 40px;
     font-size: 15px;
     width: 100%;
 }

 #course-video-sec .options-area .tab-pane .card .card-body .video-list li a > span{
     position: absolute;
     right: 0;
 }

 #course-video-sec .options-area .tab-pane .card .card-body .video-list li a i{
     position: absolute; 
     left: 8px;
     font-size: 16px;
     color: #019bef;
 }

 /*--------------------------------------------- 
    Video Section Styles Ends Here 
 ---------------------------------------------*/



 /*--------------------------------------------- 
    Dashboard Section Styles Starts Here 
 ---------------------------------------------*/

 header.dashboard-header{
     background-color: #f4f3f3;
     margin-left: 240px;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 2000;
 }

 header.dashboard-header .navbar {
     padding: 0;
     -webkit-box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.2), 0 2px 10px 0 rgba(38, 35, 35, 0.1);
     box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.2), 0 2px 10px 0 rgba(38, 35, 35, 0.1);
 }

 header.dashboard-header .dashboard-nav{
     display: flex;
     flex-basis: auto;
     flex-grow: 1;     
 }

 .toggle-menu-btn button{
    font-size: 20px;
    padding: 20px;
    display: none;        
}

 .dashboard .search-form{
     position: relative;
     padding: 10px;
 }

 .dashboard .search-form > i{
     position: absolute;
     right: 35px;
     font-size: 15px;
     color: #000000;
 }

 .dashboard .search-form input {
    width: 500px; 
    border: 0;
    background-color: #ffffff;
    color: #000000;
    border-radius: 30px;
    height: 40px;
 }  

 .dashboard-menu .search-form{
     display: none;
 }

 .dashboard-menu .search-form i {
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
 }

 .dashboard-menu .search-form input {
     width: 100%;     
 }

 .dashboard .search-form input::-moz-placeholder{
     color: #000000;
     text-transform: uppercase;
     font-size: 15px;
 }

 .dashboard .search-form input:focus{
     box-shadow: initial;
 } 

 header.dashboard-header .rigth-menu{
     display: flex;
 }

 header.dashboard-header .rigth-menu > li {
     align-self: center;
 }

 header.dashboard-header .rigth-menu > li.dropdown{
    position: relative;     
 }

 header.dashboard-header .rigth-menu > li.dropdown::before {
     position: absolute;
     content: "";
     height: 100%;
     width: 1px;
     left: 0;
     background-color: #000000;
 }
 header.dashboard-header .rigth-menu > li.dropdown a{
     padding: 20px;
     color: #333333;
     transition: all ease-in-out 0.2s;
 }

 header.dashboard-header .rigth-menu > li.dropdown a > i {
     font-size: 18px;
 }

 header.dashboard-header .rigth-menu > li.dropdown a:hover{
     background-color: #61c1db;
     color: #ffffff;     
 }

 header.dashboard-header .rigth-menu > li.dropdown.show{
    background-color: #61c1db;    
 }

 header.dashboard-header .rigth-menu > li.dropdown.show > a{
    color: #ffffff;
 }

 header.dashboard-header .rigth-menu > li.dropdown .dropdown-menu{    
     right: 10px;  
     left: inherit;
     border: 0;
     border-radius: 0;
     background-color: #f2f2f2;
     padding: 0;
     top: 120%;
     transition: all ease-in-out 0.4s;
 }

 header.dashboard-header .rigth-menu > li.dropdown .dropdown-menu:after{
    bottom: 100%;
    left: 80%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(242, 242, 242, 0);
    border-bottom-color: #f2f2f2;
    border-width: 10px;
    margin-left: -10px;
 }

 .dashboard-header .rigth-menu > li.dropdown .dropdown-menu > a{
     padding: 20px;
     color: #333333;
     transition: all ease-in-out 0.2s;
     padding: 15px 20px;
     font-size: 14px;
     border-bottom: 1px solid #cccccc;
 }

 .dashboard-header .rigth-menu > li.dropdown .dropdown-menu > a:hover{
     color: #ffffff;
     background-color: #61c1db;     
 }

 header.dashboard-header .rigth-menu .user-detail div{
     display: inline-block;
 } 

 header.dashboard-header .rigth-menu .user-detail div > a > img{
     /*width: 100%;*/
     height: 50px;     
     border-radius: 50%;
     border: 1px solid #666666;
 }
 header.dashboard-header .rigth-menu .user-detail{
     display: flex;
     flex-direction: row;
     padding-right: 20px;
 }

 header.dashboard-header .rigth-menu .user-detail div{
     align-self: center;
 }

 header.dashboard-header .rigth-menu .user-detail div > a{
     display: block;
     text-decoration: none;
 }

 .dashboard-nav .user-detail .info{
     padding-right: 10px;
 }

 .dashboard-nav .user-detail .info a{
     text-align: right;
     text-decoration: none;
 }

 .dashboard-nav .user-detail .info a:first-child{
     font-size: 15px;
     font-weight: 600;
     padding-bottom: 5px;
     text-decoration: none;
 }

 .dashboard-nav .user-detail .info a:last-child{
     font-size: 14px;
     text-decoration: none;
 }


 
 #side-out{
     position: fixed;               
     top: 0px;
     left: 0;
     background-color: #f2f2f2;
     width: 240px;
     height: 100%;
     z-index: 1024;
     overflow: auto;
     box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
     -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
     transform: translateX(0%);
     -webkit-transform: translateX(0%);
     -moz-transform: translateX(0%);
     -ms-transform: translateX(0%);
     -o-transform: translateX(0%);
     transition: all 0.2s ease-in;
 }

 #side-out .left-side-menu li{
     display: block;
 }

 #side-out .left-side-menu .dashboard-menu{
     display: block;
 }

 #side-out .left-side-menu .dashboard-menu li > a{
     position: relative;
     padding: 15px;
     padding-left: 50px;
     display: inline-block;
     width: 100%;
     text-decoration: none;
     font-size: 16px;
 }

 #side-out .left-side-menu .dashboard-menu li.active a{
    color: #ffffff;
 }

 #side-out .left-side-menu .dashboard-menu li.active{
     background-color: #61c1db;
 }

 #side-out .left-side-menu .dashboard-menu li:hover{
     transition: all ease-in 0.3s;
     background-color: #61c1db;
     color: #ffffff;     
 }

 #side-out .left-side-menu .dashboard-menu li > a:hover{
    color: #ffffff;
 }

 #side-out .left-side-menu .dashboard-menu li > a > i {
     position: absolute;
     left: 20px;
 }

 #side-out .left-side-menu .logo-dashboard{
     height: 60px;
     display: flex;
 }

 #side-out .left-side-menu .logo-dashboard > a{
     padding: 15px;
     align-self: center;
 }

 #side-out .left-side-menu .logo-dashboard img{
     width: 100%;
     height: auto;     
 }


 main{
     margin-left: 240px;
     padding: 10px 50px;
     background-color: #e7e7e7;
     margin-top: 60px;     
 }

 main .card{
     border: 0;
     border-radius: 0;
     -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
     box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
 }

 .home-sec{
     margin-bottom: 60px;
 }
 .page-title{
     position: relative;          
 }

 .page-title a{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.more-links{
    color: #1b9cfb;
    font-size: 15px;
    text-decoration: none !important;
}

 .home-sec .course-resourse{
     padding: 20px 10px;
 }

 .home-sec .course-resourse .resources-list{
     width: 100%;
 }

 .home-sec .course-resourse .resources-list li{
     position: relative;
     font-size: 22px;
     border-bottom: 1px  solid #636060;
     padding: 20px 0;
     padding-left: 55px;
     line-height: 30px;
 }

 .home-sec .course-resourse .resources-list li:last-child {
     border: 0;
 }

 .home-sec .course-resourse .resources-list li i{
     position: absolute;
     left: 0;
     font-size: 40px;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
 }


 .home-sec .course-resourse .resources-list li span{
     display: block;
 }

 .home-sec .course-resourse .resources-list li a{
     color: #1b9cfb;
     text-decoration: none;
     font-size: 18px;
 }

 #history-sec{
     margin-bottom: 60px;
 }

 .course-slider .draggable{
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 0;
 }

 .course-slider .slider-item{
     padding: 0 15px;     
 }

 .course-slider .slick-arrow {
    position: absolute; 
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    color: #333333;
    font-size: 30px;
    outline: none;
    z-index: 99;
    background-color: #ffffff;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    transition: all ease-in 0.1s;
 }

 .course-slider .slick-arrow:hover{
     background-color: #61c1db;
     color: #ffffff;
 }

 .course-slider .slick-next {
     /* right: -35px; */
     right: -25px;
 }

 .course-slider .slick-prev{
     /* left: -35px; */
     left: -25px;
 }

 .dashboard .card-body{
     padding: 15px 24px;
 }

 .dashboard .card a{
     text-decoration: none;
 }

 .dashboard .card a:hover{
     color: #000000;
 }


 .dashboard .card-body h4{
        font-size: 20px;
 } 

 .dashboard .card-body h5{
     font-size: 14px;
     margin: 5px 0;
     color: #5d4a4a;
 }

 .title{
     margin-bottom: 20px;          
 }

 .title h3, a {
     display: inline-block;
 } 

 .title a{
     margin-left: 25px;
     text-decoration: none;
 }

 #create-channel{
     margin-bottom: 60px;
 }

 #create-channel .new-channel{
     position: relative;
     height: 100%;
 }

 #create-channel .new-channel a{
     font-size: 50px;     
 }

 #create-channel .new-channel .new-channel-btn {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
 }



 #bookmark{
     margin-bottom: 30px;
 }

 .bookmark-area table.table thead th{
     text-transform: uppercase;
     font-weight: bold;
     color: #333333;
     border-top: 0;
     border-bottom: 2px solid #333333;
     font-size: 16px;
 }

 .bookmark-area table.table tbody tr th a{
     text-decoration: none;
 }

 .bookmark-area table.table tbody tr th, .bookmark-area table.table tbody tr td {
    border-bottom: 1px solid #333333;
 }

 .bookmark-area table.table tbody tr th a:hover{
     color: #1b9cfb;     
 }

 .bookmark-area table.table tbody tr th a i {
     margin-right: 10px;
     font-size: 16px;
 }



 #recommended-courses-intrest{
     margin-bottom: 60px;
 }

 #recommended-courses-history{
     margin-bottom: 60px;
 }

 /*--------------------------------------------- 
    Dashboard Section Styles Starts Here 
 ---------------------------------------------*/

 /*--------------------------------------------- 
    Teaching Section Styles Starts Here 
 ---------------------------------------------*/


#inner-banner {
    margin-top: 96px;    
}

#inner-banner .inner-title-overlay > h2{
    text-align: center;
    font-size: 60px;
    color: #ffffff;
    margin: 90px 0;
    display: inline-block;
    width: 100%;
}

#instructor-dashboard-main{
    margin-bottom: 70px;
}

#instructor-dashboard-main .more-links{
    margin-top: 30px;
    margin-bottom: 50px;
}

#instructor-dashboard-main .more-links > a{
    font-size: 18px;
    font-family: "Open Sans";
    color: #373737;
    text-decoration: none;
    margin-right: 55px;
    line-height: 20px;
    font-weight: 300;
}

#instructor-dashboard-main .more-links > a:last-child{
    margin-right: 0;
}

#instructor-dashboard-main .more-links > a.active{
    color: #ad9812;
}

#instructor-dashboard-main .inner_searchbox {
    width: 85%;
    vertical-align: top;
    display: inline-block;
    position: relative;
}

#instructor-dashboard-main .inner_searchbox input {
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 5px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #cccccc;
    height: 50px;
    font-size: 16px;
    color: #666666;
    padding: 0 15px;
    padding-right: 53px;
    padding-left: 20px;
}

#instructor-dashboard-main .inner_searchbox button {
    width: 50px;
    height: 50px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 25px;
    color: #666666;
    background: transparent;
    outline: none;
}

.sort-by-area {
    padding-left: 85px;
    position: relative;
}

.sort-by-area > span.tag{
    position: absolute;
    left: 0;
    line-height: 50px;
    font-size: 18px;
    color: #414141;
    font-family: "Open Sans";
}

a.sort-dropdown {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #cccccc;
    height: 50px;
    font-size: 16px;
    color: #666666;
    text-align: left;
    line-height: 35px;
    padding-left: 20px;
    width: 100%;
}

.sort-dropdown:focus{
    box-shadow: none;
}

.sort-by-area .dropdown-menu{
    width: 100%;
}

.sort-by-area .dropdown > a {
    text-decoration: none;
}

.sort-by-area .dropdown-menu > a{
    text-decoration: none;
    font-size: 16px;
    color: #666666;
    padding: 10px 20px;
}

#instructor-couses-list {
    margin-bottom: 55px;
}

#instructor-couses-list h3.title{
    font-size: 36px;
    line-height: 40px;
    color: #000000;
    font-weight: 600;
    padding-bottom: 30px;
    border-bottom: 1px solid #cccccc; 
}


.courses-by-instructor .card {
    flex-direction: row;
    padding: 10px;
    border: 0;
    background-color: #f4f3f3;
    border-radius: 0;
}

.courses-by-instructor .card .course-img{
    width: 155px;
    padding-right: 5px;
    align-self: center;
}

.courses-by-instructor .card .course-link{
    width: 86%;
    text-decoration: none;
    position: relative;
}

.courses-by-instructor .card .course-link span.lable{
    position: absolute;
    left: -10px;
    bottom: -10px;
    right: -10px;
    top: -10px;
    text-align: center;
    background-color: #2bdedd99;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;
    font-weight: 800;
    transition: all ease-in 0.2s;
}

.courses-by-instructor .card{
    margin-bottom: 20px;
}

.courses-by-instructor .card .course-link:hover span.lable{
    opacity: 1;
   
}

.courses-by-instructor .card .card-body {
    padding: 0;
    display: flex;
    height: 100%;    
}

.courses-by-instructor .card .card-body .course-max{
    margin-top: 10px;
    margin-bottom: 10px;
}

.courses-by-instructor .card .card-body .course-max span{
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
}

.courses-by-instructor .card .card-body .course-max > span:first-child{
    margin-bottom: 10px;
}


.courses-by-instructor .card .card-body .course-max span > span{
    font-size: 18px;
}

.courses-by-instructor .card .course-link .author-course{
    width: 60%;
    border-right: 1px solid #cccccc;
}

.courses-by-instructor .card .course-link .course-max{
    width: 40%;
    padding-left: 10px;
}

.courses-by-instructor .card .course-link .course-author{
    margin-top: 15px;
    margin-bottom: 15px;
}

.courses-by-instructor .card .course-link .course-author > h5{
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}

.courses-by-instructor .card .course-link .author-course span{
    font-size: 14px;
    color: #666666;
    line-height: 18px;
}

.courses-by-instructor .card .course-link .author-course span.status{
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    margin-right: 80px;
}

#illustration-detail {
    background-color: #f4f3f3;
    padding-top: 70px;
    padding-bottom: 120px;
}

#illustration-detail h3{
    font-size: 35px;
    text-align: center;
    font-family: "Open Sans";
    font-weight: 600;
}

#illustration-detail .course-illustration {
    margin-top: 85px;
}

#illustration-detail .course-illustration .illustration-content h4{
    font-size: 22px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 45px;
}

#illustration-detail .course-illustration .illustration-content p{
    font-size: 14px;
    line-height: 36px;
    margin-bottom: 32px;
}

 /*--------------------------------------------- 
    Teaching Section Styles Ends Here 
 ---------------------------------------------*/

 /* Teaching performance */
#performance-tab .title > h3{
    font-size: 40px;
    font-family: "Open Sans";
    font-weight: 300;
    line-height: 45px;
}
 .performance-area .nav-pills .nav-link {
     background-color: rgba(0, 0, 0, 0);
     font-size: 16px;
     color: #000000;
     font-weight: 400;
     font-family: "Open Sans";
     padding: 12px 15px;
     border-radius: 0;
 }

 .performance-area .nav-pills .nav-link.active{
     margin-left: -5px;
     border-left: 5px solid #019bef;
 }

 #performanace-tabContent{
    background-color: #f4f3f3;
    box-shadow: 0px 0px 5px 1px #cccccc;
    border-radius: 0;
    margin-bottom: 30px;    
 }

 #performance-tab #overview .nav-item > a{
     text-decoration: none;
     padding: 14px 20px;     
 }

 #performance-tab #overview .nav-item{
     padding-top: 10px;
     transition: all ease-in 0.1s;     
 }

 #performance-tab #overview .nav-item:hover {
     background-color: #f1f1f1;
 } 

 #performance-tab #overview .nav-item:last-child {
     margin-right: 0;
 }

 #performance-tab #overview .nav-item > a.active{
    border-bottom: 5px solid #019bef;
 }

 #performance-tab #overview .nav-item > a > span {
     display: block;
     font-size: 15px;
     color: #666666;
     font-weight: 300;
 }

 #performance-tab #overview .nav-item > a > span.count{
     font-size: 35px;
     line-height: 40px;
     color: #000000;
 }

 #performance-tab #overview #pills-tab {
     border-bottom: 1px solid #cccccc; 
     background-color: #ffffff;
 }

 #performance-tab #overview .tab-header {
     padding: 20px;
 }

 #performance-tab #overview .tab-header .filter {
     position: relative;
     padding-left: 85px;
     max-width: 250px; 
     height: 35px;
     margin-left: auto;
 }

 #performance-tab #overview .tab-header .filter > span {
     position: absolute;
     left: 0px;
     line-height: 35px;     
 }

 #performance-tab #overview .tab-header .filter .dropdown > button {
     height: 35px;
     padding-top: 0;
     padding-bottom: 0;
     line-height: 35px;
     border-radius: 0;
     background-color: rgba(255, 255, 255, 1);
     color: #019bef;
     font-size: 14px;
     border-color: #cccccc;
 }

 #performance-tab #overview .tab-header .nav-item{
    display: none;
} 

 #performance-tab #overview .tab-header .filter .dropdown > button:focus{
     box-shadow: none;
 }

 #performance-tab #overview .tab-header .filter .dropdown-menu{
     border-radius: 0;
 }

 #performance-tab #overview .tab-header .filter .dropdown-menu > a{
     font-size: 14px;
     padding: 10px 15px;
 }

 #performance-tab #overview .tab-body {
     padding: 15px;
 }

 #performance-tab #overview .tab-body span.no-data{
     display: block;
     text-align: center;
     font-size: 16px;
     color: #666666;
     margin: 50px 0;
     font-weight: 300;
 }

 #performance-tab #overview .tab-footer-link {
     padding: 15px 15px;
     text-align: center;
     border-top: 1px solid #cccccc;
    background-color: #ffffff;
 }

 #performance-tab #overview .tab-footer-link > a {
     text-decoration: none; font-size: 14+px;
     color: #1b9cfb;
 }

 #performance-tab .not-yet {
     text-align: center;
     padding: 50px 0;     
 }

 #performance-tab .not-yet h3{
    font-size: 25px;
    font-weight: 200;
    font-family: "Open sans";
    color: #000000;
    line-height: 50px;
 }

 #performance-tab .not-yet span {
     display: block;
     font-size: 14px;     
     color: #222;
     line-height: 30px;
     margin-bottom: 10px;
 }

 #performance-tab .not-yet a{
     display: inline-block;
     padding: 15px;
     border: 1px solid #019bef;
     text-decoration: none;
     border-radius: 2px;
     color: #019bef;    
 }

 #performance-tab .not-yet a:hover {
     background-color: #019bef99;
     color: #ffffff;
 }


#marketplace {
    margin-bottom: 60px;
}

#marketplace .topic-search {
    background-color: #f4f3f3;
    box-shadow: 0px 0px 5px 1px #cccccc;
    padding: 70px 20px;
    text-align: center;
}

#marketplace .topic-search h2{
    font-family: "Open Sans";
    font-weight: 100;
    color: #222222;
}

#marketplace .topic-search .search-topic  {
    position: relative;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 30px;
    padding-right: 50px;
}

#marketplace .topic-search .search-topic input{
    height: 50px;
    border: 1px solid #cccccc;
    width: 100%;
    padding: 10px 20px;
    border-radius: 2px;
}

#marketplace .topic-search .search-topic button{
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 50px;
    background-color: rgba(0, 0, 0, 0);
}

#marketplace .topic-search .search-topic button:focus {
    box-shadow: none;
}

#Promising-topics{
    padding-top: 10px;
    padding-bottom: 70px;
}

#Promising-topics h3{
    text-align: center;
    font-size: 25px;
    margin-bottom: 10px;
    font-weight: 200;
    color: #222222;
}

#Promising-topics .topics {
    max-width: 530px;
    margin: 0 auto;
}

#Promising-topics .topics .topic-info{
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;    
    border-left: 5px solid #019bef;
    margin: 15px 0;
    padding: 10px 20px; 
    background-color: #f4f3f3;
    box-shadow: 0px 0px 5px -1px #cccccc;
    border-radius: 2px;
    justify-content: space-between;
}

#Promising-topics .topics .topic-info > span{
    font-size: 14px;
}


.goals-course-inner-overlay {
    display: flex;
    padding-top: 70px;
    padding-bottom: 80px;
    width: 100%;
}

.goals-course-inner-overlay > img{
    height: 100px;
    margin-right: 20px;
}

.goals-course-inner-overlay .course-name-author {
    position: relative;
}

.goals-course-inner-overlay .course-name-author > h2 {
    font-size: 30px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 8px;
    color: #ffffff;
}

.goals-course-inner-overlay .course-name-author > span.status {
    color: #ffffff;font-size: 14px; 
    font-weight: 600;
    position: absolute;    
    right: -62px;
    top: 12px;
}

.goals-course-inner-overlay .course-name-author > h3{
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
}

.goals-course-inner-overlay > a{
    margin-left: auto;
    align-self: center;
    font-size: 30px;
    color: #ffffff;
    text-decoration: none;
}

.goals-course-inner-overlay > a > i{
    color: #ffffff;
}

#course-landing-goals {
    padding: 80px 0;
}

#course-aside  {
    align-items: flex-start;
}

#course-aside .navbar-nav{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 5px;    
}

#course-aside .navbar-nav .nav-item{
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
}

#course-aside .navbar-nav .nav-item > ul {    
    flex-direction: column;
}

#course-aside .navbar-nav .nav-item > label {
    margin-bottom: 15px;
    font-size: 18px;
    color: #373737;
}

#course-aside .navbar-nav .nav-item > ul{
    width: 170px;
}

#course-aside .navbar-nav .nav-item > ul > li a {
    text-decoration: none;
    font-size: 14px;
    color: #373737;
    padding: 8px 0;
}

#course-aside .navbar-nav .nav-item > ul > li a img{
    padding-right: 15px;    
}

#course-landing-goals .course-item-links .trans {
    font-size: 18px;
    line-height: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
}

#course-landing-goals .course-aside .trans > i{
    font-size: 12px;    
}

#course-landing-goals .course-item-links button.navbar-toggler {
    outline: none;
    padding: 10px 0;
    font-size: 25px;
    margin-bottom: 5px;
}
#course-aside .navbar-nav .nav-item > ul li.active{
    position: relative;
} 

#course-aside .navbar-nav .nav-item > ul li.active::before {
    position: absolute;
    content: "";
    top: 0;
    left: -15px;
    bottom: 0;
    width: 4px;
    background-color: #1b9cfb;
}



/* course-right-side starts here  */
#course-landing-goals .course-right-side {
    background-color: #f4f3f3;        
}

.course-right-side .right-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}

.course-right-side .right-wrapper .sub-header-wrapper {
    display: flex;
    padding: 25px;
    align-items: center;
}

.sub-header-wrapper .action {
    margin-left: auto;
}

.right-wrapper .action .sort-by-area {    
    margin-left: auto;
}

.right-wrapper .sort-by-area {
    padding-left: 0;
}

.right-wrapper .sort-by-area  a.sort-dropdown{
    position: relative;
    height: 40px;
    line-height: 36px;
    padding: 0;
    padding-left: 15px;
    padding-right: 60px;
    background-color: #ffffff;    
}

.right-wrapper .sort-by-area a.sort-dropdown:after {
    position: absolute;
    content: url("/static/scholarsight/images/dropdown-arrow.9ab125b6d150.png");
    top: 0;
    right: 12px;
}

.sub-header-wrapper  .title{
    margin: 0;
}

.sub-header-wrapper  .title h2 {
    font-size: 24px;
    line-height: 30px;
    color: #363636;
    font-weight: 400;
    margin: 0;
}

.right-wrapper .right-content-wrapper {
    padding: 30px 25px;
    border-top: 1px solid #CCCCCC;
}

.right-wrapper .privacy-content .sort-by-area {
    max-width: 240px;
    margin-top: 15px;
    margin-bottom: 25px;
}

.right-wrapper .right-content-wrapper h3, .right-wrapper .right-content-wrapper p{
    font-size: 14px;
    color: #363636;
    line-height: 20px;
}

.right-wrapper .right-content-wrapper a.trans {
    font-size: 24px;
    padding: 0 15px;
    line-height: 40px;
}
.right-wrapper .privacy-content a.trans {
    margin-top: 30px;
}

.right-wrapper .right-content-wrapper a.trans > i {
    font-size: 15px;
    margin-left: 6px;
}

.right-wrapper .permissions-table {
    margin: 5px 0;
}

.right-wrapper .permissions-table table tr th{
    padding: 15px 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #363636;
    padding-left: 0;
    text-align: left;
}

.right-wrapper .permissions-table table tbody tr th{
    font-size: 12px;
    font-weight: 500;
}

.right-wrapper .permissions-table table tbody tr th > span{
     background-color: #e9d541;
     color: #ffffff;
     padding-left: 5px;
     padding-right: 5px;
     margin-left: 10px;
}

.right-wrapper .permissions-table table tr th, .right-wrapper .permissions-table table tr td{
    border: 0;
    border-bottom: 1px solid #cccccc;
    padding-left: 0;
}

.right-wrapper .permissions-table .permission-checkbox {
    padding-top: 5px;
    position: relative;
    width: 16px;
}

.right-wrapper .permissions-table .permission-checkbox  input{
    opacity: 0;
    position: absolute;
    height: 15px;
    width: 15px;
    cursor: pointer;
    z-index: 999;
}

.right-wrapper .permissions-table .permission-checkbox  label{
    height: 15px;
    width: 15px;
    background-color: #56c0e8;
    border: 1px solid #666666;
    margin: 0;
}

.right-wrapper .permissions-table .permission-checkbox  label::after {
    position: absolute;
    content: url("/static/scholarsight/images/check-mark.1fdff0e02286.png");
    right: -4px;
    display: none;
}

.right-wrapper .permissions-table .permission-checkbox  input:checked + label::after {
    display: block;
}

.right-wrapper .permission-content .form-save > form {
    margin-bottom: 15px;   
}

.right-wrapper .permission-content .form-save .input-group{
    height: 40px;    
}

.right-wrapper .permission-content .form-save .input-group button.trans {
    padding: 0 15px;
    margin-left: -2px;
    z-index: 99;
    font-size: 16px;
}

.right-wrapper .permission-content .form-save a.trans{
    font-size: 18px;    
    text-align: center;
}

.right-wrapper .publish-content {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}

.right-wrapper .publish-status {
    margin-top: 35px;
}

.right-wrapper .publish-content > button{
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #666666;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 0 25px;
}

.right-wrapper .publish-content > p{
    margin-left: 25px;    
    font-size: 14px;
    line-height: 20px;
    color: #363636;
}

/* Target Student */

.target-student-from {
    margin-top: 35px;
}

.target-student-from .form-group{
    margin-bottom: 40px;
}

.target-student-from .form-group > label {
    font-size: 16px;
    color: #363636;
    line-height: 20px;
    margin-bottom: 10px;
}

.target-student-from .form-group .form-control {
    height: 50px;
    border-radius: 4px;
    border: 1px solid #cccccc;
    margin-bottom: 15px;
}

.target-student-from .form-group .btn-primary {
    background-color: rgba(0, 0, 0, 0);
    color: #1db4b3;
    border: 0;
    border-radius: 2px;
    padding: 10px 20px;
}

.target-student-from .form-group .btn-primary > i {
    margin-right: 5px;
}

.target-student-from .form-group .btn-primary:hover {    
    background-color: #1db4b3;
    color: #ffffff;
}

.target-student-from .form-group .btn-primary:focus, .target-student-from .form-group .form-control:focus   {
    box-shadow: none;
}


/* course-landing-form */

.course-landing-form {
    margin: 20px 0;
}

.course-landing-form .form-group{
    margin-bottom: 20px;
}

.course-landing-form .form-group label{
    font-size: 15px;
    color: #363636;
    margin-bottom: 10px;
}

.course-landing-form .form-group input, .course-landing-form .form-group select, .course-landing-form .form-group input, .course-landing-form .form-group textarea {
    height: 45px !important;
    border-radius: 4px;
    border: 1px solid #cccccc;
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;    
}

.course-landing-form .form-group input:focus, .course-landing-form .form-group select:focus, .course-landing-form .form-group input:focus, .course-landing-form .form-group textarea:focus{
    box-shadow: none;
}

.course-landing-form .form-group .form-control-counter-container {
    position: relative;
}

.course-landing-form .form-group .form-control-counter-container span {
    position: absolute;
    top: 0px;
    right: 0;
    height: 35px;
    width: 35px;
    margin: 5px;
    line-height: 35px;        
    text-align: center;
    background-color: #1db499e6;
    color: #ffffff;
    font-weight: 700;
}

.course-landing-form .form-group.course-decription .form-control-container{
    border:1px solid #cccccc;
    border-radius: 4px;
    background-color: #ffffff;
}

.form-control-container .btn-group {
    border: 0;
    border-radius: 0px;
    border-bottom: 1px solid #cccccc;
}

.form-control-container .btn-group > button.btn-secondary{
    border: 0;
    border-radius: 0;
    background-color: #ffffff;
    color: #000000;
    margin: 5px;
    height: 40px;
    width: 40px;
}

.course-landing-form .form-group.course-decription .form-control-container textarea{
    border: 0;
    border-radius: 4px;
    padding-left: 30px;
    padding-top: 20px;
    min-height: 80px;
}

.form-control-container .btn-group > button.btn-secondary:hover {
    background-color: #1db4b3;
    color: #ffffff;
}

.course-landing-form .form-group .form-select {
    margin-bottom: 15px;
    position: relative;
}

.course-landing-form .form-group .form-select::after {
    position: absolute;
    content: url("/static/scholarsight/images/dropdown-arrow.9ab125b6d150.png");
    top: 15px;
    right: 20px;
    line-height: 1;
    pointer-events: none;
}

.course-landing-form .form-group .form-select select {
    padding-right: 40px;
}

.course-landing-form .course-labels span.label-tag {
    background-color: #ffffff;
    color: #666666;
    padding: 10px 15px;
    border-radius: 4px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 4px -2px #444343;
}

.course-landing-form .course-labels span.label-tag > button{
    background-color: rgba(0, 0, 0, 0);
    color: #666666;
    margin-left: 5px;
}

.course-landing-form .course-labels > button {
    display: block;
    padding-left: 10px;
    color: #666666;
}

.course-landing-form .form-group p{
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
}

.course-landing-form .form-group p a{
    color: #1da1f2;
    text-decoration: none;
}

.course-landing-form .form-group .custom-file{
    margin-bottom: 20px;
}

.course-landing-form .form-group .custom-file label {
    height: 45px;
    line-height: 30px;
    padding-left: 15px;
}

.course-landing-form .form-group .custom-file label:after {
    height: 43px;
    line-height: 30px;
}

.course-landing-form .form-control-warning .alert-danger{
    position: relative;
    padding: 20px;
    padding-left: 40px;
    font-size: 15px;
    line-height: 20px;
}

.course-landing-form .form-control-warning .alert-danger > i{
    position: absolute;
    left: 13px;
    top: 25px;    
}

section#success .video-right-home{
    padding-bottom: 4%;
}
section#success .video-right-home iframe{
    height: 300px;
    width: 100%;
}

/*-----------------------------------------
    max-width media querys starts here
-------------------------------------------*/

/* max-width 1199 down */
@media(max-width:1199px){

    #couses-list .side-menu, #couses-list .side-menu-right {
        width: 350px;
        padding-left: 15px;
        padding-right: 15px;
    }

    #couses-list .courses-right-side.right-space{
        margin-left: 350px;
    }
    #couses-list .courses-left-side{
        margin-right: : 350px;
    }

    #search-banner .search-overlay > h2{
        margin-bottom: 30px;
    }

    #search-banner .search-overlay > p{
        margin-bottom: 25px;
    }


    #course-video-sec .rigth-options{
        width: 300px;
    }

    #course-video-sec .course-video-area{
        margin-right: 300px;
    }
}


/* max-width 991 down */
@media(max-width:991px){

    #google_sec .banner-slider .banner-item > img{
        width: auto;
        height: 495px;
        max-width: initial;
    }

    #couses-list .side-menu{
        width: 100%;
        position: relative;
    }
    #couses-list .courses-right-side.right-space{
        margin-left: 0;
    }
    .side-menu-btn{
        display: block;
    }

    .side-menu-btn > button{
        font-size: 20px;
        background-color: transparent;
        outline: none;
    }

    .side-menu-responsive{
        left: 0 !important;
        z-index: 99;
        height: 100%;
    }

    #couses-list .courses-right-side, #couses-list .courses-right-side{
        margin: auto;
    }

    #search-banner{
        margin-top: 0;
    }

    #search-banner .search-overlay > h2{        
        font-size: 50px;
    }

    #search-banner .search-overlay > p{
        font-size: 22px;
        line-height: 35px;
    }

    #search-resources{
        padding: 40px 0;
    }

    #search-resources .resource > h3{
        margin: 0 0 10px 0;
    }

    #search-blog{
        padding: 40px 0;
        padding-bottom: 50px;
    }

    #search-blog .blog-area{
        padding-bottom: 20px;
    }

    #auther-slider{
        padding-top: 10px;
    }

    #auther-slider .author-slider-area{
        padding: 50px;
    }


    #register, #sign-in{
        margin-top: 0;
    }

    .acc-form{
        margin: 25px auto;
    }

    /* Coursen Video Section Styles starts Herer */
    #course-video-sec {
        margin-top: 0;
    }

    #course-video-sec .rigth-options{
        top: 65px;
    }

    #course-video-sec .rigth-options{
        width: 250px;
    }

    #course-video-sec .course-video-area{
        margin-right: 250px;
    }

    #side-out{
        transform: translateX(-100%);
    }

    header.dashboard-header{
        margin-left: 0; 
    }

    main{
        margin-left: 0;
        padding: 10px 25px;
    }

    .toggle-menu-btn button{        
        display: block;        
    }

    .dashboard-menu .search-form{
        display: block;
    }

    .menu-in{
        transform: translateX(0%) !important;
    }

    .dashboard-nav .search-form{
        width: 400px;
    }

    #sidenav-overlay{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 120vh;
        background-color: rgba(0,0,0,.5);    
        display: none;
        cursor: pointer;
    }


    #inner-banner{
        margin-top: 0;
    }

    #course-landing-goals .course-item-links {
        width: 100%;
        position: relative;
    }
    
    #course-landing-goals .course-item-links .trans {
        position: absolute;
        top: 5px;
        right: 0;
        padding: 10px 20px;
        font-size: 15px;
    }


    #course-aside .navbar-nav {        
        flex-direction: row;
        flex-wrap: wrap;    
        padding-top: 15px;    
    }

    #course-aside .navbar-nav .nav-item {
        margin-left: 30px;
    }

    #course-aside {        
        border-top: 1px solid #CCCCCCCC;        
    }

    #course-landing-goals .course-right-side {
        margin-top: 15px;
    }

}


/* max-width 767 down */
@media(max-width:767px){    

    #google_sec .banner-slider .slick-arrow{width: 30px; height: 30px;}
    

    #search-banner .search-overlay{
        padding-top: 80px;
    }
    

    #couses-list .courses-right-side .courses-by-level .card{
        flex-direction: column;
        margin-bottom: 20px;
    }

    #couses-list .courses-right-side .courses-by-level .card .card-body > h5 {
        margin-bottom: 15px;
    }

    #couses-list .courses-right-side .courses-by-level .card .card-body > span {
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
        line-height: 15px;
    }

    #couses-list .courses-right-side .courses-by-level .card .course-img, #couses-list .courses-right-side .courses-by-level .card .card-body{
        width: 100%;
    }

    #couses-list .courses-right-side .courses-by-level .card .course-img > img{
        width: 100%;
        height: auto;
    }

    #search-resources{
        padding: 30px 0;
    }

    #search-resources .resource > h3{
        margin: 0;
    }

    #search-resources .resource .videos {
        padding: 20px 0;
    }


    #course-video-sec .rigth-options{
        position: initial;
        width: 100%;
    }

    #course-video-sec .course-video-area{
        margin-right: 0;
    }    

    main{
        padding: 15px 25px;
    }

    .dashboard-nav .search-form{
        display: none;
    }

    .title{
        position: relative;
    }

    .title h3{
        min-width: 200px;
        padding-right: 70px;
    }

    .title a {
        position: absolute;
        top: 10px;
        right: 0;
        margin: 0;
    }


    #inner-banner .inner-title-overlay > h2{
        font-size: 40px;
        margin: 65px 0;
    }

    #instructor-dashboard-main .more-links > a{
        font-size: 16px;
        margin-bottom: 10px;
    }

    .courses-by-instructor .card .card-body .course-max {
        display: none;
    }

    .courses-by-instructor .card .course-link .author-course {
        border: 0;
        width: 100%;
        padding-left: 10px;
    }

    #instructor-dashboard-main .more-links{
        margin-bottom: 30px;
    }

    #instructor-dashboard-main .inner_searchbox{
        width: 100%;
        margin-bottom: 20px;
    }

    #instructor-dashboard-main .sort-by-area{
        padding-left: 0;
    }

    #instructor-dashboard-main .sort-by-area > span.tag{
        display: none;
    }

    #instructor-dashboard-main{
        margin-bottom: 40px;
    }

    #illustration-detail{
        padding: 35px 0;
    }

    #illustration-detail h3{
        font-size: 25px;
        text-align: left;
    }

    #illustration-detail .course-illustration{
        margin-top: 30px;        
    }

    #illustration-detail .course-illustration .illustration-content h4{
        margin-bottom: 25px;
    }



    .performance-area .nav-pills{
        flex-direction: row !important;
        margin-bottom: 40px;
        border-bottom: 1px solid #cccccc;
    }

    .performance-area .nav-pills .nav-link.active {
        margin-left: initial;
        border-left: none;
        border-bottom: 5px solid #019bef;
    }

    #performanace-tabContent {
        background-color: rgba(0, 0, 0, 0);
        box-shadow: none;
                
    }

    #overview .tab-pane {        
        background-color: #f4f3f3;
        box-shadow: 0px 0px 5px 1px #cccccc;
    }

    #performance-tab #overview #pills-tab {
        display: none;
    }

    #performance-tab #overview .tab-header .nav-item{
        display: block;
    }    

    #overview .tab-pane {
        display: block !important;
        opacity: 1;
        margin-bottom: 20px;
    }

    #performance-tab #overview .tab-header {
        padding: 0;
    }

    #performance-tab #overview .tab-header .filter { 
        margin: 0;    
        padding-left: 20px;   
    }

    #performance-tab #overview .tab-header .filter > span {
        display: none;        
    }

    .goals-course-inner-overlay > img {
        display: none;
    }


    .goals-course-inner-overlay {
        padding: 50px 0;
    }

    .goals-course-inner-overlay .course-name-author{
        padding-right: 30px;
    }

    .goals-course-inner-overlay .course-name-author > span.status {
        position: relative;
        display: block;
        top: auto;
        right: auto;
        margin-bottom: 5px;
    }

    .right-wrapper .permissions-table table tbody tr th > span {
        display: block;
        margin: 0;
        width: 80px;
        text-align: center;
    }
    .right-wrapper .permissions-table .permission-checkbox {
        padding-top: 15px;
    }

}


/* max-width 575 down */
@media(max-width:575px){

    #search-banner{
        min-height: auto;
    }

    #search-banner .search-overlay{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #search-banner .search-overlay > h2{
        font-size: 40px;
        font-size: 10vw;        
        margin-bottom: 15px;
        line-height: 55px;
        line-height: 10vw;        
    }

    #search-banner .search-overlay > p{
        font-size: 18px;
        font-size: 5vw;
        line-height: 30px;
        line-height: 7vw;
    }

    #auther-slider .author-slider-area{
        padding: 50px;
        padding-top: 30px;
    }

    #auther-slider .search-auther-slider .auther-info > h5{
        font-size: 20px;
        line-height: 25px;
        margin-top: 10px;
    }


    .acc-form {
        max-width: 100%;
        padding: 25px 35px;
        margin: 25px 15px;
    }


    .home-sec .course-resourse{
        padding-top: 10px;
        padding-bottom: 0;
    }

    .home-sec .course-resourse > h3{
        font-size: 25px;        
    }

    .home-sec .course-resourse .resources-list li{
        padding-top: 12px;
        padding-bottom: 12px;
        line-height: 22px;
    }

    .home-sec .course-resourse .resources-list li i{
        left: 6px;
        font-size: 35px;
    }

    .home-sec .course-resourse .resources-list li span{
        font-size: 20px;
    }

    .home-sec .course-resourse .resources-list li a{
        font-size: 16px;
        line-height: 20px;
    }

    #create-channel .new-channel {
        min-height: 300px;
    }

    #create-channel .channel-info{
        margin-top: 25px;
    }

    .home-sec, #create-channel{
        margin-bottom: 40px;
    }

    #history-sec, #recommended-courses-intrest, #recommended-courses-history{
        margin-bottom: 30px;
    }


    .performance-area .nav-pills .nav-link {
        font-size: 14px;
        padding: 10px 8px;
    }

    #performance-tab #overview .nav-item > a {        
        padding: 14px 8px;
    }

    #performance-tab #overview .nav-item > a > span.count {
        font-size: 28px;
        line-height: 35px;
        color: #000000;
    }    

    #performance-tab #overview .nav-item {
        padding-top: 0;
        padding-left: 10px;
        padding-right: 1px;
    }
    
}


/* max-width 639 down */
@media(max-width:639px){
    #google_sec .banner-slider .banner-item > img{height: 88vh;}
}


/* max-width 479 down */
@media(max-width:479px){

    .side-menu-btn{
        top: 30px;
    }

    #couses-list .courses-right-side h3.serch-title{
        padding-bottom: 20px;
        font-size: 30px;
    }

    #couses-list .courses-right-side{
        padding: 20px 0;
    }

    .courses-by-level .card .card-body > h5{
        font-size: 16px;
    }

    .courses-by-level .view-more-course-link{
        padding: 0 0 20px 0;
    }

    .courses-by-level .view-more-course-link > a{
        font-size: 20px;
    }

    #search-resources .resource .videos .card .card-body > p{
        font-size: 16px;
    }

    #search-blog .blog-area{
        padding-top: 20px;
    }

    .acc-form{
        padding: 20px 15px;
        margin: 25px 10px;
    }

    .acc-form .divide-or{
        margin-bottom: 25px;
    }

    .acc-form .divide-or::before{
        transition: all ease-in 0.5s;
        transform: initial;
        top: initial;
        bottom: -4px;
        width: 100%;
        height: 2px;
    }

    .acc-form .divide-or::after{
        transition: all ease-in 0.5s;
        transform: translateX(-50%);
        left: 50%;
        top: initial;
        bottom: -18px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 10px 0 10px;
        border-color: #ffffff transparent transparent transparent;
        line-height: 0px;
        background: transparent;
        _border-color: #ffffff #000000 #000000 #000000;
        _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    }

    .social-links li{
        margin-bottom: 5px;
    }

    main{
        margin-top: 50px;
        padding: 10px 15px;
    }

    header.dashboard-header .rigth-menu .user-detail div > a > img{
        height: 40px;
    }

    header.dashboard-header .rigth-menu .user-detail{
        padding: 0 12px;
    }

    .toggle-menu-btn button{
        padding: 15px;
    }

    header.dashboard-header .rigth-menu > li.dropdown a{
        padding: 17px;
    }
    .course-slider .slick-prev{
        left: -15px;
    }

    .course-slider .slick-next{
        right: -15px;
    }

    main{
        padding-top: 20px;
    }

    main .page-title h2{
        font-size: 30px;
    }

    .home-sec .course-resourse > h3{
        font-size: 22px;
    }

    .home-sec .course-resourse .resources-list li span{
        font-size: 18px;
    }

    .home-sec .course-resourse .resources-list li a{
        font-size: 15px;
    }

    .home-sec .course-resourse .resources-list li{
        padding-left: 35px;
    }

    .home-sec .course-resourse .resources-list li i{
        left: 2px;
        font-size: 25px;
    }

    .title{
        margin-bottom: 15px;
    }

    .title h3{
        font-size: 25px;
    }

    .dashboard .card-body{
        padding: 10px 20px;
    }

    .dashboard .card-body h4{
        font-size: 20px;
    }

    .dashboard .card-body h5{
        font-size: 15px;
    }


    .course-right-side .right-wrapper .sub-header-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .sub-header-wrapper .action {
        margin: 15px 0 0 0;
    }
}

/*-----------------------------------------
    max-width media querys Ends here
-------------------------------------------*/
#search-banner.search-banner-course-path, #search-banner.category_about,
#search-banner.search-banner-course-path{background: rgba(0, 0, 0, 0) url("/static/scholarsight/images/search-banner.0cbabe0a128e.png") repeat scroll 0% 0%;}

#accordion {background: #f7f7f7;padding-top: 25px;}
#accordion .card{border: none;background-color: initial;margin-bottom: 20px;}
#accordion .card a.card{display: flex;flex-direction: row;min-height: 90px;border: 0;border-radius: 0;margin-bottom: 10px;text-decoration: none;}
#accordion .card .course-img {width: 20%;align-self: center;}
#accordion .card .course-detail{padding:10px;margin-right: 10px;background: #fff;border-right: 5px solid #e0d8d8;border-bottom: 5px solid #e0d8d8;padding-bottom: 5px;}
#accordion .card .course-detail:hover, #accordion .card .course-detail:focus{border-right: 5px solid #bfbaba;border-bottom: 5px solid #bfbaba;}
#accordion .card .course-detail h5{padding-bottom: 10px;}
#accordion .card .course-detail p{padding-bottom: 5px;}
#couses-list .tab-div{margin: 0;border-bottom: 1px solid #2d2d2d;position: relative;}
#couses-list .tab-div .tablinks{border-radius: 0;background: transparent;border: none;padding: 5px 4px 15px;margin: 0 15px 0 5px;}
#couses-list .tab-div .tablinks.active {border-bottom: 5px solid #2d2d2d;}
#couses-list .tab-div button:hover, #couses-list .tab-div button:focus{outline: none;}
#accordion .section-div{margin-bottom: 0;border: 1px solid #d0c7c7;}
#accordion .section-div .card-body{background: #fff;}
#about{display: none;padding-top: 25px;}
#about .inner-div{padding: 10px;}
#about .inner-div .prereq{margin-bottom: 25px;}
#about .inner-div h5{font-weight: 600;border-bottom: 1px solid;padding-bottom: 5px;margin-bottom: 10px;}
#about .inner-div ul{width: 100%;}
#about .inner-div ul li{display: block;}
#about .inner-div .profile{text-align: center;}
#about .inner-div .profile img{height: 75px;width: 75px;border-radius: 100%;margin-bottom: 15px;}
#about .inner-div .detail h6{font-size: 20px;font-weight: 600;color: black;}
#about .inner-div .authors ul li{border-bottom: 1px solid #d8d3d3;padding-bottom: 5px;margin-bottom: 15px;}
#accordion .course-content{padding: 15px;}
#accordion .course-content a{display: inline-block;font-size: 24px;line-height: 15px;padding: 15px 20px;color: #fff !important;text-decoration: none !important;border-radius: 5px;background: #50bfef;background: -moz-linear-gradient(left, #50bfef 1%, #a0cb94 50%, #f2d736 100%);background: -webkit-linear-gradient(left, #50bfef 1%,#a0cb94 50%,#f2d736 100%);background: linear-gradient(to right, #50bfef 1%,#a0cb94 50%,#f2d736 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50bfef', endColorstr='#f2d736',GradientType=1 );}
#accordion .course-content a:hover, #accordion .course-content a:focus{background: #1db4b3;text-decoration: none;}
#accordion .course-content h5{padding: 20px 0 10px 0;font-weight: 600;}
#accordion .course-content .details{padding-top: 50px;}
#accordion .course-content .details a{font-size: 20px;}
#accordion .row.course{margin: 0 10px;border: 2px solid #d0caca;background: #e5ebec;}
#accordion .course-content.table-content h5{padding: 0;padding-bottom: 10px;margin-bottom: 15px;border-bottom: 2px solid black;}
#accordion .table-content ul{width: 100%;}
#accordion .table-content ul li{display: block;border-bottom: 1px solid black;padding-bottom: 10px;margin-bottom: 10px;}


/*Pricing Page Style*/
#search-banner .subscription {padding: 90px 0;}
#search-banner .subscription h5{color: #ffffffd6;font-weight: 700;}
#search-banner .subscription h2{margin-bottom: 25px;}
#search-banner .subscription h4{color: #ffffffd6;}
#subcription-list{background: #f7f7f7;}
#subcription-list .subscribe{padding: 150px 0;}
#subcription-list .subscribe .detail{text-align: center;background: #fff;padding: 25px 0;margin-bottom: 15px;}
#subcription-list .subscribe .detail h3{color: black;font-size: 26px;font-weight: 100;}
#subcription-list .subscribe .price{font-weight: 300;height: 45px;font-size: 19px;margin-top: 25px;}
#subcription-list .subscribe .price .symbol{position: relative;top: -30px;left: 0px;}
#subcription-list .subscribe .price .amount {font-size: 65px;font-weight: 800}
#subcription-list .subscribe .detail h4{color: #252323;font-size: 15px;font-weight: 100;padding: 10px 0;}
#subcription-list .subscribe .detail .trans_btn{font-size: 20px;}


/*Account Summary Page Style*/
#account-details{background: #f7f7f7;}
.subscribe{padding: 40px 0}
.subscribe .user-detail{border-right: 2px solid #b5a7a7;padding-right: 40px;}
.subscribe h2{font-size: 23px;font-weight: 600;border-bottom: 1px solid #afa9a9;padding-bottom: 15px;}
.subscribe label{font-weight: 600;}
.subscribe .form-control{margin-bottom: 5px}
.subscribe .error-msg{color: red;font-weight: 600;}
.subscribe .trans_btn{font-size: 20px;line-height: 20px;}
.package-detail .plan{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-bottom: 15px;border-bottom: 1px solid #d6cccc;margin-bottom: 20px;}
.package-detail .plan span{flex: 0 0 50%;display: inline-block;font-weight: 600;font-size: 18px;}
.package-detail .plan .row_2{text-align: right;}
.package-detail .plan.last{border-bottom: none;}
#account-details .change-plan{text-align: center; padding: 35px 0}
#account-details .change-plan.cart{text-align: right;}
#account-details .change-plan.cart form{display: inline-block;}
#account-details .change-plan.cart .trans_btn{margin-bottom: 20px;}
#account-details .change-plan.cart .trans_btn .fa-caret-right{padding-left: 10px;}
#account-details .subscribe .box-msg{border: 3px solid #5d5656;background: white;padding: 50px;}
#account-details .subscribe .box-msg .img{padding-bottom: 20px;}
#account-details .subscribe .box-msg h4{font-family: initial;font-weight: 600;padding-bottom: 10px;}
#account-details .subscribe .box-msg p{font-family: initial;font-size: 16px;margin-bottom: 35px;}


/*Receipt Summary*/
#order-details .subscribe{padding: 50px 0}
#order-details .subscribe .header p{font-size: 22px; padding-top: 14px;}
#order-details .subscribe .heading{padding: 30px 15px;background: #f2f2f2;border-radius: 10px;margin-bottom: 30px;}
#order-details .subscribe .bordered-bar {margin-bottom: 20px;border-top: 2px solid #f2f2f2;border-bottom: 2px solid #f2f2f2;padding: 20px 0;}
#order-details .subscribe .bordered-bar h2{margin-bottom: 0;font-size: 17px;border-bottom: none;padding-bottom: 0;font-weight: bold;}
#order-details .subscribe .bordered-bar span{padding-left: 60px;text-transform: capitalize;letter-spacing: 0;}
#order-details .error{padding: 30px 15px;margin: 30px;border: 5px solid red;color: red;text-align: justify;}
#order-details .error h1{text-align: center;font-size: 20px;font-weight: bold;}


/*Subscription and Payment history page style*/
#search-banner.billing-details{background: #fff; min-height: auto;position: static;}
#search-banner.billing-details .info, #search-banner.billing-details .payment{margin: 40px 0}
#search-banner.billing-details .tab{font-size: 20px;}
#search-banner.billing-details .tab ul li{padding: 20px;text-align: center;}
#search-banner.billing-details .tab ul li.active,
#search-banner.billing-details .tab ul li:hover,
#search-banner.billing-details .tab ul li:focus{border-bottom: 5px solid #9a9393;}
#search-banner.billing-details .tab ul li a:hover, #search-banner.billing-details .tab ul li a:focus{text-decoration: none; color: #333333;}
#search-banner.billing-details .detail{padding: 30px 0;}
#search-banner.billing-details .detail h2{font-weight: 600;font-size: 18px;border-bottom: 2px solid black;padding-bottom: 10px;}
#search-banner.billing-details .detail h3{text-align: center;font-size: 18px;}
#search-banner.billing-details .plan {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 20px;}
#search-banner.billing-details .plan span {flex: 0 0 30%;display: inline-block;font-weight: 600;font-size: 18px;}
#search-banner.billing-details .plan span.index{flex: 0 0 5%;}
#search-banner.billing-details .plan span.last{flex: 0 0 64%;}
#search-banner.billing-details .upgrade{text-align: center;margin-top: 50px;}
#search-banner.billing-details .upgrade a{font-size: 18px;line-height: 18px;}
#search-banner.billing-details .content{margin-bottom: 25px;border-bottom: 3px solid beige;}
#search-banner.billing-details .payment .plan span.index{flex: 0 0 10%;}
#search-banner.billing-details .payment .plan span{flex: 0 0 25%;}
#search-banner.billing-details .payment .plan span.order-btn{text-align: right;flex: 0 0 40%;}
#search-banner.billing-details .payment .plan a{    font-size: 14px;
    line-height: 14px;
    margin-top: -15px;}

@media (max-width: 767px){
    #accordion .card a.card {flex-direction: column;}
    #accordion .card .course-img{padding: 0 10px;width: 100%;}
    #accordion .card .course-detail, #accordion .card .course-detail:hover, #accordion .card .course-detail:focus{margin: 0 10px;border: none;}
    #account-details .subscribe .user-detail{border:none; padding-right: 0; padding-bottom: 40px;}
    #account-details .change-plan.cart{text-align: center;}
    #search-banner.billing-details .tab{font-size: 15px;}
    #search-banner.billing-details .payment .plan span{flex: 0 0 44%;}
    #search-banner.billing-details .payment .plan span.order-btn{text-align: left; flex: 0 0 100%;}
}