/* --- Submenu for Desktop (Hover) --- */
@media (min-width: 1201px) {
    .MainNavigation li.menu-item-has-children {
        position: relative;
    }

    nav.MainNavigation ul li a {
       
        
        align-items: center;
    }

    .MainNavigation li.menu-item-has-children>.sub-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 200px;
        background: #fff;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
        padding: 0px 0;
        z-index: 2000;
		max-height:80vh;
		overflow-y:scroll;
    }

    .MainNavigation li.menu-item-has-children:hover>.sub-menu {
        display: block;
    }

    .MainNavigation li.menu-item-has-children>.sub-menu li {
        padding: 0;
    }

    .MainNavigation li.menu-item-has-children>.sub-menu a {
        display: block;
        padding: 10px 15px;
        color: #000;
        text-align: left;
        font-size: 14px;
        text-decoration: none;
        transition: background 0.2s ease-in-out;
        text-transform: none !important;
    }

    .MainNavigation li.menu-item-has-children>.sub-menu a:hover {
        background: #4C51E0;
        color: #fff;
    }

    .MainNavigation li.menu-item-has-children>a::after {
        content: "▸";
        float: right;
        font-size: 18px;
        transition: transform 0.3s ease;
    }

    .MainNavigation li.menu-item-has-children.current>a::after,
    .MainNavigation li.menu-item-has-children.active>a::after {
        color: #A62139;
    }

    .MainNavigation li.menu-item-has-children:hover>a::after {
        transform: rotate(90deg);
        color: #4C51E0;
    }

    .MainNavigation li.menu-item-has-children:last-child>.sub-menu {
        min-width: 250px;
        right: 0;
        left: auto;
        height: 610px;
        overflow-y: scroll;
    }
}




/*Responsive Css Start*/

/*=============  1920 css start  =============*/
@media(max-width:1920px) {}

/*=============  1920 css end  =============*/

/*=============  1680 css start  =============*/
@media(max-width:1680px) {
    .menu-header-menu-container ul{
        column-gap: 28px;
    }
}

/*=============  1680 css end  =============*/

/*=============  1600 css start  =============*/
@media (max-width: 1600px) {
   .menu-header-menu-container ul li a{
    font-size: 14px;
   }
   .headerdesignitem{
        left: 18%;
   }
   header#myHeader{
    padding: 10px 15px 0 15px;
   }
   #myHeader.sticky .headerInnerwrap{
        padding: 0;
   }
   .course-actions a{
    font-size: 14px;
        padding: 5px 15px;
   }
  
}

/*=============  1600 css end  =============*/


/*=============  1500 css start  =============*/
@media (max-width: 1500px) {
    .container{
        width: 1330px;
    }
    .homebannerleftInner{
            width: 648px;
    }
    .PB_80{
            padding-bottom: 60px;
    }
     .PT_80{
            padding-top: 60px;
    }
    .head1 {
      font-size: 55px;
    }
    .head2 {
          font-size: 45px;
    }
    .head3{
        font-size: 42px;
    }
    .homebannerleft{
        padding-top: 170px;
    padding-bottom: 70px;
    }
    .bannercontent{
        margin-top: 40px;
    }
    .bannerplaybtn{
            width: 140px;
    height: 140px;
    }
    .ExpertiseWrap {
           right: 15px;
    bottom: 40px;
    }
    .aboutInnerLeft{
        width: 51%;
    }
    .blog-details-container h2{
       font-size: 42px;
    }
    #informationwrap1 h2{
      font-size: 45px;
    }
     #informationwrap1 h3{
      font-size: 42px;
    }
	#informationwrap2 h2, .aboutsection1InnerLeft h2{
		font-size: 45px;
	}
    }
/*=============  1500 css end  =============*/

/*=============  1440 css start  =============*/
@media(max-width:1440px) {
  .menu-header-menu-container ul{
    column-gap: 18px;
  } 
  .tab-content{
    padding: 30px;
  }
}

