.page-template-template-full-width header.entry-header, a.skip-link.screen-reader-text {
    display: none;
}
.free-demo-formm span.wpcf7-spinner {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.wpcf7 .invalid .wpcf7-response-output, .wpcf7 .sent .wpcf7-response-output,
.wpcf7 .invalid + .wpcf7-response-output, .wpcf7 .sent + .wpcf7-response-output {
    color: #fff;
    background: red;
    border: 0;
    padding: 10px;
    font-size: 18px;
    margin: 0;
    line-height: 1.3;
    border-radius: 5px;
}

.blog-single-main .blog-single-description a {
    color: #007bf9;
}

.wpcf7-not-valid-tip {
    font-size: 13px !important;
    padding-top: 2px !important;
    color: red;
}
.wpcf7 .screen-reader-response {
    display: none;
}
.wpcf7 .sent .wpcf7-response-output, .wpcf7 .sent + .wpcf7-response-output {
    background: green;
}
.course-title {
    text-transform: uppercase;
}

.course-title {
    text-transform: capitalize !important;
}
.mw-900 {
    max-width: 900px !important;
    margin-left: auto;
    margin-right: auto;
}
.profile-imgg img {
    height: 210px;
    object-fit: cover;
}
.clientt-secc-imgg .clientt-sec-outer:last-child {
    margin-right: 0;
}
.clientt-secc-imgg .clientt-sec-outer {
    flex: none !important;
    max-width: calc(20% - 15px) !important;
    margin-right: 10px;
    margin-left: 0;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 5%);
}
.count-text {
    font-size: 18px;
    font-weight: 600;
}
.counter-numm, .count-text {
    font-family: "poppins";    
}
.tech_vigya_button{
max-width:180px;
}
.counter-numm {
    font-weight: 600 !important;
}
.main-mega-headerr .site-description{
    display: none !important;
}
.courses-roww *, .footer-nav-items li.footer-nav-item *, .social-icon * {
    transition: all .3s ease;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .main-mega-headerr > nav.navbar  {
    max-width: 1140px !important;
}
.homepage-bannerr .banner-bg-img .banner-bg-img-inner {
    min-height: 500px;
}
.inner-banner-title .banner-bg-img .banner-bg-img-inner {
    min-height: 250px;
}
.social-icon > a > i {
    width: 45px;
    font-size: 18px;
    height: 45px;
    background: #095075;
    color: #fff;
    text-align: center;
    line-height: 45px;
    border-radius: 50%;
}
.social-icon > a:hover > i {
    transform: scale(1.1);
}
.social-icon-white > a > i {
    background: #fff;
    color: #095075;
}
.counter i {
    font-size: 50px;
}
.col--inner {
    height: 100%;
}
.p-3 {
    padding: 1rem !important;
}
/*.course-icon {
    background: #e7f2f8;
}
*/.imagee-contentt{
    background: #dadbdb;
}
/*.d-flex-flex-wrap-align-items-center-justify-content-center{
    
}*/
/*.content-imageee{
  position: absolute;
  top: 305px;
  right: 55px;
}*/

.clientt-sec-outer {
    background: #fff;
    margin: 0 9px;
    text-align: center;
    padding: 0;
    border-radius: 10px;
}

.footer-nav-items li.footer-nav-item > a {
    color: inherit;
    margin-bottom: 12px;
    display: inline-block;
    text-decoration: none;
}

.footer-nav-items li.footer-nav-item > a:hover {
    padding-left: 10px;
}
.clientt-secc-imgg img {
    max-width: 180px;
    height: 70px;
    object-fit: contain;
    margin: 15px 0;
    width: 100%;
}
.mega-dropdown-menu > li > ul > li * {
    transition: padding .3s ease;
}
header.main-mega-headerr img.custom-logo {
    width: 100px;
    height: auto;
}
section.homepage-bannerr, .homepage-counter-sec, .inner-banner-title {
   background-image: url(/wp-content/uploads/2022/02/home-page-banner-c.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

 
}

.homepage-counter-sec {
    background-image: url(/wp-content/uploads/2022/02/homepage-counter-sec-c.jpg);
}
.training-counter-sec{
   background-image: url(/wp-content/uploads/2022/02/industrial-img.jpg);  
}
.development-inner-pages{
background-image: url(/wp-content/uploads/2022/02/web-desinging-c.jpg) !important;
} 
.digital-inner-pages{
      background-image: url(/wp-content/uploads/2022/02/digital-banner.jpg) !important;
}

section.homepage-bannerr:before,
.homepage-counter-sec:before, .inner-banner-title:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 60%);
}

