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

  Project Name: 
  File Name: docs.css
  Author: DRC Systems
  Author URI: https://themeforest.net/user/drcsystems-design
  Version: 1.0.0

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

/*----------------------------------------------------------------
  
  [Table of contents]
  
  1. External Fonts
  2. General
  3. Quck Nav
  4. Header
  5. Banner
  6. Section title
  7. Home page1
  8. Footer
  
------------------------------------------------------------------*/

/*=-=-=-=-=-=-=-=-=-=-=- External Fonts Start -=-=-=-=-=-=-=-=-=-=-=*/
@font-face {
    font-family: 'AvenirLTStdMedium_0';
    src: url("/static/CustomTheme/fonts/AvenirLTStdMedium_0.51df7634b560.eot");
    src: url("/static/CustomTheme/fonts/AvenirLTStdMedium_0.51df7634b560.eot") format('embedded-opentype'),
         url("/static/CustomTheme/fonts/AvenirLTStdMedium_0.e3a04c2adce9.woff2") format('woff2'),
         url("/static/CustomTheme/fonts/AvenirLTStdMedium_0.26354f2fdeea.woff") format('woff'),
         url("/static/CustomTheme/fonts/AvenirLTStdMedium_0.66c77bb7c8b7.ttf") format('truetype'),
         url("/static/CustomTheme/fonts/AvenirLTStdMedium_0.aede94c86527.svg#AvenirLTStdMedium_0") format('svg');
}
@font-face {
    font-family: 'poetsenoneregular';
    src: url("/static/CustomTheme/fonts/poetsenone-regular_0-webfont.67b434cee04f.woff2") format('woff2'),
         url("/static/CustomTheme/fonts/poetsenone-regular_0-webfont.6f077f3ddca9.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}
/*=-=-=-=-=-=-=-=-=-=-=- External Fonts End -=-=-=-=-=-=-=-=-=-=-=*/


/*=-=-=-=-=-=-=-=-=-=-=- General Start -=-=-=-=-=-=-=-=-=-=-=*/
img {max-width:100%;}
textarea:focus {border:none; outline:none;}
input {-webkit-appearance:none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; border-radius:0px;}
textarea {-webkit-appearance:none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; border-radius:0px; box-shadow:none;}
input[type="text"]:focus {border:none; outline:none; }
/*=-=-=-=-=-=-=-=-=-=-=- General End -=-=-=-=-=-=-=-=-=-=-=*/

/*=-=-=-=-=-=-=-=-=-=-=- Quck Nav start -=-=-=-=-=-=-=-=-=-=-=*/
.quck-nav {background:#373737; padding:10px 0 60px 0;}
.quck-nav .contact-no {display:inline-block; padding:0 15px 0 0;}
.quck-nav .contact-no a {line-height:30px; color:#ffffff; font-size:12px; text-decoration:none; }
.quck-nav .contact-no a:hover {color:#02cbf7; }
.quck-nav .contact-no a .fa {padding:0 8px 0 0;}
.quck-nav .quck-right {float:right; width:auto; }
.quck-nav .quck-right .right-link {display:inline-block; padding:0 11px 0 10px; position:relative; }
.quck-nav .quck-right .right-link a {line-height:30px; color:#ffffff; font-size:12px; text-decoration:none;}
.quck-nav .quck-right .right-link a .fa {padding:0 5px 0 0;}
.quck-nav .quck-right .right-link a:hover {color:#02cbf7; }
.quck-nav .quck-right .right-link:last-child {padding:0 0 0 10px;}
.quck-nav .quck-right .right-link .language-list {position:absolute; top:28px; left:0px; padding:0px; background:#fff; min-width:140px; z-index:9999; display:none;  border:solid 1px #ccc; border-radius:5px; margin-top:10px; }
.quck-nav .quck-right .right-link .language-list:after {position:absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; content:""; top:-10px; left:10px; }
.quck-nav .quck-right .right-link .language-list li {list-style:none; border-bottom:solid 1px #ccc; display:block;}
.quck-nav .quck-right .right-link .language-list li:last-child {border:none; }
.quck-nav .quck-right .right-link .language-list li a {color:#333; padding:0 10px; line-height:32px; font-size:14px; display:block;}
.quck-nav .quck-right .right-link .language-list li a:hover {color:#02cbf7; }
.quck-nav .quck-right .right-link .accout-link {position:absolute; top:28px; right:0px; padding:0px; background:#fff; min-width:140px; z-index:9999; border:solid 1px #ccc; border-radius:5px; margin-top:10px; display:none;}
.quck-nav .quck-right .right-link .accout-link:after {position:absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; content:""; top:-10px; right:10px; }
.quck-nav .quck-right .right-link .accout-link li {list-style:none; border-bottom:solid 1px #ccc; display:block;}
.quck-nav .quck-right .right-link .accout-link li:last-child {border:none; }
.quck-nav .quck-right .right-link .accout-link li a {color:#333; padding:0 10px; line-height:32px; font-size:14px; display:block;}
.quck-nav .quck-right .right-link .accout-link li a:hover {color:#02cbf7; }

/*=-=-=-=-=-=-=-=-=-=-=- Quck Nav end -=-=-=-=-=-=-=-=-=-=-=*/

/*=-=-=-=-=-=-=-=-=-=-=- Header start -=-=-=-=-=-=-=-=-=-=-=*/
#header {position:absolute; top:50px; left:0px; width:100%; z-index:99;  -moz-transition:all 0.5s ease-out 0s; -ms-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s; }
#header .container {background:#fff; }
#header #nav-main {padding:20px 25px 20px 25px; }
.navbar-nav > li {padding-bottom:31px; }
.navbar-nav > li > a {position:relative; padding-bottom:2px; }
.navbar-nav > li > a:hover:after {display:block;}
.navbar-nav > li > a:hover:before {display:block;}
.navbar-nav > li > a:after {position:absolute; bottom:0px; left:0px; width:100%; height:2px; background:#fe5969; content:""; display:none;}
.navbar-nav > li.active > a:after {display:block;}
.navbar-nav > li > ul {position:absolute; top:100%; left:0px;  background:#fff; border-top:solid 2px #fe5969; padding:0px; margin:0px; width:200px; display:none; box-shadow:0 5px 5px rgba(0, 0, 0, 0.2);}
.navbar-nav > li > ul:after {position:absolute; top:-10px; left:20px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fe5969; content:"";}
.navbar-nav > li > ul li {list-style:none; display:block; border-bottom:solid 1px #e0e0e0; }
.navbar-nav > li > ul li a {display:block; line-height:40px; padding:0 15px; font-size:16px; color:#333; text-decoration:none; }
.navbar-nav > li > ul li a:hover {color:#fe5969; }
.navbar-nav > li .arrow {display:none;}

#header .signIn-btn {float:right; padding:0 0 0 15px;}
#header .signIn-btn a {text-transform:uppercase;}
#header.fiexd {background:#fff; position:fixed; top:0px; left:0px; box-shadow:0 0 5px rgba(0,0,0,0.5);}
#header .cart-box {float:right; margin:6px 0 0 15px; cursor:pointer;}
#header .cart-box .fa {width:33px; line-height:33px; text-align:center; border-radius:50%; background:#c0c0c0; color:#fff; }
#header .cart-box .fa:hover {background:#fe5969;}
#header .search-box {float:right; margin:6px 0 0 15px; cursor:pointer;}
#header .search-box .fa {width:33px; line-height:33px; text-align:center; border-radius:50%; background:#c0c0c0; color:#fff; font-size:16px; }
#header .search-box .fa:hover {background:#fe5969;}

#header .container {position:relative; }
.navbar-nav > li.mega-menu {position:static; }
/*=-=-=-=-=-=-=-=-=-=-=- Header end -=-=-=-=-=-=-=-=-=-=-=*/

/*=-=-=-=-=-=-=-=-=-=-=- Banner start -=-=-=-=-=-=-=-=-=-=-=*/
.banner {position:relative;}
.banner-img {position:relative; }
.banner-img:after {background:rgba(0,0,0,0.5); position:absolute; top:0px; left:0px; width:100%; height:100%; content:""; }
.banner-img img {width:100%;}
.banner .banner-text {position:absolute; top:28%; left:0px; width:100%; text-align:center;}
.banner .banner-text p {display:block; margin:9px 0 0 0; font-size:30px; color:#ffffff; line-height:44px; }
.banner .search-box {display:inline-block; width:100%; max-width:520px; margin-top:52px; padding-right:60px; position:relative;}
.banner .search-box input[type="text"] {width:100%; height:60px; border:none; background:#fff; padding:20px 18px; line-height:20px; font-size:18px; color:#333333; }
.banner .search-box input[type="submit"] {position:absolute; top:0px; right:0px; width:60px; height:60px; border:none; background:url("/static/CustomTheme/images/search-icon.60621c691d4f.png") no-repeat center center #02cbf7; }
.banner .search-box input[type="submit"]:hover {background-color:#fe5969;}
.banner .learning-btn {display:block; padding:42px 0 0 0;}
.banner .learning-btn .btn {border-radius:0px; padding:15px 35px; font-size:24px; }

.inner-page .banner-img {background-size:cover; background-position:50% 50%; background-repeat:no-repeat; min-height:350px; }
.inner-page .banner-img:after {position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); content:""; }
.page-title {position:absolute; bottom:30%; left:0px; width:100%; text-align:center;}
/*=-=-=-=-=-=-=-=-=-=-=- Banner end -=-=-=-=-=-=-=-=-=-=-=*/

/*=-=-=-=-=-=-=-=-=-=-=- Section title start -=-=-=-=-=-=-=-=-=-=-=*/
.section-title {text-align:center; display:block;}
.section-title h2 {padding-bottom:20px; color:#02cbf7; line-height:50px; position:relative;}
.section-title h2:after {position:absolute; bottom:0px; left:50%; width:90px; margin-left:-45px; height:3px; background:#4d4d4d; content:"";}
.section-title h2:before { border-left: 5px solid transparent;border-right: 5px solid transparent; border-bottom: 5px solid #4d4d4d; content:""; position:absolute; bottom:3px; left:50%; margin-left:-5px;}
.section-title p {padding:19px 0 0 0; font-size:18px; color:#444; line-height:30px; display:inline-block; max-width:800px;}
.section-title.white h2 {color:#fff; }
.section-title.white h2:after {background:#02cbf7; }
.section-title.white h2:before {border-bottom: 5px solid #02cbf7; }
.section-title.white p {color:#fff; }
.section-title2 {display:block; }
.section-title2 h2 {position:relative; line-height:48px; color:#333333; font-size:40px; font-weight:bold; margin:0px; padding-bottom:26px; font-family:"Roboto",sans-serif;}
.section-title2 h2:after {position:absolute; bottom:0px; left:0px; width:100px; height:6px; background:#ffb241; content:""; }
/*=-=-=-=-=-=-=-=-=-=-=- Section title end -=-=-=-=-=-=-=-=-=-=-=*/

/*=-=-=-=-=-=-=-=-=-=-=- Home page1 start -=-=-=-=-=-=-=-=-=-=-=*/
.our-course {padding:60px 0;}
.our-course .section-title {padding-bottom:30px; }
.our-course .course-box {border:solid 1px #f1f1f1; margin-top:30px;}
.our-course .course-box .img {width:100%; position:relative;}
.our-course .course-box .img:after {position:absolute; top:0px; left:0px; width:368px; height:100%; background:url("/static/CustomTheme/images/courses-bg.f246729b54ea.png") no-repeat bottom left; content:""; }
.our-course .course-box .img img {width:100%; }
.our-course .course-box .img .price {position:absolute; top:30px; left:-8px; background:#02cbf7; color:#fff; text-align:center; width:58px; line-height:40px; font-size:18px; font-weight:bold; border-radius:0 5px 5px 0; text-transform:uppercase; z-index:3; font-family: 'Arima Madurai';}
.our-course .course-box .img .price:after {position:absolute; top:-8px; left:0px; content:""; border-left: 8px solid transparent; border-bottom: 8px solid #029ec0;}
.our-course .course-box .img .price.free {background:#fe5969;}
.our-course .course-box .img .price.free:after{ border-bottom: 8px solid #da3243}
.our-course .course-box .course-info {position:absolute; bottom:11px; width:100%; padding:0 20px; z-index:1;}
.our-course .course-box .course-info .date {display:inline-block; line-height:30px; color:#fff; font-size:14px; padding:0 19px 0 0;}
.our-course .course-box .course-info .date .fa {padding:0 7px 0 0; font-size:18px; }
.our-course .course-box .course-info .favorite  {float:right; width:auto;}
.our-course .course-box .course-info .favorite .fa {color:#fff; line-height:30px; font-size:20px; }
.our-course .course-box .course-name {display:block; padding:12px 20px 6px 20px; line-height:30px; font-size:24px; color:#4d4d4d; font-family: 'AvenirLTStdMedium_0'; }
.our-course .course-box .course-name span {display:block; font-size:14px; color:#333; line-height:20px; padding-top:2px; }
.our-course .course-box .course-name span em {color:#888; font-style:normal; }
.our-course .course-box .comment-row {display:block;}
.our-course .course-box .comment-row .box {display:inline-block; padding:0 19px 0 0; font-size:14px; color:#4d4d4d; line-height:36px; vertical-align:top;}
.our-course .course-box .comment-row .box .fa {padding:0 7px 0 0;}
.our-course .course-box .comment-row .enroll-btn .btn {line-height:34px; padding:0 18px; font-size:16px;width: -webkit-fill-available;}
@media(max-width:768px){.our-course .course-box .img:after {position:absolute; top:0px; left:0px; width:100%; height:100%; background:url("/static/CustomTheme/images/courses-bg.f246729b54ea.png") no-repeat bottom left; content:""; }}

.preparation {background:url("/static/CustomTheme/images/parallax/preparation-bg.010e5bfc7e56.jpg") no-repeat 50% 50%; background-size:cover; padding:55px 0; background-attachment:fixed;}
.preparation .preparation-view {padding:92px 0 42px 0;}
.preparation .preparation-view .item {position:relative; padding:0 0 0 79px; }
.preparation .preparation-view .item .icon {position:absolute; top:0px; left:0px; }
.preparation .preparation-view .course-name {padding-bottom:25px; font-size:18px; color:#ffffff; line-height:28px; font-family: 'poetsenoneregular'; }
.preparation .preparation-view .course-name span {display:block; line-height:22px; font-size:14px; font-family: 'AvenirLTStdLight_3'; }
.preparation .preparation-view p {line-height:24px; margin:0px; min-height:168px; font-size:16px; color:#ffffff; }
.owl-dots {position:absolute; bottom:0px; left:0px; width:100%; text-align:center;}
.owl-dots .owl-dot  {display:inline-block; width:20px; height:20px; border-radius:50%; border:solid 3px #02cbf7; margin:0 6px; }
.owl-dots .owl-dot.active {background:#02cbf7; }

.student-feedback {padding:100px 0;background:#f4f8fb;}
.student-feedback .section-title {text-align:center;margin-bottom:70px;}
.student-feedback .stats-wrapper {display:flex;justify-content:center;gap:50px;flex-wrap:wrap;}
.student-feedback .stat-box {flex:1 1 280px;max-width:320px;background:#ffffff;padding:55px 45px;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.06);text-align:center;transition:all 0.4s ease;}
.student-feedback .stat-box:hover {transform:translateY(-10px);box-shadow:0 30px 80px rgba(0,0,0,0.12);}
.student-feedback .stat-icon {width:95px;height:95px;margin:0 auto 30px;background:linear-gradient(145deg,#02cbf7,#00a2c7);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 25px rgba(2,203,247,0.35), inset 0 0 10px rgba(255,255,255,0.2);}
.student-feedback .stat-icon svg {width:40px;height:40px;}
.student-feedback .stat-number {font-size:60px;font-weight:700;color:#02cbf7;margin-bottom:10px;}
.student-feedback .stat-label {font-size:18px;color:#555;font-weight:500;}


.learning-journey-pro { padding:100px 0; background:#f3f6fb; }
.learning-journey-pro .section-title { text-align:center; margin-bottom:70px; }
.learning-journey-pro .section-title h2 { font-weight:600; font-size:28px; }
.learning-journey-pro .container { max-width:1400px; margin:0 auto; text-align:center; }
.journey-flow { display:inline-flex; align-items:center; justify-content:center; flex-wrap:nowrap; gap:25px; }
.journey-step { flex:0 0 auto; background:#4f6fb5; color:#fff; padding:35px 25px; border-radius:10px; font-size:14px; font-weight:500; min-width:180px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.08); transition:0.3s ease; }
.journey-step:hover { transform:translateY(-5px); box-shadow:0 12px 25px rgba(0,0,0,0.15); }
.journey-arrow { flex:0 0 auto; width:35px; height:3px; background:#c8d2e5; position:relative; }
.journey-arrow::after { content:""; position:absolute; right:-6px; top:-4px; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:8px solid #c8d2e5; }
@media(max-width:768px) { .journey-flow { flex-direction:column; gap:15px; } }
@media(max-width:768px) { .journey-arrow { width:3px; height:35px; background:#c8d2e5; } }
@media(max-width:768px) { .journey-arrow::after { left:-4px; top:auto; bottom:-6px; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #c8d2e5; border-bottom:none; } }
@media(max-width:768px) { .journey-step { width:100%; max-width:280px; } }


.start-learning {background:#02cbf7; padding:46px 0; }
.start-learning p {display:inline-block; vertical-align:top; line-height:50px; font-size:34px; color:#ffffff; font-family: 'poetsenoneregular'; margin:0px; }
.start-learning .btn {float:right; background:#4d4d4d; border-radius:0px;}
.start-learning .btn:hover {background:#fe5969;}

/*=-=-=-=-=-=-=-=-=-=-=- Home page1 end -=-=-=-=-=-=-=-=-=-=-=*/

/*=-=-=-=-=-=-=-=-=-=-=- Footer start -=-=-=-=-=-=-=-=-=-=-=*/
#footer .footer-top {background:#1e1d1d; padding:37px 0 20px 0;}
#footer .footer-top h4 {line-height:30px; font-size:21px; color:#ffffff; font-weight:600; margin:0px; padding:13px 0 0 0; }
#footer .footer-top .logo {padding-bottom:30px; }
#footer .footer-top p {display:inline-block; font-size:14px; line-height:24px; color:#cccccc; margin:0 0 22px 0; }
#footer .footer-top ul.popular {padding-top:10px;}
#footer .footer-top ul.popular li {padding:10px 0; }
#footer .footer-top ul {padding:30px 0 0 0; margin:0px; }
#footer .footer-top ul li {list-style:none; border-bottom:solid 1px #454444; }
#footer .footer-top ul li a{display:flex;align-items:center;gap:10px;line-height:40px;font-size:14px;color:#cccccc;text-decoration:none;}
#footer .footer-top ul li a:hover{color:#e74c3c;}
.footer-arrow{min-width:14px;fill:#cccccc;transition:transform .2s ease;}
#footer .footer-top ul li a:hover .footer-arrow{fill:#e74c3c;}
#footer .footer-top .contact-info {padding:25px 0 0 0;}
#footer .footer-top .contact-slide {display:block; padding:0 0 15px 25px; line-height:24px; font-size:14px; color:#cccccc; position:relative; max-width:225px;}
#footer .footer-top .contact-slide {display:block;padding:0 0 15px 0;font-size:14px;color:#cccccc;max-width:225px;}
#footer .footer-top .contact-slide a {display:flex;align-items:flex-start;gap:10px;color:#cccccc;text-decoration:none;}
#footer .footer-top .contact-slide a:hover {color:#e74c3c;}
#footer .footer-top .contact-slide svg {min-width:15px;margin-top:4px;}
#footer .footer-bottom {padding:27px 0; background:#181717; }
#footer .footer-bottom .coyp-right {line-height:26px; font-size:14px; color:#ffffff; display:inline-block; }
#footer .footer-bottom .social-media{display:flex;justify-content:flex-end;align-items:center;}
#footer .footer-bottom .social-media ul{display:flex;align-items:center;gap:18px;padding:0;margin:0;list-style:none;}
#footer .footer-bottom .social-media ul li{display:inline-block;}
#footer .footer-bottom .social-media ul li a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#02cbf7;border-radius:50%;transition:all 0.3s ease;}
#footer .footer-bottom .social-media ul li a svg{width:18px;height:18px;}
#footer .footer-bottom .social-media ul li a:hover{background:#e74c3c;transform:translateY(-4px);box-shadow:0 6px 18px rgba(0,0,0,0.15);}

/*=-=-=-=-=-=-=-=-=-=-=- Footer end -=-=-=-=-=-=-=-=-=-=-=*/  

/*=-=-=-=-=-=-=-=-=-=-=- All trasform css start -=-=-=-=-=-=-=-=-=-=-=*/
.btn2,
.btn2:before,
.btn2:after,
.banner .search-box input[type="submit"],
#footer .social-media ul li a .fa ,
.courses-view .filter-row .view-type .fa,
.pagination ul li a,
.about-team .member-box .img:after,
.about-team .member-box .sosiyal-mediya li a,
.about-team .member-box .sosiyal-mediya,
.our-teacher .teacher-box .img:after,
.our-teacher .teacher-box,
.our-teacher .teacher-box .sosiyal-mediya li a,
.our-teacher .teacher-box .sosiyal-mediya,
.right-slide .search-box input[type="submit"],
.right-slide .keyword-list li a,
.teacher-profile .sosiyal-share ul li a .fa,
.blog-details .comment-view .comment-box:after,
.event-page .event-box:after,
.event-page .event-box:before,
.event-page .event-box,
.event-view .speakers-box .speakers-img img,
.gallery-view .gallery-menu ul li:after,
.gallery-view .gallery-menu ul li:before,
.gallery-grid .img:after,
.gallery-grid .img .hover-thumb,
.right-slide .teacher-box .img:after,
.right-slide .teacher-box .sosiyal-mediya,
.reviews .rating-info .rating-slide .bar .fill,
.forums-member .member-box .img:after,
.forums-member .member-box .view-btn,
.group-tab-view .tab-menu ul li:after,
.banner.style2 .info-form .submit-box input,
.archived-course .course-material ul li a:after{-moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; transition:all 0.5s ease-in-out 0s;}
/*=-=-=-=-=-=-=-=-=-=-=- All trasform css start -=-=-=-=-=-=-=-=-=-=-=*/


/*=-=-=-=-=-=-=-=-=-=-=- Button style2 start -=-=-=-=-=-=-=-=-=-=-=*/
.btn2 { font-size: 14px; font-weight: bold; line-height: 40px; padding: 0 30px; position: relative; text-transform: uppercase; border:none; background:none; border-top:solid 1px #02cbf7; border-bottom:solid 1px #02cbf7; display:inline-block; position:relative; text-decoration:none; color:#02cbf7;}
.btn2:before,
.btn2:after{border-left:1px solid #02cbf7; position:absolute; height:16px; content:"";}
.btn2:before {left: 0; top: 0;} 
.btn2:after {right:0; bottom: 0;} 
.btn2:hover:before,
.btn2:hover:after {height:100%;}
.btn2:hover {background:#02cbf7; text-decoration:none; color:#fff;}
/*=-=-=-=-=-=-=-=-=-=-=- Button style2 end -=-=-=-=-=-=-=-=-=-=-=*/


/*=-=-=-=-=-=-=-=-=-=-=- Mobile Responsive styles start -=-=-=-=-=-=-=-=-=-=-=*/
@media (max-width: 1650px) {
.sign-upBox .sign-upText {left:auto; right:20px; }
}

@media (max-width: 1199px) {
.navbar-nav > li {padding-left:10px; padding-right:10px; }
.banner .banner-text {bottom:30px;}
.banner .banner-text h1 {font-size:50px; }
.banner .search-box {margin-top:20px;}
.banner .learning-btn {padding-top:20px;}
.our-course .course-box .comment-row .box {font-size:12px; padding:0 10px 0 0;}
.our-course .course-box .course-name {font-size:22px;}
.courses-view .product-footer .comment-box .box {padding:0 10px 0 0;}
.banner.style2 .left-slider .slide-info {max-width:420px; }
.newsletter-block label {font-size:28px;}
.sign-upBox .sign-upText {bottom:20%; max-width:480px; }
#header.style2 .mega-menu .menu-view {padding-left:20px; padding-right:20px; } 
}

@media (max-width: 991px) {
.quck-nav { text-align:center; display:inline-block; width:100%; }
#header {top:80px; }
.quck-nav .quck-right {float:none; display:block;}
.navbar-header {width:160px}
.navbar-brand {padding-left:0px; }
#header .cart-box {margin-top:12px; }
#header #nav-main {padding:20px 15px 20px 15px; }
.navbar-collapse.collapse {padding-right:0px;}
.nav > li {padding:0 5px 31px 5px;}
.nav > li > a {font-size:14px; line-height:40px; }
#header .signIn-btn {padding:0 0 0 10px; }
#header .signIn-btn .btn {font-size:14px; padding:5px 10px;}
.banner .banner-text {position:static; padding-top:30px;}
.banner .banner-text h1 {color:#333; font-size:40px;}
.banner .banner-text p {color:#666; font-size:24px; }
.banner .search-box input[type="text"] {border:solid 1px #e0e0e0; border-right:none;}
}

@media (min-width: 768px) {
.navbar-nav > li.mega-menu:hover .menu-view {display:block !important;}
.navbar-nav > li:hover > ul {display:block !important; }
}

@media (max-width: 767px) {
.container {padding:0 15px;}
#header {position:static !important; background:rgba(0,0,0,0.8);}
#header.style2 {display:inline-block; width:100%;}
.quck-nav {padding-bottom:10px; }
#header #nav-main {padding:10px 0 0 0;}
#header .cart-box {margin-top:0px; position:absolute; top:29px; right:70px; }
.navbar-header {padding-top:0px;}
.navbar-header {width:100%; max-width:100%; }
#nav-main .navbar-brand {max-width:250px;}
.navbar-collapse.collapse {padding:0px;}
.nav > li {padding:0; }
.navbar-nav > li.mega-menu {position:relative; }
.navbar-nav > li > a {display:block; font-size:16px;}
.navbar-nav > li > a:hover:after,
.navbar-nav > li.active > a:after {background:#fe5969;}
.navbar-nav > li > a:after{height:1px; display:block; background:#e0e0e0;}
.navbar-nav > li.sub-menu .arrow {display:block; position:absolute; top:0px; right:0px; line-height:36px; width:40px; text-align:center; padding-top:5px; font-size:14px; cursor:pointer;}
.navbar-nav > li > ul:after {display:none;}
.navbar-nav > li > ul {position:static; width:100%; background:#e0e0e0;border:none; box-shadow:0px 0px 0px; }
.navbar-nav > li > ul li {border-bottom:solid 1px #fff; }
.navbar-nav > li > ul li:last-child {border:none; }
.mega-menu .menu-view {position:static; padding-left:0px; padding-right:0px; background:#e0e0e0; border:none; box-shadow:0px 0 0; }
.mega-menu .menu-view ul li {border-bottom:solid 1px #fff; padding:0 15px; }
.mega-menu .menu-view .menu-title {padding:0 15px; }
.mega-menu .menu-view .menu-courses {display:none; }
#header .signIn-btn {float:none;}
#header .signIn-btn .btn {background:none; padding-left:5px;  padding-right:5px;}
.preparation .preparation-view {padding:40px 0;}
.start-learning  {text-align:center;}
.start-learning .btn {float:none; margin:10px 0 0 0;}
.courses-view .col-sm-6 {text-align:center;}
.courses-view.list-view {text-align:center; }
.courses-view .course-post {width:100%; max-width:400px; display:inline-block; text-align:left;}
.our-teacher .col-sm-6 {text-align:center;}
.our-teacher .teacher-box {max-width:350px; display:inline-block;}

#footer .footer-top .row .col-sm-3 {width:100%; min-height:inherit; padding-bottom:20px;  }
#footer .footer-top {padding-bottom:0px; }
#footer .footer-bottom {text-align:center; padding:20px 0; }
#footer .footer-bottom .social-media {float:none; padding:10px 0 0 0;}
#footer .footer-bottom .social-media ul li {padding:0 8px; float:none; display:inline-block; }
}

@media (max-width: 479px) {
#nav-main .navbar-brand {max-width:180px; }
#header .cart-box {top:19px; }
.our-team .member-info {padding-left:0px; border:none; padding-right:0px; }
.our-team .member-info .img {position:static; margin:0 auto 15px auto;}
#footer .footer-top .col-md-5 {width:100%; }
.student-feedback .feedback-slider .item{padding:0 30px; }
.student-feedback .feedback-slider .owl-prev {width:30px; line-height:30px;}
}

.facebook,.twitter, .youtube, .skype{
      width: 26px;
    line-height: 26px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

/*=-=-=-=-=-=-=-=-=-=-=- Mobile Responsive styles end -=-=-=-=-=-=-=-=-=-=-=*/

/* CONTACT PAGE */
.contact-section { padding:80px 0; background:#f8fbff; }
.contact-title { text-align:center; font-size:28px; font-weight:600; margin-bottom:60px; }
.contact-top { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; }
.section-heading { font-size:20px; font-weight:600; position:relative; margin-bottom:20px; }
.section-heading::after { content:""; width:60px; height:3px; background:#02cbf7; display:block; margin-top:8px; }
.contact-description { color:#555; line-height:1.7; margin-bottom:30px; }
.info-row { display:flex; gap:40px; margin-top:20px; }
.info-box { display:flex; gap:15px; align-items:flex-start; }
.info-box i { font-size:22px; color:#02cbf7; margin-top:5px; }
.info-box h4 { font-size:16px; font-weight:600; margin-bottom:5px; }
.info-box p { font-size:14px; color:#444; }
.info-box a { color:#000; text-decoration:none; font-weight:500; }
.info-box a:hover { color:#02cbf7; }
.contact-map iframe { border-radius:12px; box-shadow:0 10px 25px rgba(0,0,0,0.1); }
.department-section { background:#eef2f6; padding:80px 0; }
.department-wrapper { max-width:1100px; margin:0 auto; padding:0 20px; }
.department-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:30px; }
.dept-card { background:#fff; padding:25px; border-radius:12px; box-shadow:0 10px 20px rgba(0,0,0,0.05); transition:0.3s ease; }
.dept-card:hover { transform:translateY(-5px); box-shadow:0 15px 30px rgba(0,0,0,0.1); }
.dept-card h3 { font-size:18px; font-weight:600; margin-bottom:15px; position:relative; }
.dept-card h3::after { content:""; display:block; width:40px; height:3px; background:#02cbf7; margin-top:6px; border-radius:3px; }
.dept-card p { font-size:14px; margin-bottom:10px; display:flex; align-items:center; gap:8px; }
.dept-card i { color:#02cbf7; }
.dept-card a { text-decoration:none; color:#000; }
.dept-card a:hover { color:#02cbf7; }
p a:not(.btn):hover {text-decoration: none !important;}
@media (max-width:992px) {.department-grid { grid-template-columns:repeat(2,1fr); }}
@media (max-width:768px) {.contact-top { grid-template-columns:1fr; }.info-row { flex-direction:column; gap:20px; }.department-section { padding:50px 0; }.container {padding: 0px 30px; }}
@media (max-width:600px) {.department-grid { grid-template-columns:1fr; }}


/* ABOUT PAGE */
.about-hero { width:100%; overflow:hidden; }
.about-hero img { width:100%; height:auto; display:block; }
.about-hero-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:60px; }
.hero-text h1 { font-size:64px; font-weight:300; color:#222; }
.hero-image img { width:100%; border-radius:6px; }
.about-content { background:#e9eef3; padding:70px 40px; }
.about-content .container::before,
.about-content .container::after { content:none; display:none; }
.about-two-col { display:grid; grid-template-columns:1fr 1fr; gap:40px; width:100%; }
.about-two-col > div { background:#fff; padding:30px; border-radius:10px; box-shadow:0 10px 25px rgba(0,0,0,0.05); }
.about-two-col h2 { font-size:22px; font-weight:600; margin-bottom:15px; color:#222; }
.about-two-col p { color:#555; line-height:1.9; margin-bottom:16px; text-align:justify; }
.about-two-col p:last-child { margin-bottom:0; }
.about-heading { padding:40px 0; text-align:center; }
.about-heading h2 { font-size:22px; font-weight:600; }
.about-features { padding:60px 0; background:#f3f5f7; }
.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.feature-box { background:#1f3c6d; color:#fff; padding:40px; text-align:center; font-weight:600; border-radius:6px; }
.feature-box:hover { background:#244a85; }
@media(max-width:992px) {.about-hero-grid { grid-template-columns:1fr; }.about-two-col { grid-template-columns:1fr; gap:30px; }.feature-grid { grid-template-columns:repeat(2,1fr); }}
@media(max-width:600px) {.feature-grid { grid-template-columns:1fr; }.hero-text h1 { font-size:40px; }}


/* HONOR CODE PAGE */
.honor-section { max-width:900px; padding:70px 20px; }
.honor-intro { font-size:16px; line-height:1.8; margin-bottom:40px; color:#555; }
.honor-block { margin-bottom:45px; padding-bottom:35px; border-bottom:1px solid #dcdcdc; }
.honor-block:last-child { border-bottom:none; }
.honor-block h2 { font-size:22px; font-weight:600; margin-bottom:10px; color:#1e3a5f; }
.honor-block ul { padding-left:22px; line-height:1.9; }
.honor-block li { margin-bottom:8px; color:#444; }
.honor-note { font-style:italic; color:#555; margin-top:20px; padding:20px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.honor-last { padding-bottom:10px; }

/* HEADER DROPDOWN ISSUE IN MOBILE */
@media(max-width:768px){
  #header{position:fixed;top:0;left:0;width:100%;z-index:9999;background:#fff;}
  #header .container{width:100%!important;max-width:100%!important;padding:0 15px!important;}
  #nav-main .navbar{background:#fff;margin:0;border:0;}
  .navbar-header{align-items:center!important;width:100%!important;padding:0 15px!important;}
  .navbar-header .navbar-brand{margin:0!important;padding:0!important;width:auto!important;max-width:70%!important;flex:none!important;}
  .navbar-header .navbar-brand img{display:block;max-height:55px;}
  .navbar-header .navbar-toggle{margin: 0 0 0 70%;padding:8px 10px!important;float:none!important;flex:none!important;}
  #nav-main .navbar-collapse{background:#fff;position:relative;z-index:9999;}
  .banner{padding-top:90px;}
  .banner-img{pointer-events:none;}

}

/* COURSE CARD ISSUE */
.course-box{display:flex;flex-direction:column;height:auto!important;overflow:hidden;}
.course-box a{display:flex;flex-direction:column;height:auto!important;}
.course-box *{min-width:0;}
.course-name{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;}
.course-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.course-name:hover .course-title{-webkit-line-clamp:unset;overflow:auto;}

/* INSTRUCTOR DASHBOARD */
#footer .footer-bottom .social-media ul{float: inline-end !important;}


/* fix facets click + collapse bug */
.custom-search-facets{
position:relative;
z-index:50;
}

.custom-search-facets .facet-list{
display:block!important;
height:auto!important;
overflow:visible!important;
}

/* prevent header blocking clicks */
.site-header-desktop,
.header-action-bar{
z-index:5;
}

/* cursor */
.header-facet{
cursor:pointer;
}