/*=============  1440 css end  =============*/

/*=============  1366 css start  =============*/
@media(max-width:1366px) {
   header#myHeader{
        padding: 10px 15px 0 15px;
   }
   .menu-header-menu-container ul li a{
    font-size: 13px;
   }
   .menu-header-menu-container ul{
            column-gap: 15px;
   }
    .container{
        width: 1240px;
    }
    .homebannerleftInner{
                width: 600px;
    }
    .helpwrap, .aboutimage1{
        margin-top: 20px;
    }
    .contactInner{
        background: linear-gradient(to bottom, #4c51e0 0%, #4c51e0 85%, #ffffff 15%, #ffffff 100%);
    }
    .socialMedia ul li a{
            width: 65px;
    height: 65px;
    }
    .choose_us_color_left{
      width: 55%;
    }
    .ProvideInnerBox{
          width: 31.5%;
    }
    .ProvideInner{
      margin-top: 20px;
      margin-bottom: 40px;
    }
    .ProcessWrap{
      margin-top: 20px;
    }
     .workwrapInner{
          margin-top: 20px;
    }
}

/*=============  1366 css end  =============*/

/*=============  1280 css start  =============*/
@media(max-width:1280px) {
.container{
        width: 1150px;
    }
    .homebannerleftInner{
                width: 556px;
    }
    .head1{
        font-size: 50px;
    }
    .head2 {
          font-size: 42px;
    }
    .head3 {
          font-size: 38px;
    }
    .teamdetails{
        padding: 15px 20px;
    }
    #innerbanner{
        padding: 200px 0 80px;
    }
    .head4{
      font-size: 23px;
    }
    .Certificatewrap span.Certificatetext{
          font-size: 24px;
    }
    .contactInnerLeft{
      width: 50%;
    }
    .statbox span{
      font-size: 40px;
    }
    .iso-content{
      width: 65%;
    }
    .iso-sidebar{
      width: 30%;
    }
    .Industriesbox{
      padding:20px;
    }
    .Industriesbox img{
          width: 60px;
    }
    .blog-details-container h2{
       font-size: 38px;
    }
    .blog-details-container h3{
       font-size: 26px;
    }
     .course-actions a{
    width: 100%;
   }
    #informationwrap1 h2{
      font-size: 42px;
    }
     #informationwrap1 h3{
      font-size: 38px;
    }
	#informationwrap2 h2, .aboutsection1InnerLeft h2{
		font-size: 42px;
	}

}
/*=============  1280 css start  =============*/

/*=============  1200 css start  =============*/
@media(max-width:1200px) {
    .container{
        width: 100%;
    }
 nav.MainNavigation {
        position: fixed;
        top: 0;
        right: -250px;
        /* initially hidden */
        height: 100vh;
        width: 250px;
        background: #000000;
        box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        transition: right 0.3s ease-in-out;
        z-index: 999;
        padding: 0;
    }

    nav.MainNavigation.active {
        right: 0;
        overflow: scroll;
        /* slide in */
    }

    .MainNavigation ul {
        margin: 0;
        margin-top: 100px;
        flex-direction: column;
        gap: 0;
        padding: 0;
        list-style: none;
        text-align: center;
    }

    .MainNavigation ul li {
        width: 100%;
        text-align: left;
        
    }
    .MainNavigation ul li a{
        padding: 15px;
    }

    .MainNavigation li {
        padding: 0px 0;
        border-bottom: 1px solid #eee;
    }
    .MainNavigation ul li a{
        width: 100%;
        display: block;
    }

   

    nav.MainNavigation ul {
        overflow-y: scroll;
    }
    .hamburger{
                display: flex;
    }
    .menu-header-menu-container{
        width: 100%;
    }

    .headerdesignitem{
        left: 250px;
    }
    .homebannerleftInner{
                width: 100%;
        padding-left: 15px;
    }
    .bannerplaybtn{
        width: 130px;
        height: 130px;
    }
   
    .tabimage{
        display: none;
    }
    .tabsection{
        width: 100%;
    }
    .tabs{
        width: 50%;
    }
    .tab-content{
        width: 50%;
    }
    .offerinner{
        padding: 30px;
    }
    .contactInnerLeft{
        width: 50%;
    }
    .footerBottomTop span{
        font-size: 60px;
    }
    .footerBottomTop a img{

    }
    .headmiddle{
          width: 100%;
    }
    .requirementbox{      
      width: calc((100% - 30px) / 2);
    }
    .MainNavigation ul .sub-menu{
          background: #212121;
          padding-left: 0;
    }
    .MainNavigation ul .sub-menu li a{
      text-transform: capitalize;
    }
}