h1,
h2,
h3,
h4,
h5,
h6,
.btn {
    font-family: "Poppins" !important;
    font-weight: 600 !important;
/*    text-transform: uppercase !important;*/
}

span.typed-cursor {
    color: #5e5e5e;
    font-weight: 300;
    -webkit-animation: blink-caret 0.8s step-end infinite;

}

@-webkit-keyframes blink-caret {

    from,
    to {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@-moz-keyframes blink-caret {

    from,
    to {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

.container {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.modal-dialog {
    position: relative;
    width: calc(100% - 40px) !important;
    height: 100vh !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.course-icon i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    background: #095075;
    border-radius: 80px;
    margin-bottom: 10px;
}

.bg-videoo {
    position: absolute;
    top: 00%;
    left: 00%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.overlay-videoo {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
}

.bg-videoo-inner .bg-video-contentt {
    z-index: 2;
}

.bg-video-contentt {
    max-width: 600px;
}
.courses-roww .col--inner:hover {
    background: #095075;
}
.courses-roww .col--inner:hover * {
    color: #fff !important;
}
.courses-roww .col--inner:hover i {
    color: #095075 !important;
    background: #fff;
    transform: scale(1.1);
}
p.course-description {
    padding: 0 10px;
}
/*===== 3feb2022 ===*/
.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
        padding: 50px;
}
.header-inner .header-navigation-wrapper .primary-menu{
list-style: none;
}
.header-inner .header-navigation-wrapper .primary-menu li a{
   text-decoration: none;
    font-size: 16px;
    color: #54595f;
    font-weight: 400;
    line-height: 1.5rem;
    font-family: "poppins";
}
.toggle-text{
    display: none;
}
.site-logo .screen-reader-text {
    display: none;
}
.header-navigation-wrapper{
    display: block !important;
}
 .primary-menu-wrapper{
    display: block !important;
}


/*HEADER MEGA MENU CSS START HERE*/
.navbar-nav>li>.dropdown-menu {
      margin-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border: none;
    border-radius: 0px;
    border-top: 2px solid #00537e;
}

.navbar-default .navbar-nav>li>a {
    font-size: 19px;
    font-family: "poppins";
     text-shadow: -1px 2px 0px rgba(0,0,0,.2);
 
}
.entry-content > p {
    margin-bottom: 0;
}
.entry-content > p > br, .entry-content > br {
    display: none !important;
}
.mega-dropdown {
  position: static !important;
}
.mega-menu-imgg {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    padding-top: 8px;
}
main > article > .section-inner, .footer-nav-widgets-wrapper.header-footer-group {
    display: none;
}

.mega-dropdown-menu {
  padding: 10px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.main-mega-headerr .navbar-nav li a {
color: #666;
    padding: 5px 10px;
    font-family: "poppins";
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
    font-size: 14px;
}
.main-mega-headerr .navbar-nav li a:hover{
color: #00537e;
    text-decoration: none;
}
ul.nav.navbar-nav .dropdown-toggle {
    font-family: "poppins";
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
    font-size: 14px;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
  display: block;
    padding: 3px 0px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333;
    white-space: normal;
    font-size: 13px;
    font-weight: 600;
    font-family: "poppins";
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
      color: #2196f3;
    background: none;   
    
}

.mega-dropdown-menu .dropdown-header a{
    color: #095075 !important;
  /*  margin-left: 8px !important;*/
    font-size: 18px !important;
    line-height: 1.3 !important;
    margin-bottom: 5px !important;
    font-family: "poppins" !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}
.navbar-nav>li>.dropdown-menu li a{
    font-weight: 500;
    transition: all .3s ease;
}
.navbar-nav>li>.dropdown-menu li a:hover .right-arrow{
       color: #095075;
       padding-left: 5px;
}
.right-arrow {
    font-size: 11px;
    font-weight: bolder;
    color: #333;
}
.mega-dropdown-menu li.divider {
/*    border: 1px solid #e5e5e5;*/
    margin-top: 10px;
    margin-bottom: 11px;
}
.mega-dropdown-menu form {
  margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}

.navbar-default {
    background-color: #ffffff !important;
    border: none!important;
    border-radius: 0px !important;
}
.glyphicon {
    position: relative;
    top: 3px !important;
}
.dropdown-header {
    display: block;
    padding: 3px 0px !important;
}
.drop_active {
    transform: translateY(-2px);
}
/*HEADER CSS EBND HERE*/


      .progress-outer{
        margin: 10px 0 25px 0;
      }
      .progress{
      height: 15px;
      margin: 0;
      overflow: visible;
      border-radius: 50px;
      background: #eaedf3;
      box-shadow: inset 0 10px  10px rgba(244, 245, 250,0.9);
      }
      .progress .progress-bar{
      border-radius: 50px;
      }
      .progress .progress-value{
      position: relative;
      left: -45px;
      top: 4px;
      font-size: 14px;
      font-weight: bold;
      color: #fff;
      letter-spacing: 2px;
      }
      .progress-bar.active{
      animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
      background: #00537e !important;
      }
      @-webkit-keyframes animate-positive{
      0% { width: 0%; }
      }
      @keyframes animate-positive {
      0% { width: 0%; }
      }
/*====form css ====*/
.checkbox-outer{
    display: flex;
    flex-direction: column;
}
.checkbox-outer .wpcf7-list-item{
   display: flex;
    margin-bottom: 10px;
    align-items: center;
}
.checkbox-outer .wpcf7-list-item-label{
    margin-left: 10px;
}
/*====form css ====*/

/* ===== map =====*/
.map-outer{
    height: 300px;
}
.map-outer #map{
    height: 300px !important;
}
/* ===== map =====*/
.form-group input, .form-group select{
    border-radius: 6px !important;
}
.text-transform-none {
    text-transform: none !important;
}
.follow-icn-outer i{
  background: #095075;
    border-radius: 40px;
    color: #fff;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
}
.privacy-outer p{
    margin-bottom: 24px;
}
.privacy-outer ul{
    padding-left: 4px;
}
.privacy-outer ul li, .circle-icn li{
    margin-bottom: 7px;
}
.privacy-outer ul i{
    font-size: 10px;
    margin-right: 8px;
}
/*.icn-list{
    list-style: none;
        display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}*/
.icn-list li{
    width: calc(33.33% - 16px);
    margin: 8px;
}
/* ===== start testimonial =====*/

.content-topp{
      background-image: url(/wp-content/uploads/2022/02/testimonial.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
padding: 35px;
}
.client-review-stars i{
    color: #fec42d;
}
.quotes-oter{
    font-size: 40px;
}
.bottom-indicator{
    bottom: -30px;
}
.bottom-indicator li{
 
    border: none !important;
    background: #095075 !important;
   
}
.content-bottom{
        margin-top: -35px;
}
/* ===== end testimonial =====*/



/* ===== blog ===*/
.blog-list-image-inner {
    padding-bottom: 65%;
}
.blog-list-image-inner img {
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.blog-list-description {
    font-size: 15px;
}
.blog-list-category {
    z-index: 1;
    position: relative;
    top: 10px;
    left: 10px;
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    font-family: "poppins";
}
.blog-tags .btn {
    font-size: 10px;
    line-height: 1;
}
span.comment-reply {
    padding-top: 10px;
    display: inline-block;
}
.comments-inner > .comment {
    margin-bottom: 25px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 25px;
}
.comments-inner > .comment:last-child {
    margin-bottom: 0;
    border-bottom: 0px solid #e0e0e0;
    padding-bottom: 15px;
}
.comment-author span.fn {
    display: inline-block;
    padding-left: 15px;
    padding-right: 5px;
}
.comment-author {
    font-size: 18px;
    font-family: "poppins";
    font-weight: 600;
    color: #095075;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.node_js_course {
    padding-left: 100px;
}
.angular-js-course{
    padding-left: 100px;
}
.comment-author .avatar {
    border-radius: 50%;
}
.comment-metadata time {
    font-weight: 600;
}
p.comment-form-cookies-consent {
    margin-top: 15px;
}
/* ===== blog ===*/

::-webkit-scrollbar {
    width: 5px;
}
 
::-webkit-scrollbar-track {
    background: #aaa; 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #00537e;
}
ul.nav.navbar-nav .mega-dropdown > .dropdown-toggle.desktopp {
    line-height: 144px;
}
@media (min-width: 768px) {
 p.comment-form-email {
    margin-left: 14px;
}
.comment-form-author, p.comment-form-email {
    display: inline-block;
    width: calc(50% - 9px);
}
}
@media (min-width:  992px){
.header-inner .toggle{
    display:  none;
}
/*.main-mega-headerr .navbar-nav > li > a {
    line-height: 145px !important;
} */
.mobilee {
    display: none !important; 
}
}
@media only screen and (max-width: 991.98px) {
    .icn-list li {
        width: calc(50% - 16px);
    }
    .icn-list {
        max-width: 650px;
        margin-left: auto;
        margin-right: auto;
    }
    .header-inner .header-navigation-wrapper .primary-menu{
        display: none;
    }
    /*.main-mega-headerr .navbar-nav > li > a {
         line-height: 2.5 !important;
    }*/
    .homepage-about img, .progress-bar-sec img{
        width: 100% !important;
    } 
    header.main-mega-headerr img.custom-logo, .col--inner img{
        width: 100px !important;
    }
    .content-bottom img {
      width: auto !important;
    }
    .desktopp {
        display: none !important; 
    }
    li.dropdown.mega-dropdown ul.dropdown-menu {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: all .3s ease;
        padding: 0 !important;
        height: 0;
    }
    li.dropdown.mega-dropdown .mobilee_active + ul.dropdown-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        transition: all .3s ease;
        padding: 10px 0 20px !important;
        height: 100%;
    }
}



/*===== 3feb2022 ===*/
@media (max-width:  767px) {
.clientt-secc-imgg .clientt-sec-outer {
    max-width: calc(50% - 20px) !important;
    margin-right: 10px;
    margin-bottom: 10px;
}
.clientt-secc-imgg .clientt-sec-outer:nth-child(2n) {
    margin-right: 0px;
}
.profile-imgg img {
    height: auto;
}
}
@media (max-width: 650px) {
.icn-list li {
    width: 100%;
    margin: 8px;
    max-width: 300px;
    display: flex;
}
.page-link {
    padding: 0.2rem 0.45rem !important;
}
}

.slider-images-new-batch{
animation: fadeIn ease 1s;
}


@keyframes fadeIn{
0% {
opacity:0;
}
100% {
opacity:1;
}
}
.new-batch-bannerr {
width: 100%;
background-image: linear-gradient(to top, rgb(0 0 0 / 65%), rgb(0 0 0 / 65%)), url(http://localhost/devexhub_in/wp-content/uploads/2022/09/bannerr.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.courses-iconn {
width: 65px;
height: 65px;
line-height: 60px;
text-align: center;
font-size: 30px;
color: #fff;
background: #095075;
border-radius: 80px;
margin: 0 auto;
}
.col-inner-coursee {
height: 100%;
}
.courses-roww .col-inner-coursee:hover {
background: #095075;
}
.courses-roww .col-inner-coursee:hover * {
color: #fff !important;
}
.col-inner-coursee:hover .courses-iconn {
background-color: #fff;
}
.custom-widthh {
max-width: 800px;
margin: 0 auto;
}
.imagee-contentt {
width: 100%;
position: absolute;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
bottom: 0;
background-color: #d9d9d9eb;
}
.course-icon img {
border-radius: 19px;
}
.slider-contentt p {
max-width: 187px;
}
.slider-contentt {
top: 35px;
left: 45px;
}
.slider-contentt i {
width: 50px;
height: 50px;
background-color: #D9D9D9;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.outer-sliderrr .slick-track {
display: flex;
align-items: center;
transition: all .3s ease;
}
.outer-sliderrr button.slick-prev.slick-arrow, 
.outer-sliderrr button.slick-next.slick-arrow {
display: none;
}
.inner-single-sliderr {
height: auto;
}
.slider-imagee {
padding-bottom: 70%;
border-radius: 12px;
overflow: hidden;
}
.slider-imagee img {
top: 0;
left: 0;
height: 100%;
object-fit: cover;
opacity: 0.3;
}
.outer-sliderrr .slick-dots li button:before {
font-size: 20px;
}
.slider-contentt h5 {
font-weight: 700 !important;
text-transform: capitalize !important;
color: #095075;
font-size: 25px;
}
.slider-contentt p {
font-weight: 400;
font-size: 15px;
line-height: 24px;
color: #000000;
}
.outer-item-slidee .slick-track {
display: flex;
height: auto;
align-items: center;
}
.inner-slide-itemss {
align-items: center;
}
.outer-item-slidee .slick-track * {
box-sizing: border-box;
}
.outer-item-slidee .slick-list.draggable {
width: 100%;
}
.outer-item-slidee .slick-dots li button:before {
font-size: 20px;
}
.imageee img {
border-radius: 12px;
}
.outer-item-slidee button.slick-next.slick-arrow, .outer-item-slidee button.slick-prev.slick-arrow {
display: none;
}
.slide-contenttt h6 {
font-weight: 600;
font-size: 18px;
color: #000000;
}
.slide-contenttt p {
font-weight: 400;
font-size: 16px;
line-height: 26px;
}
.imageee {
padding-bottom: 50%;
border-radius: 12px;
overflow: hidden;
}
.imageee img {
top: 0;
left: 0;
height: 100%;
object-fit: cover;
}
.course-columnn {
width: 18%;
}
.hover-imagee {
display: none;
}
.col-inner-coursee:hover .hover-imagee {
display: block;
width: 45px;
margin: auto;
height: 65px;
object-fit: contain;
}
.col-inner-coursee:hover .show-imageee {
display: none;
}
.content-imageee {
margin-top: -9px;
}
.imagee-contentt h6, .imagee-contentt p {
color: #000000;
}
.inner-slide-itemss  .slide-contenttt img {
width: 58px;
height: 58px;
}
@media screen and (max-width: 767px) {
    .inner-popup-imgg {
    display: none;
    }
    main > section {
    overflow: hidden;
    }
    .outer-sliderrr {
    margin-top: 30px;
    }
    .course-columnn {
    width: 100%;
    }
}
.course-icon {
/*    background-color: #e7f2f8;*/
    border-radius: 19px;
}

.page-link {
    position: relative;
    display: flex;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: gray;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #095075;
    border-color: #095075;
}

.bg-image {
   background-image: url('https://devexhub.in/wp-content/uploads/2022/02/dev_11zon.jpeg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}

h2.heading-2.text-change {
    color: #fff !important;
}

p.change-text-paragh {
    color: white;
    margin-left: 80px;
    margin-right: 80px;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.6;
    z-index: 1;
}
.z-index-1 {
    z-index: 1;
}
.z-index-2 {
    z-index: 2;
}
.z-index-3 {
    z-index: 3;
}
.z-index-4 {
    z-index: 4;
}
.z-index-5 {
    z-index: 5;
}
.z-index-9 {
    z-index: 9;
}

.backgound-img-course {
   background-image: url('https://devexhub.in/wp-content/uploads/2022/02/keyboard-certiPHP.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}

.textColor{
     color: Black;
    margin-left: 80px;
    margin-right: 80px;

}

button.btn.orangeBtn.enquiryBtn {
    margin-left: 60;
}

 
 .featuresInner {
    text-align: center;
}