@media screen and (max-width: 1366px) {
  header .main-menu-ui .right-box .main-menu-row li a {
    padding: 10px;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col {
    padding: 15px;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-feature-row ul {
    gap: 15px;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-feature-row ul li {
    font-size: 14px;
  }
}
@media screen and (max-width: 1275px) {
  .login-register-section {
    padding: 20px;
  }
  .login-register-section .login-register-row .login-right {
    padding: 40px;
  }
  .login-register-section .login-register-row .login-right h1 {
    font-size: 26px;
  }
  .login-register-section .login-register-row .login-right .feature-list {
    margin: 0 0 30px 0;
  }
  .login-register-section .login-register-row .login-right .feature-list li em {
    font-size: 18px;
  }
  header .main-menu-ui .left-box .logo-box .logo img {
    max-width: 140px;
  }
  header .main-menu-ui .right-box .main-menu-row li a {
    padding: 10px 5px;
    font-size: 14px;
  }
  header .main-menu-ui .right-box .btn-list .primary-btn {
    padding-left: 10px;
  }
  header .main-menu-ui .right-box .btn-list .red-btn {
    padding-left: 10px;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col {
    padding: 10px;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-feature-row ul {
    gap: 10px;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-feature-row ul li {
    font-size: 14px;
  }
  .start-learn-skill-content-section h3,
  .start-learn-role-content-section h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1100px) {
  .contact-content-section .contact-row .contact-left-col .col-md-6 {
    width: 100%;
  }
  header .main-menu-ui .right-box .mobile-menu-btn {
    display: block;
    height: 38px;
    width: 38px;
    border: none;
    background: #001750;
    color: #ffffff;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
  }
  header .main-menu-ui .right-box .mobile-menu-btn span {
    position: relative;
    margin: 6px auto;
    width: 90%;
    background: #ffffff;
    height: 2px;
    display: block;
  }
  header .main-menu-ui .right-box .mobile-menu-close-box {
    display: block;
    position: sticky;
    top: 0;
    left: 0;
    padding: 10px;
    text-align: right;
    z-index: 1;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
  header .main-menu-ui .right-box .mobile-menu-close-box .mobile-menu-close-btn {
    height: 38px;
    width: 38px;
    border: none;
    background: #D20A03;
    color: #ffffff;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
  }
  header .main-menu-ui .right-box .main-menu-container {
    position: fixed;
    top: 0;
    background: #ffffff;
    left: -2000px;
    height: 100vh;
    width: 50%;
    z-index: 10;
    overflow: hidden auto;
    transition: all 0.5s ease;
  }
  header .main-menu-ui .right-box .main-menu-container .main-menu-row {
    display: block;
    padding: 20px;
  }
  header .main-menu-ui .right-box .main-menu-container .main-menu-row > li {
    margin: 0 0 2px 0;
  }
  header .main-menu-ui .right-box .main-menu-container .main-menu-row li a {
    padding: 10px;
  }
  header .main-menu-ui .right-box .main-menu-container .main-menu-row .with-vertical-scroll .submenu {
    max-height: 100%;
  }
  header .main-menu-ui .right-box .main-menu-container .main-menu-row .mega-menu .mega-menu-content {
    max-height: 100%;
  }
  header .main-menu-ui .right-box .main-menu-container .main-menu-row .submenu .has-submenu .has-arrow {
    transform: none;
    -o-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
  }
  header .main-menu-ui .right-box .main-menu-container .main-menu-row .submenu .submenu {
    margin-top: 5px;
  }
  header .main-menu-ui .right-box .main-menu-container .main-menu-row .submenu,
  header .main-menu-ui .right-box .main-menu-container .main-menu-row .mega-menu {
    opacity: 1;
    visibility: visible;
    display: none;
    transform: none;
    position: static;
    width: 100%;
  }
  header .main-menu-ui .right-box .main-menu-container .main-menu-row .submenu.is-open,
  header .main-menu-ui .right-box .main-menu-container .main-menu-row .mega-menu.is-open {
    display: block;
    transform: none;
  }
  header .main-menu-ui .right-box .main-menu-container .main-menu-row .mega-menu .mega-menu-content {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  body.mobile-menu-active {
    overflow: hidden;
  }
  body.mobile-menu-active header .main-menu-ui .right-box .main-menu-container {
    left: 0;
  }
  body.mobile-menu-active header .main-menu-ui .right-box .main-menu-container-overley {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    content: "";
    z-index: 9;
    height: 100vh;
    backdrop-filter: blur(5px);
    display: block;
  }
  .banner-section .banner-top-row h1 {
    font-size: 38px;
  }
  .banner-section .banner-top-row .welcome-slider-row .slider-col {
    width: calc(60% - 10px);
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content {
    display: block;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .left-top-col,
  .banner-section .banner-bottom-row .banner-bottom-row-content .left-bottom-col {
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 10px);
    margin: 0 10px 10px 0;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .left-bottom-col {
    margin-right: 0;
    margin-left: 0;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col {
    display: block;
    width: 100%;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-feature-row {
    padding: 10px;
    text-align: center;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-feature-row ul {
    justify-content: center;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-it-row .how-it-col .how-it-step h4 {
    font-size: 18px;
  }
  .role-section .role-row .role-col h3 {
    font-size: 16px;
  }
  .role-section .role-row .role-col .primary-btn {
    height: auto;
  }
  .learning-category-section .category-row .category-col h3 {
    font-size: 16px;
  }
  .learning-category-section .category-row .category-col .primary-btn {
    height: auto;
  }
  .back-to-top {
    bottom: 110px;
  }
}
@media screen and (max-width: 1023px) {
  .login-register-section .login-register-row {
    display: block;
  }
  .login-register-section .login-register-row .login-right .login-testimonial-slider-box {
    position: relative;
    width: 100%;
    left: 0;
    bottom: 0;
  }
  .blog-section .blog-row .blog-col h3 {
    font-size: 18px;
    min-height: 50px;
  }
  .blog-section .blog-row .blog-col p {
    min-height: 60px;
  }
  .blog-section .blog-row .blog-col p:first-of-type {
    min-height: 5px;
  }
  .learn-by-role-details-section .role-row .role-top-details {
    flex-direction: column;
  }
  .learn-by-role-details-section .role-row .role-top-details .left-content {
    order: 2;
  }
  .learn-by-role-details-section .role-row .role-top-details .right-img-content {
    order: 1;
    min-width: 100%;
  }
  .learn-by-role-details-section .role-row .role-top-details .right-img-content img {
    margin: 0;
  }
  .learn-by-role-landing-section .common-section-header {
    flex-wrap: wrap;
    gap: 10px;
  }
  .learn-by-role-landing-section .common-section-header h2 {
    min-width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .contact-content-section .contact-row .contact-right-col {
    max-width: 320px;
    min-width: 320px;
    padding: 20px;
  }
  .login-register-section .login-register-row .login-left {
    display: block;
    width: 100%;
    min-width: 100%;
    min-height: 500px;
    margin: 0 0 20px 0;
  }
  .login-register-section .login-register-row .login-left .logo-box a img {
    max-width: 200px;
  }
  .login-register-section .login-register-row .login-right {
    display: block;
    width: 100%;
    margin: 0;
    min-height: 500px;
  }
  .left-drawer-with-collapse-btn-box {
    width: calc(100% - 10px);
  }
  .left-drawer-with-collapse-btn-box .left-drawer {
    width: 100%;
  }
  .left-drawer-with-collapse-btn-box.collapse-left-drawer .left-drawer-collapse-btn {
    position: relative;
  }
  .left-drawer-with-collapse-btn-box.collapse-left-drawer .left-drawer {
    display: none;
  }
  .inner-page-section .inner-page-row {
    flex-wrap: wrap;
  }
  .inner-page-section .inner-page-row .left-col {
    min-width: 100%;
  }
  .inner-page-section .inner-page-row .right-col {
    margin: 0 auto;
  }
  .inner-page-section .inner-page-row .right-col .advertisement-box {
    margin: 0;
  }
  .start-journey-row h2 {
    font-size: 28px;
  }
  .start-journey-row h3 {
    font-size: 16px;
  }
  .learn-by-role-landing-section .role-row {
    grid-template-columns: repeat(2, 1fr);
  }
  .learn-by-role-landing-section .role-row .role-col {
    padding: 10px;
  }
  .inner-banner-section h1 {
    font-size: 28px;
  }
  .common-section-header h2 {
    font-size: 28px;
  }
  .banner-section .banner-top-row .banner-tags-list {
    justify-content: center;
  }
  .banner-section .banner-top-row .left-col {
    margin: 0 0 20px 0;
    text-align: center;
  }
  .banner-section .banner-top-row .left-col .btn-list {
    justify-content: center;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-it-row {
    gap: 3px;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-it-row .how-it-col .how-it-step .primary-btn {
    height: auto;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-feature-row ul {
    flex-wrap: wrap;
    justify-content: start;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-feature-row ul li {
    text-align: left;
    margin: 0 0 10px 0;
    min-width: calc(33.33% - 10px);
  }
  .brands-section .brands-row {
    flex-wrap: wrap;
  }
  .brands-section .brands-row .brands-col {
    min-width: calc(33.33% - 15px);
  }
  .review-section .review-row .review-col p {
    min-height: 50px;
  }
  footer .top-footer .footer-row .footer-col h2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .contact-content-section h2 {
    margin: 0 0 20px 0;
  }
  .contact-content-section .contact-row {
    display: block;
  }
  .contact-content-section .contact-row .contact-left-col {
    max-width: 100%;
    margin: 0 0 20px 0;
  }
  .contact-content-section .contact-row .contact-left-col .primary-btn {
    text-align: center;
    display: block;
    margin: 0 auto;
  }
  .contact-content-section .contact-row .contact-right-col {
    max-width: 100%;
    min-width: 100%;
    padding: 20px;
  }
  .job-section .all-course-section .all-course-content .all-course-row .course-name-col h2 {
    font-size: 18px;
  }
  .login-register-section .login-register-row .login-left {
    padding: 20px 20px 60px 20px;
  }
  .login-register-section .login-register-row .login-right {
    padding: 20px;
  }
  .blog-details-section .blog-details-content-section h3 {
    font-size: 22px;
  }
  .blog-section .blog-row .blog-col .primary-btn {
    width: 100%;
    text-align: center;
  }
  .course-details-section .course-details-content-section {
    padding: 10px;
  }
  .course-details-section .course-details-content-section .course-title-row .course-name-col .course-brand-list {
    display: block;
  }
  .course-details-section .course-details-content-section .course-title-row .course-name-col .course-brand-list .by-brand-li {
    margin: 0 0 20px 0;
  }
  .course-details-section .course-details-content-section .course-topic-row .disc-list li {
    min-width: 100%;
  }
  header .sub-menu-ui {
    display: none;
  }
  .page-container {
    padding-top: 85px;
  }
  .common-pagination-ui {
    flex-wrap: wrap;
  }
  .common-pagination-ui .pagination-nav {
    flex-wrap: wrap;
  }
  .all-course-section .all-course-content .all-course-row {
    padding: 20px 10px 20px 60px;
  }
  .all-course-section .all-course-content .all-course-row .course-icon-img {
    height: 40px;
    width: 40px;
    font-size: 22px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    left: 10px;
    top: 20px;
  }
  .all-course-section .all-course-content .all-course-row .primary-btn {
    position: relative;
    right: auto;
    top: 0;
    margin: 10px 0 0 0;
    min-width: 150px;
    text-align: center;
  }
  .start-learn-role-content-section h3 {
    font-size: 24px;
  }
  .start-journey-row {
    padding: 20px;
  }
  .learn-by-role-details-section .learning-path-row .learning-path-header {
    flex-wrap: wrap;
  }
  .learn-by-role-details-section .learning-path-row .learning-path-header span {
    min-width: 100%;
  }
  .learn-by-role-details-section .learning-path-row .learning-path-header .right-box {
    gap: 5px;
  }
  .learn-by-role-details-section .learning-path-row .learning-path-header .right-box .circle {
    min-width: 8px;
  }
  .learn-by-role-details-section .learning-path-row .learning-path-content .start-phase-btn {
    position: relative;
    top: 0;
    right: 0;
    margin: 0 0 10px 0;
    background: #001750;
    color: #ffffff;
  }
  .learn-by-role-details-section .learning-path-row .learning-path-content .common-accordion-ui .accordion-item .accordion-header .accordion-button {
    flex-wrap: wrap;
    gap: 10px;
    padding: 15px;
  }
  .learn-by-role-details-section .learning-path-row .learning-path-content .common-accordion-ui .accordion-item .accordion-header .accordion-button .phase-count-btn {
    position: relative;
    right: 0;
  }
  .learn-by-role-details-section .learning-path-row .learning-path-content .phase-time-list li {
    padding: 10px;
    border: 1px solid #ACC4FF;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    flex-wrap: wrap;
  }
  .learn-by-role-details-section .learning-path-row .learning-path-content .phase-time-list li .phase-name {
    min-width: 100%;
  }
  .inner-banner-section {
    padding: 20px 0;
  }
  .common-section-header-with-desc {
    margin: 0 0 20px 0 !important;
  }
  .common-section-header-with-desc .common-section-header .section-header-btn {
    margin: 0 0 10px 0;
  }
  .inner-page-section {
    padding: 20px 0;
  }
  .back-to-top {
    bottom: 10px;
  }
  .content-container {
    width: 100%;
    padding: 0 10px;
  }
  .red-btn,
  .primary-btn {
    padding: 12px;
  }
  .red-btn em,
  .primary-btn em {
    display: none;
  }
  header .main-menu-ui {
    margin-top: 12px;
  }
  header .main-menu-ui .right-box .btn-list a.primary-btn, header .main-menu-ui .right-box .btn-list a.red-btn {
    padding: 5px;
  }
  header .main-menu-ui .right-box .btn-list span,
  header .main-menu-ui .right-box .btn-list em {
    display: none;
  }
  header .main-menu-ui .right-box .btn-list .btn-icon {
    display: block;
    font-size: 26px;
  }
  header .main-menu-ui .right-box .main-menu-container {
    width: 100%;
  }
  .common-section {
    padding: 20px 0;
  }
  .common-section-header {
    display: block;
    margin: 0 0 20px 0;
  }
  .common-section-header h2 {
    font-size: 28px;
    margin: 0 0 10px 0;
  }
  .common-section-header .section-header-btn {
    min-width: 130px;
    padding: 10px;
  }
  .banner-section .banner-top-row h1 {
    font-size: 32px;
  }
  .banner-section .banner-top-row h2 {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .banner-section .banner-top-row .banner-tags-list {
    justify-content: center;
  }
  .banner-section .banner-top-row .banner-tags-list li {
    padding: 5px 10px;
  }
  .banner-section .banner-top-row .welcome-slider-row {
    display: block;
  }
  .banner-section .banner-top-row .welcome-slider-row .trusted-col {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .banner-section .banner-top-row .welcome-slider-row .slider-col {
    width: 100%;
  }
  .banner-section .banner-top-row .welcome-slider-row .slider-col .welcome-slider .welcome-slide-content {
    padding-top: 80px;
    min-height: 100px;
  }
  .banner-section .banner-top-row .left-col {
    margin: 0 0 20px 0;
    text-align: center;
    padding: 0;
  }
  .banner-section .banner-top-row .left-col .btn-list {
    justify-content: center;
  }
  .banner-section .banner-top-row .right-col {
    padding: 0;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .left-top-col .left-top-col-content {
    padding: 20px;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .left-bottom-col .left-bottom-col-content {
    padding: 20px;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col h3 {
    font-size: 28px;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-it-row {
    gap: 5px;
    flex-wrap: wrap;
    margin: 0 0 10px 0;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-it-row::after {
    content: none;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-it-row .how-it-col {
    min-width: calc(50% - 10px);
    background: #ffffff;
    padding: 10px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    text-align: center;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-it-row .how-it-col::after {
    content: none;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-it-row .how-it-col .how-icon {
    margin: 0 auto 10px;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-it-row .how-it-col .how-it-step {
    padding: 0;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-it-row .how-it-col .how-it-step h4 {
    min-height: 10px;
    margin-bottom: 10px;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-it-row .how-it-col .how-it-step .primary-btn {
    height: 38px;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-feature-row {
    padding-bottom: 0;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-feature-row ul {
    flex-wrap: wrap;
    justify-content: start;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-feature-row ul li {
    text-align: left;
    margin: 0 0 10px 0;
    min-width: calc(33.33% - 10px);
  }
  .review-section .review-row .review-col p {
    min-height: 50px;
  }
  .role-section .role-row .role-col {
    padding: 10px;
  }
  .role-section .role-row .role-col img {
    margin: 0 0 10px 0;
  }
  .role-section .role-row .role-col h3 {
    margin: 0 0 10px 0;
  }
  .learning-category-section .category-row .category-col {
    padding: 10px;
  }
  .learning-category-section .category-row .category-col img {
    margin: 0 0 10px 0;
  }
  .learning-category-section .category-row .category-col h3 {
    margin: 0 0 10px 0;
  }
  .call-to-action-section {
    padding: 20px 0;
  }
  footer .top-footer {
    margin: 0 0 10px 0;
  }
  footer .top-footer .footer-row {
    flex-wrap: wrap;
  }
  footer .top-footer .footer-row .footer-col {
    min-width: calc(50% - 10px);
  }
  footer .top-footer .footer-row .footer-col h2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 500px) {
  .learn-by-role-landing-section .role-row {
    grid-template-columns: repeat(1, 1fr);
  }
  .news-section .news-row .news-col h3 {
    min-height: 10px;
  }
  .news-section .news-row .news-col p {
    min-height: 10px;
  }
  .brands-section .brands-row .brands-col {
    min-width: calc(50% - 10px);
  }
  .call-to-action-section .tags-list {
    flex-wrap: wrap;
  }
  .call-to-action-section h2 {
    font-size: 28px;
  }
  footer {
    padding: 20px 0;
  }
  footer .bottom-footer {
    text-align: center;
    gap: 10px;
    flex-flow: column-reverse;
  }
  footer .bottom-footer .left-col {
    min-width: 100%;
  }
  footer .bottom-footer .right-col {
    min-width: 100%;
    margin: 0 0 10px 0;
  }
  footer .bottom-footer .right-col ul {
    justify-content: center;
  }
}
@media screen and (max-width: 420px) {
  .contact-content-section .contact-row .contact-right-col .social-row ul li a {
    font-size: 30px;
  }
  header .main-menu-ui .left-box .logo-box .logo img {
    max-width: 130px;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .right-col .how-it-row .how-it-col {
    padding: 15px 5px;
  }
}
@media screen and (max-width: 374px) {
  .contact-content-section .contact-row .contact-right-col .social-row ul {
    gap: 2px;
  }
  .contact-content-section .contact-row .contact-right-col .social-row ul li a {
    font-size: 30px;
  }
  .blog-section .blog-row .blog-col h3 {
    min-height: 10px;
  }
  .blog-section .blog-row .blog-col p {
    min-height: 10px;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .left-top-col {
    min-height: 130px;
    display: inline-flex;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .left-top-col .left-top-col-content {
    padding: 10px;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .left-bottom-col {
    min-height: 130px;
    display: inline-flex;
  }
  .banner-section .banner-bottom-row .banner-bottom-row-content .left-bottom-col .left-bottom-col-content {
    padding: 10px;
  }
  .brands-section .brands-row .brands-col img {
    max-width: 120px;
  }
}/*# sourceMappingURL=media.css.map */