/*=============  1200 css end  =============*/

/*=============  1199 css start  =============*/
@media (max-width: 1199px) {
   .course-actions{
            flex-direction: column;
        gap: 10px;
   }
  
}

/*=============  1199 css end  =============*/

/*=============  1180 css start  =============*/
@media(max-width:1180px) {
   .head1{
    font-size: 42px;
   }
   .head2 {
          font-size: 38px;
    }
    .head3 {
          font-size: 35px;
    }
      .helfright{
    width: 45%;
   }
   .offerbox{
     
         width: 48.5%;
   }
   .formwrap{
    padding: 20px;
   }
    #innerbanner{
        padding: 160px 0 80px;
    }
    .contactInner {
      padding: 40px 20px 0 20px;
}
.marqueeText {
      width: 75%;
}
.blog-details-container h2{
       font-size: 34px;
    }
    .blog-details-container h3{
       font-size: 26px;
    }
     #informationwrap1 h2{
      font-size: 38px;
    }
     #informationwrap1 h3{
      font-size: 35px;
    }
	#informationwrap2 h2, .aboutsection1InnerLeft h2{
		font-size: 38px;
	}
}

/*============= 1180 css end  =============*/

/*============= 1024 css start  =============*/

@media (max-width: 1024px) {
   .head1{
    font-size: 41px;
   }


.homefaqinner{
  margin-top: 30px;
  width: 100%;
  margin: auto;
}
.course-card{
  width: calc(50% - 15px);
}

.pecb-content p{
  font-size: 16px;
}
.case-info-box{
  width: 50%;
}
.case-info-box:nth-of-type(3), .case-info-box:nth-of-type(5){
border-left: 1px solid #C9C9C9;
}
.case-info-box:nth-of-type(4){
  border-left:0;
  border-bottom: 0;
}
.EndorsementInnerBox{
      padding: 30px;
    }
    .EndorsementInnerBox{
      margin-bottom: 20px;
    }
    .quotewrap{
      width: 100%;
    }

    #iso_service_list .headmiddle{
  width: 100%;
}

}

/*============= 1024 css end  =============*/

