/*aa*/
/*==================== Header Footer Resoinsive Css Start ===================*/


  @media (min-width: 768px) and (max-width:991.98px) {
  .navbar-toggler.menuClose-icon {display:none;}
  .navbar-toggler.menu-opened:before {top:10px; background:#fff; width:22px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
  .navbar-toggler.menu-opened span {opacity:0;}

  .navbar-toggler.menu-opened:after {-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; top:10px; border:0; height:2px; width:22px; background:#fff; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
  }
  
  @media (max-width: 991.98px) {
  #header .header_filled_btn, #header .header_border_btn {padding:8px 15px !important;}
  .menuoverlay {position:fixed; height:100vh; width:100%; background:rgba(0, 0, 0, 0.4); top:0; left:0; z-index:9;}
  #header .navbar-brand img {max-height:46px; width:auto;}
  #header .navbar-nav .dropdown-menu {border:none; position:absolute;}
  .navbar-toggler:focus, .navbar-toggler:active {outline:none; box-shadow:none;}
  .navbar-toggler {width:24px; height:24px; position:absolute; right:0px; padding:0; border:0; z-index:9;}
  .navbar-toggler:before {-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; position:absolute; top:0; right:0; display:block; height:2px; width:22px; background:#f26334; content:"";}
  .navbar-toggler span {-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; position:absolute; bottom:14px; right:0; display:block; height:2px; width:22px; background:#f26334;}
  .navbar-toggler:after {position:absolute; top:16px; right:0; display:block; height:4px; width:22px; border-top:2px solid #f26334; content:"";}
  header .collapse:not(.show) {display:block; position:fixed; top:0; left:-300px; height:100vh; overflow-y:auto; width:250px; background:#fff; padding:0 12px; padding-top:70px; box-shadow:0px 0px 20px rgba(0, 0, 0, 0.2); transition:all 0.5s; z-index:99;}
  header .collapse:not(.show).menu-show {left:0px;}
  body.scroll-off {overflow-y:hidden;}
  #header {height:65px;}
  #header .navbar-expand-lg .navbar-nav .nav-link.sign_up, #header .navbar-expand-lg .navbar-nav .nav-link.sign_in {margin:0 0; margin-top:10px; text-align:center;}
  .mobile_logo {position:absolute; top:0; left:0; padding:0 0 0 22px; box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.05); background-color:#fff; height:65px; display:flex; align-items:center; right:0;}
  .is-sticky .mobile_logo {padding:15px 10px;}
  .is-sticky .collapse:not(.show) {padding-top:75px;}
  .mobile_logo img {max-height:50px; width:auto;}
  #header .navbar-expand-lg .navbar-nav .nav-link.sign_up {margin-top:20px;}
  .overlay {position:fixed; height:100vh; width:100%; background:rgba(0, 0, 0, 0.4); top:0; left:0; z-index:1;}
  .user_dropdown .dropdown-toggle::after {display:none;}
  .user_dropdown > a {margin-right:40px;}
  #header .extra_nav {margin-left:0; border-top:1px solid #ddd; padding-top:15px;}
  #header .extra_nav.for_mobile {padding:0; margin-top:0; border:0;}
  #header .navbar-expand-lg .navbar-nav .nav-link {padding:5px 0;}
  #header .navbar-expand-lg .navbar-nav .nav-link.extra_btn {width:100%; margin-bottom:10px;}
  #header .navbar-expand-lg .navbar-nav .nav-link.lang_drop {width:60px; padding-left:30px; margin-bottom:0;}
  #header .navbar-expand-lg .navbar-nav .nav-item {margin-right:0px !important; margin-bottom:10px;}
  #header .extra_nav.for_mobile .nav-item {margin-bottom:0;}
  #header .navbar-nav .dropdown-menu {border:none; padding:0;}
  #header .for_mobile {display:block;}
  #header .for_desktop {display:none;}
  .extra_nav.for_mobile {margin-left:0 !important;}
  .user_dropdown > a {padding-left:0;}
  #header .navbar-expand-lg .navbar-nav .nav-link:before {display:none;}
  }

  @media (max-width: 767.98px) {
  .navbar-toggler.menuClose-icon {position:absolute; top:13px; right:15px;}
  .navbar-toggler.menuClose-icon::before, .navbar-toggler.menuClose-icon::after {display:none;}
  header .collapse:not(.show) {width:100%;}
  header .collapse:not(.show) {left:-100%; box-shadow:unset;}
  #header, .mobile_logo, #header, .mobile_logo, #header.is-sticky {height:70px;}
  header .collapse:not(.show) {padding-top:70px;}
  }
  
/*==================== Header Footer Resoinsive Css End ===================*/

/*==================== Pages Resoinsive Css Start ===================*/

@media screen and (max-width:1366px) {

}

@media screen and (max-width:1199px) {

}

@media screen and (max-width:1023px) {
  .pro_cons_sec{flex-wrap: wrap; gap:0px;}

}

@media screen and (max-width:991px) {
    .ai_tools_list{position: fixed;
    top: 16px;
    z-index: 1;
    right: 129px;}
  .banner_section h1{font-size: 33px;}
   .community_sec .banner_section h1{font-size: 33px;}
  .choose_skill .card_box{margin-bottom: 0px;}
  .register_sec h2{font-size: 32px;}
  .trusted_section{margin-bottom: 0px;}
  .trusted_section{padding: 40px 0px;}
  #header .divider{display: none;}
  #header .extra_nav{border-top: none;}
  
  .attributes_list li{width: 100%;}
  .attributes_list li:nth-child(2n+1){padding-right: 0px;}
  
  /*css by ravi */
.Jobs_Require .highlight-row {flex-direction:column;}
.Jobs_Require .highlight-card {flex:unset !important; height:250px;}
.Jobs_Require .vertical-text {writing-mode:horizontal-tb; transform:none;}

.highlight-row {flex-direction:column;}
.highlight_row .highlight_card {flex:unset !important; height:250px;}
.highlight_row .vertical-text {writing-mode:horizontal-tb; transform:none;}
.Training_Program{text-align: center;}
.Training_Program_img{text-align: center; margin-top: 18px;}
  .half_Tablist { display: grid; grid-template-columns: repeat(1, auto); gap: 0px 0px;}

  .inner_hd{font-size: 26px;}
  .modules_card_box{margin-top: 26px;}
  .why_sec_text h2{margin-top: 24px; font-size: 26px;}
  .innerbg_dmbatch_img{margin-top: 20px;}
  .courses_tab .nav-pills{gap: 10px;}
  .faqbox h2{font-size: 26px;}
    /*css by ravi End*/
  
.upcoming_workshop .upcoming_card {flex-direction:column; text-align:center;}
.upcoming_workshop .upcoming_card img {width:100%; height:auto;}
.upcoming_workshop .upcoming_w_content {padding:20px; display: flex; flex-direction: column; justify-content: center;}
  .info__boxes .left-box, .right-box{border-radius: 10px;}
}

@media screen and (max-width:880px) {
    
}

@media screen and (max-width:767px) {
      .footer_column ul{padding: 5px;}
  .h_banner{padding: 40px 0px;}   
  .banner_content{text-align: center;}
  .phone-mockup{margin-top: 20px;}
  .tcontainer{flex-wrap: wrap; justify-content: flex-start;}
  .trg_sec{flex-wrap: wrap; flex-direction: inherit; justify-content: left; align-items: center; margin-left: auto; margin-right: auto; margin-top: 30px;}
  .hero_section{padding: 20px 20px;}
  .hero_section h1, .interview_p_banner h1{    font-size: 27px;}
  .quiz_container {padding: 15px;}
  .quiz_info{border-radius: 8px; margin-bottom: 10px;}
  
  .quiz_hd h2{font-size: 23px;}
  .h2, h2{font-size: 23px;}
  .h3, h3{font-size: 19px;}
  .section{padding: 30px 10px;}
  .faq_section .faqbox{padding: 20px;}
  .quiztest_p .quiz_box{max-width: 100%; margin: 10px auto;}
  
  .com_container .nested-reply{margin-left: 0px; padding-left: 0px; border: 0px;}
  .com_container .reply-box{margin-left: 5px; width: 100%;}
  .com_container .comment{padding: 0px;}
  
  .card-container {flex-direction:column-reverse; margin:20px;}
  .login_left {order:2; text-align:center;}
  .login_right {order:1;}
  .section_title{font-size: 23px;}
  
  .intblog_tab .nav-pills{margin-bottom: 15px; height: auto;}
  .jobd_img{display: none;}
  .job_details .job_tags span{margin-bottom: 10px;}
  
  .footer_bottom{margin-top: 0px;}
  footer .container-fluid.py-5{padding-top: 0.5rem !important; padding-bottom: 1rem !important;}
  .banner_padding{padding: 30px 10px;}
  .quiz_banner_img{border-radius: 10px;}
  
  

  
}



@media screen and (max-width:576px) {
  .list-register li{padding: 8px 16px; font-size: 14px;}
  .list-register li img{width: 18px;}
  .banner_section h1{font-size: 26px;}
  .community_sec .banner_section h1{font-size: 26px;}
 .skillwaala_section .features{display: block;}
 .trusted_section .college_card{padding: 10px;}
 .choose_skill_tab{padding: 0px !important; margin-top: 30px;}
 .journey_card{width: 100%;}
 .register_sec h2{font-size: 23px;}
 .footer_contacts{padding: 12px 12px; flex-wrap: nowrap;}
  
  .search_box{flex-direction: column; display: inherit;}
  .ai_search .search_icon{bottom: auto; top: 15px;}
  
  .ai_pagination .page-link span{display: none;}
  .nph-tags-wrapper .btn-primary{width: 100%;}
  
  .courses-slider-wrap .course-prev {left:0;}
.courses-slider-wrap .course-next {right:0;}
  
/*Css by ravi */  
  .accordion_wrapper{ padding: 7px 6px;}
  .accordion_custom .accordion-button{padding: 12px;}
  .moduleicon i{font-size: 16px;}
  .highlight_row .vertical-text{font-size: 14px;}
  .highlight_row{gap: 6px;}
  .highlight_row .highlight-card-content{padding: 7px;}
  .faq_section .faqbox{padding: 10px;}
  .syllabus-wrapper{padding: 15px;}
  .syllabus-wrapper h2{margin-top: 54px;}
  .info__boxes .with-badge{display: none;}
  .scroll__container .tools-wrapper{gap: 8px;}
  .category_row_main .card-box{grid-template-columns: repeat(1, auto);}
  .Course_Banner_bottom {padding: 0;}
  .dmbatch_hero .innerbg_dmbatch{margin: 9px 3px;}
  .highlight_row{display: grid;}
 .dmbatch_hero .btn-light{margin-bottom: 10px !important; display: inline-block;}
 .dmbatch_hero .innerbg_dmbatch {padding: 24px 0px;}
  .innerbg_dmbatch .Course_Banner_bottom{margin-top: 10px;}
 .innerbg_dmbatch .Course_Banner_bottom .cbb_box{margin-top: 0px; width: auto;}
 .innerbg_dmbatch .Course_Banner_bottom{display: grid; grid-template-columns: repeat(2, 1fr);}
  
  
}

@media screen and (max-width:479px) {
   
}

@media screen and (max-width:380px) {

}

@media screen and (max-width:375px) {
  .pegination_sec .ai_pagination .page-item:first-child .page-link, .pegination_sec .ai_pagination .page-item:last-child .page-link, .pegination_sec .ai_pagination .pagination-custom .page-link{    padding: 6px 14px;}
}


/*==================== Pages Resoinsive Css Start ===================*/