/*=============  991 css start  =============*/
@media(max-width:991px) {
   
.homebannerInner{
    flex-flow: row wrap;
}
.homebannerleft{
    width: 100%;
}

 .homebannerright{
    width: 100%;
    height: 60vh;
 }  
.homebannerleftInner{
    padding-right: 15px;
}
.bannerplaybtn{
    top: 56%;
}
.bannercontent{
    margin-top: 25px;
}
.aboutInnerLeft, .aboutInnerRight{
    width: 100%;
}
.aboutimage1{
    width: 100%;
}
.aboutInnerRight img.aboutimage2{
    display: none;
}
.aboutInnerRight{
    padding-top: 30px;
}
.PB_80{
            padding-bottom: 40px;
    }
     .PT_80{
            padding-top: 40px;
    }
    .homebannerleft {
       padding-top: 145px;
        padding-bottom: 40px;
    }
    .bannerplaybtn{
               display: none;
    }
    .helfleft{
        width: 100%;
    }
    .helfright{
        width: 100%;
        margin-top: 20px;
    }

    .offerbox{
        width: 100%;
    }
   #offer .helfleft a.btn_blue{
    display: none;
   }
   #offer .helfright{
    margin-top: 0;
   }
   .mobile-btn{
    display: block;
   }
   #logos .logosbox img{
        height: 130px !important;
    width: 130px !important;
   }
   .ctabigcontent{
    width: 100%;
   }
   
   .contactInner{
    background: linear-gradient(to bottom, #4c51e0 0%, #4c51e0 90%, #ffffff 10%, #ffffff 100%);
   }
   .socialMedia ul li a{
        width: 55px;
        height: 55px;
   }
   .contactInner{
        padding: 30px 30px 0 30px;
   }
   .contactInnerRight{
        width: 50%;
   }
   .footertopcol-1{
    width: 100%;
   }
   .footertop{
    flex-flow: row wrap;
   }
   .footertopcol-4{
        width: 33%;
   }
   .aboutsection1InnerLeft{
    width: 100%;
   }
   .aboutsection1InnerRight{
    display: none;
   }

   .Certificatewrap span.Certificatetext{
          font-size: 21px;
    }
    .contactInnerLeft{
    width: 100%;
   }
   .contactInnerRight{
    width: 100%;
    margin-top: 20px;
   }
   .choose_us_color_left{
    width: 100%;
   }
   .choose_us_color_right{
    display: none;
   }
   .service_list_box{
    width: 48%;
   }
   .statbox span{
      font-size: 36px;
   }
   .statbox{
        padding: 30px 5px;
   }
   .iso-sidebar{
    width: 100%;
    display: none;
   }
   .iso-content{
    width: 100%;
   }
   .ProvideInnerBox{
    width: 48%;
   }
   #IndustriesWrap p{
    width: 100%;
   }
   #IndustriesWrap h3{
    font-size: 18px;
   }

   .side-image-service{
        width: 350px;
   }

   .marqueeText {
      width: 100%;
}
.blogWrapperInnerLeft{
  width: 100%;
}
.blogWrapperInnerRight{
  width: 100%;
}
.blogWrapperInnerRight{
  margin-top: 40px;
}
 .workwrapInner{
          margin-top: 10px;
    }

     .mobilepanbtn{
        display: flex;
    }

    .iso-cta-section h3 br{
      display: none;
    }

    .videoBox {
      width: 48%;
    }
	
	#mobile-form{
		display:block;
	}
	#mobile-form h2{
		text-align:center;
	}
	#mobile-form input[type="submit"]{
		width:100%;
		text-align:center;
		background:#000 !important;
	}
	#mobile-form input[type="submit"]:hover{
		background:#fff !important;
		color:#000;
	}
	
	#mobile-form h2.gform_submission_error {
		color:#fff;
	}
	
	#mobile-form h2.gform_submission_error{
		text-align:left;
	}
	
	#mobile-form h2.gform_submission_error span:before{
		color:#fff;
	}
	#mobile-form h2.gform_submission_error span{
		border-color:#fff;
	}
}

/*============= 991 css end  =============*/

/*=============  900 css start  =============*/

@media(max-width:900px) {

.Industriesbox {
  width: 32%;
  margin:5px 0;
}


}
/*============= 900 css end  =============*/

/*=============  768 css start  =============*/

@media(max-width:768px) {
    .statbox{
      width: 49%;
    }
}

/*=============  768 css end  =============*/


/*=============  767 css start  =============*/
@media(max-width:767px) {
   .homebannerleft {
       padding-top: 100px;
        padding-bottom: 40px;
    }
    .tabs{
        width: 100%;
    }
    .tab-content{
        width: 100%;
    }
    .tab{
        padding: 15px 20px;
    }
    .tabwithimage{
            margin-top: 20px;
    }
    .tab-content{
        padding: 20px;
    }
    .teamwrap{
        margin-top: 20px;
    }
    .owl-carousel{
      margin-top: 10px;
    }
    .offerbox{
        padding: 20px;
    }
     #logos .logosbox img{
        height: 100px !important;
    width: 100px !important;
   }
   .contactInnerLeft{
    width: 100%;
   }
   .contactInnerRight{
    width: 100%;
    margin-top: 20px;
   }
   .contactInner{
    padding: 20px 20px 0 20px;
   }
   .footertopcol-2{
    width: 100%;
    margin-bottom: 10px;
   }
   .footertopcol-3{
    width: 100%;
    margin-bottom: 10px;
   }
   .footertopcol-4{
    width: 100%;
    margin-bottom: 10px;
   }
   .footerBottomTop span{
            font-size: 48px;
   }
   .footerBottomTop a img{
        width: 42px;
   }
   .footerBottomcopy{
     justify-content: center;
     flex-flow: row wrap;
   }
   .copywrite{
    width: 100%;
    text-align: center;
   }
   .footerbottommenu{
    width: 100%;
    margin-top: 15px;
    text-align: center;
   }
   
   .footerbottommenu ul{
    justify-content: center;
   }
   .footerbottommenu ul li a{
    font-size: 14px;
   }
   .copywrite h6{
      font-size: 14px;
}
.headmiddle{
  width: 100%;
}
#homefaq .headmiddle{
      width: 100%;
}
 .ProvideInnerBox{
    width: 100%;
   }
   .ProcessWrapbox{
    width: 100%;
   }
   .ProcessWrap{
    gap:25px;
   }
   .innerbannerhead p{
    width: 100%;
   }

    .side-image-service{
        display: none;
   }
   .BenefitsLeft{
    width: 100%;
   }
   .aboutsection2Left{
  width: 100%;
}

.aboutsection2Right{
  width: 100%;
}
.mobilehidebtn{
  display: none;
}


.workwrapInner ol li{
 width: 100%;
 }
 .BenefitsLeft h2{
  margin-bottom: 10px;
}

.requirementWrap{
    gap: 15px;
}

.requirementbox{
      width: 100%;      
    }
    .requirementWrap{
          margin-top: 20px;
    }
    .how-flex{
      flex-direction: column;
        text-align: left;
        gap: 30px;
    }

.how-content{
          width: 100%;
        order: 2;
}
.how-image{
          width: 100%;
        order: 1;
}
.iso-cta-section .container{
  display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: row wrap;
        gap: 20px;
}
.iso-cta-section h3{
  text-align: center;
}
.case-info-box{
  width: 100%;
}
.case-info-box:nth-of-type(2), .case-info-box:nth-of-type(4), .case-info-box:nth-of-type(6){
  border-left: 1px solid #C9C9C9;
}
.case-info-box:nth-of-type(5){
 border-bottom: 0;
}
.case-info-box{
      padding: 25px 10px;
}
.contact-section .contact-flex{
  flex-direction: column;
}
.contact-section .contact-form{
          order: 1;
}
.contact-section .contact-info{
          order: 2;
}
.Txt-testimonLeft{
  width: 100%;
        position: relative;
        top: 0;
        align-self: unset;
}
.Txt-testimonRght{
          width: 100%;
        margin-top: 30px;
}
.Txt-testimonLeft .arwImg{
  display: none;
}
.testimonialBx{
          padding: 35px 20px;
}
.testimonialBxWrp .qotIcon{
          top: -38px;
        left: -6px;
}
.workwrapInner .requirementbox{
  width: 100%;
}

.offercontainerwrapLeft{
  width: 100%;
}

.offercontainerwrapright{
  width: 100%;
}

.under-faq-wrap{

    padding: 20px;
}
	
.ProcessWrap{
  margin-bottom:40px;
}

}

/*=============  767 css end  =============*/

/*=============  640 css start  =============*/
@media(max-width:640px) {
    .logosbox{
        width: 50%;
    }
    .service_list_box{
      width: 100%;
    }

    .Industriesbox {
  width: 100%;
  margin:5px 0;
}
.blog-list{
  width: 100%;
}

.course-card{
  width: 100%;
}
.pecb-logo{
          margin-bottom: 0;
}
.pecb-content{
  width: 100%;
}
  .pecb-flex{
    flex-direction: column;
        text-align: center;
        gap: 30px;
  }
  .pecb-partner{
         margin-top: 50px;
        margin-bottom: 0px;
        padding-bottom: 60px;
  }
	#oopss h1{
		font-size:70px;
	}
}

/*=============  640 css end  =============*/


/*=============  576 css start  =============*/
@media(max-width:576px) {
    
 .headerdesignitem{
       display: none;
    }
    .headerInnerwrap{
        height: 68px;
    }
     #innerbanner{
        padding: 125px 0 50px;
    }
	#gform_fields_7 .gchoice{
	width:48%;
}
}

/*=============  576 css end  =============*/

/*=============  480 css start  =============*/
@media(max-width:480px) {
   .headerInnerwrap{
        padding: 0 15px;
   } 
   .head1{
    font-size: 32px;
   }
    .head2{
    font-size: 26px;
   }
    .head3{
    font-size: 24px;
   }
   .ExpertiseWrap{
     padding: 8px 14px;
     width: 100%;
     left: 0;
   }
   .offerinner{
     padding: 20px;
   }
     .footerBottomTop span{
            font-size: 40px;
   }
   .footerBottomTop a img{
        width: 36px;
   }
   #footer h5{
    font-size: 16px;
   }
   #footer .footertopcol-2 li{
        padding-bottom: 12px;
   }
   .socialMedia ul li a{
    width: 45px;
    height: 45px;
   }
   .socialMedia ul li a i{
    font-size: 20px;
   }
   .newsform form input[type="text"]{
    height: 50px;
   }
   .newsform form button{
    top: 3px;
   }
   .head4{
    font-size: 22px;
   }
    .Certificatewrap span.Certificatetext{
          font-size: 18px;
    }
    .statbox{
      width: 100%;
      padding: 15px 5px;
    }
    .statbox span{
      font-size: 30px;
    }
    .blog-details-container h2{
       font-size: 24px;
    }
    .blog-details-container h3{
       font-size: 22px;
    }
    .requirementbox{
      padding:15px;
    }
    .btn_blue{
      padding-left: 11px;
      padding-right: 60px;
    }
    .case-info-box h3.head6{
          font-size: 14px;
    }
     #informationwrap1 h2{
      font-size: 26px;
    }
     #informationwrap1 h3{
      font-size: 24px;
    }
    .EndorsementInnerBox{
      padding: 20px;
    }
     .videoBox {
      width: 100%;
    }
	#informationwrap2 h2, .aboutsection1InnerLeft h2{
		font-size: 26px;
	}
	
#informationwrap1 h4, #informationwrap2 h4{
	    font-size: 20px; 
}
	
	#oopss h1{
		font-size:55px;
	}
	.EndorsementInnerBox .logoImage img{
	height: auto;
	width:100%;
}
	
.ProcessWrap{
  margin-bottom:30px;
}
	
	.newCta{
	padding: 15px;
    
}

.newCta h3{
	font-size: 18px;
  
}
	
}

/*=============  480 css end  =============*/

/*=============  420 css start  =============*/
@media (max-width: 420px) {
      .footerBottomTop span{
            font-size: 35px;
   }
   .footerBottomTop a img{
        width: 30px;
   }
    .Certificatewrap span.Certificatetext{
          font-size: 16px;
    }
    .btn_blue span.btntext{
          font-size: 12px;
    }
    .btn_black span.btntext {
      font-size: 12px;
}
	
	.pagination-wrap{
		    gap: 3px;
		margin-top:20px;
	}
	.pagination-wrap a, .pagination-wrap span{
		padding: 5px 14px;
	}
    
}

/*=============  420 css end  =============*/