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

    nav.MainNavigation ul li a {
        padding: 15px 0;
        display: flex;
        align-items: center;
    }

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

    .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: 15px;
        text-decoration: none;
        transition: background 0.2s ease-in-out;
    }

    .MainNavigation li.menu-item-has-children>.sub-menu a:hover {
         background: #F97316;
         color: #111827;
    }

    .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: #F97316;
    }

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

    .MainNavigation li.menu-item-has-children > ul.sub-menu .sub-menu {
    left: 100%;
    top: 0;
}

}
@media (max-width: 991px) {
    /* Keep nested menus inside the mobile panel */
    .MainNavigation .sub-menu {
        position: static !important;
        inset: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 0 0 12px !important;
        box-sizing: border-box;
        transform: none !important;
        box-shadow: none !important;
        background: #f8f8f8;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    .MainNavigation .sub-menu li {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;
        background: transparent !important;
    }

    /* Reset inherited orange styling */
    .MainNavigation li > a {
        position: relative;
        display: block;
        padding: 14px 36px 14px 14px;
        color: #111827 !important;
        background: transparent !important;
        white-space: normal;
        overflow-wrap: anywhere;
        pointer-events: auto !important;
        text-decoration: none;
        transition: background 0.2s ease-in-out;
    }

    /* Highlight only the actual current page */
    .MainNavigation .current-menu-item > a,
    .MainNavigation a:focus-visible {
        color: #111827 !important;
        background: #f97316 !important;
    }

    /* Expand only the selected branch */
    .MainNavigation .menu-item-has-children > .sub-menu {
        display: none;
    }

    .MainNavigation .menu-item-has-children.active > .sub-menu,
    .MainNavigation .menu-item-has-children.open > .sub-menu,
    .MainNavigation .menu-item-has-children:focus-within > .sub-menu {
        display: block;
    }

    .MainNavigation .menu-item-has-children > a::after {
        position: absolute;
        right: 14px;
        top: 14px;
        color: currentColor;
    }
}

/*Responsive Css Start*/

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

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

/*=============  1680 css start  =============*/
@media(max-width:1680px) {
    h1 {
        font-size: 45px;
    }
    .banner-content span#pageTitle{
        font-size: 45px;
    }

    h2 {
        font-size: 40px;
    }

    h3 {
        font-size: 30px;
    }

    h4 {
        font-size: 22px;
    }

    h5 {
        font-size: 18px;
    }

    p {
        font-size: 16px;
    }
    .iso-card-content h3{
         font-size: 18px;
    }
    .sliderlist h3{
        font-size: 22px;
    }
    .serviveboxhead h3{
        font-size: 22px;
    }
    .casestudylistcontent h3{
        font-size: 18px;
    }

    .BannerContent p {
        font-size: 20px;
    }

    .sliderlist {
        padding: 30px 20px;
    }

    .sliderlist a {
        font-size: 14px;
    }

    #BigCTA {
        width: 100%;
        height: 500px;
        background-position: right center !important;
        background-size: cover !important;
    }

    .logosbox img {
        max-height: 153px;
        max-width: 100%;
        width: auto;
        height: auto;
    }

    .footerLeft {
        padding-left: calc(((100% - 84%) / 2) + .75rem);
    }

    .footrLogo {
        left: 60px;
    }

    .homeaboutimage2 {
        bottom: -270px;
    }

.blog-details-container h1{
      font-size: 40px !important;
   
}
.iso-benefits-content{
        width: 100%;
}
  .getintouch-sec .getintouchInnerLeft p {
    font-size: 22px
  }
  .gfield_checkbox .gchoice{
    width: 30% !important;
  }
  .call-section h5{
    margin-bottom: 40px;
    font-size: 40px;
  }
	.blog-short-content h2{
	font-size:18px;
}
	.course-content h2{
	    font-size: 18px;
}
	.rightsidebarcontainer h3{
		font-size:18px;
	}
}

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

/*=============  1600 css start  =============*/
@media (max-width: 1600px) {
    .course-actions a {
        font-size: 14px;
        padding: 5px 15px
    }

    .course-content {
        padding: 20px 10px 20px;
    }
  
}

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

/*=============  1440 css start  =============*/
@media(max-width:1440px) {
    .casestudylistcontent {
        width: 90%;
    }

    .container {
        width: 100%;
    }

    .footerLeft {
        padding-left: calc(((100% - 90%) / 2) + .75rem);
    }

    .footrLogo {
        left: 20px;
    }

    .footer-info a,
    .footer-info span {
        font-size: 16px;
    }

    .availability,
    .copyRightRow p {
        font-size: 16px;
    }


    .circle {
        width: 166px;
        height: 166px;
    }

    .exploreMoreyellow {
        width: 70px;
        height: 70px;
    }

    .exploreMoreWrap {
        position: absolute;
        left: auto;
        top: -120px;
        right: 100px;
    }

    .exploreMoreWrapRed {
        padding: 10px;
    }

    .text span {
        font-size: 1.1em;
        transform-origin: 0 84px;
    }

    .BannerWrapBottom {
        padding: 0 15px;
    }

    .iso-tab {
        width: 300px;
    }

    .iso-benefits-image-wrap {
        max-width: 70%;
    }

    .stat {
        width: 200px;
        height: 200px;
    }

    .benefits-flex {
        padding-bottom: 60px;
    }

    .iso-details .video-wrapper iframe {
        height: 500px;
    }
}

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

/*=============  1366 css start  =============*/
@media(max-width:1366px) {
    .TestimonialInfo {
        width: 90%;
    }

    .iso-tab {
        width: 280px;
    }

    .testimonialBx::after {
        bottom: -50px;
        left: 72px;
        border-left: 36px solid transparent;
        border-right: 36px solid transparent;
        border-top: 52px solid #fff;
    }

    .athr {
        padding-top: 70px;
    }

    .rightsidebarcontainer {
        padding: 15px;
    }
	.HomeAboutInnerRight.HomeAboutInnerRightHome{
		width: 635px;
	}
}

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

/*=============  1200 css start  =============*/
@media(max-width:1200px) {
.casestudylist .casestudylistImage {
    height: 280px;
}
}

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

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

    #servive-icon-text .servive-point-item{
        width: 23%;
    }
}

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

/*=============  1180 css start  =============*/
@media(max-width:1180px) {
    .container {
        width: 100%;
    }

    nav.MainNavigation ul li a {
        font-size: 14px;
    }

    .differenceheadRight {
        width: 50%;
    }

    .HomeAboutInner {
        column-gap: 50px;
    }

    .circle {
        width: 150px;
        height: 150px;
    }

    .exploreMoreyellow {
        width: 60px;
        height: 60px;
    }

    .BannerWrapBottom {
        height: 300px;
    }

    .exploreMoreWrap {
        position: absolute;
        left: auto;
        top: -85px;
        right: 80px;
    }

    .exploreMoreWrapRed {
        padding: 10px;
    }

    .text span {
        font-size: 1.1em;
        transform-origin: 0 74px;
    }

    p {
        font-size: 14px;
    }

    .audit-image-wrap .audit-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .audit-image-wrap .audit-image {
        height: 100%;
    }

    .benefit-card {
        padding: 30px;
        width: calc(33.33% - 13.33px);
    }

    .left-Text {
        width: 100%;
    }

    .right-image {
        width: 100%;
        margin-top: 20px;
    }

    .testimonialBx {
        padding: 35px 35px;
    }

    .testimonialBx::after {
        bottom: -44px;
        left: 72px;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 45px solid #fff;
    }

    .athr {
        padding: 40px 0;
        padding-top: 60px;
    }

    .testimonialBxWrp .qotIcon img {
        width: 50px;
    }

    .testimonialBxWrp .qotIcon {
        top: -26px;
    }

    .Txt-testimonLeft .arwImg img {
        width: 100px;
    }

    .blog-details-container ul li,
    .blog-details-container ol li {
        font-size: 14px;
    }
    .list-wrap-text ul li{
        font-size: 14px;
    }
    .for-Home-video.BannerWrapBottom{
        height: unset ;
    }
  .iso-tabs-section ul li, .iso-tabs-section ol li{
    font-size:14px;
  }
  .iso-tabs-section ul li:before{
    left: -23px;
    top: 2px;
  }
}

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

@media (max-width: 1100px) {
	.differenceleft{
		width:100%;
	}
	.differenceRight{
		width:100%;
		margin-top:15px;
	}
	.iso-content{
		flex: 1 1 562px;
	}
	nav.MainNavigation{
		padding-right: 15px;
    width: calc(100% - 285px);
	}
	.headerInner{
		gap:15px;
	}
    #relatedopost .blog-list-wrap .blog-list{
      width: 48% !important;
   }
   #relatedopost .blog-list-wrap .blog-list:nth-of-type(4){
     display: block !important;
   }
}

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

@media (max-width: 1024px) {
    .course-card {
        width: calc(50% - 15px);
    }

    .course-actions {
        flex-direction: row;
        gap: 10px;
    }

    .pecb-content p {
        font-size: 16px;
    }
    button#unmuteBtn {
        bottom: 40px;
        right: 20px;
    }
  .sliderlist{
    min-height: 356px;
  }
	
	.HomeAboutInnerRight.HomeAboutInnerRightHome{
		width: 540px;
	}
	
.page-template-About-us .BigCTAcontent {
    position: relative;
    bottom: 0;
}

 .blog-single-sidebar { position: static; }
  .blog-single-footer-main { grid-template-columns: 1fr 1fr; }
  .blog-single-footer-wrap { grid-template-columns: 1fr; }
  .blog-single-footer-cta-panel { border-left: none; border-top: 1px solid rgba(255,255,255,0.08); padding: 32px; }
  .blog-single-footer-left { padding: 0 var(--blog-single-gutter); }
  aside.blog-single-sidebar { display: flex; flex-flow: row wrap; justify-content: space-between;}
  .blog-single-featured-img-wrap{
    flex-flow: row wrap;
  }
  .blog-single-featured-img{
    flex: 1;
  }
  .blog-single-featured-img-wrap .blog-single-sidebar-widget {
        width: 100%;
    }
  .blog-single-sidebar-widget {
      width: 48%;
      flex-shrink: 0;
  }
  .blog-single-post-title {
    font-size: 40px;
  }
  .blog-single-hero__title {
    font-size: 35px;
  }
  .blog-single-article-layout .blog-single-article-main{
    width: 100%;
  }
  .blog-single-article-layout .blog-single-sidebar{
    width: 100%;
  }
}

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

/*=============  991 css start  =============*/
@media(max-width:991px) {
    h1 {
        font-size: 40px;
    }
     .banner-content span#pageTitle{
        font-size: 40px;
    }

    h2 {
        font-size: 34px;
    }

    h3 {
        font-size: 26px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }
    .serviveboxhead h3{
        font-size: 20px;
    }
    .sliderlist h3{
        font-size: 20px;
    }

    .BannerContent p {
        font-size: 18px;
        padding-left: 50px;
    }

    .differenceheadLeft {
        width: 40%;
    }

    .differenceheadRight {
        width: 50%;
    }

    .HomeAboutInner {
        column-gap: 50px;
    }

    .serviveboxinner {
        flex-flow: row wrap;
        gap: 15px;
        justify-content: space-between;
    }

    .serviveboxhead {
        width: 100%;
    }

    .serviveboxcontent {
        width: calc(100% - 150px);
    }

    .casestudylist {
        width: calc(50% - 7.5px);
    }

    .logosbox {
        width: 20%;
        
    }

    .TestimonialInfo {
        padding: 15px;
        width: 90%;
    }

    .circle {
        width: 150px;
        height: 150px;
    }

    .exploreMoreyellow {
        width: 60px;
        height: 60px;
    }

    .BannerWrapBottom {
        height: 300px;
    }

    .exploreMoreWrap {
        position: absolute;
        left: auto;
        top: -85px;
        right: 50px;
    }

    .exploreMoreWrapRed {
        padding: 10px;
    }

    .text span {
        font-size: 1.1em;
        transform-origin: 0 74px;
    }

    .BannerWrapBottom {
        padding: 0 15px;
    }


    .hamburger {
        display: flex;
    }
    .hamburger.active{
    margin-top: -100px;
    }

    nav.MainNavigation {
        position: fixed;
        top: 0;
        right: -250px;
        /* initially hidden */
        height: 100vh;
        width: 250px;
        background: #fff;
        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: 50px;
        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;
    }

    .faqInnerLeft {
        width: 100%;
    }

    .faqInnerRight {
        width: 100%;
    }

    .footer-bottom {
        padding-left: 0;
        padding-right: 0;
    }

    .footerRight {
        width: 100%;
        order: 1;
        padding: 0 5%;
        display: none;
    }

    .footerLeft {
        width: 100%;
        order: 2;
        padding: 0 5%;
    }

    .getintouchInner {
        flex-flow: row wrap;
        gap: 30px;
    }

    .certificatewrap img {
        width: 100%;
    }

    .getintouchInnerLeft {
        width: 100%;
    }

    .getintouchInnerRight {
        width: 100%;
    }

    .getintouchInnerRight {
        min-height: unset;
    }

    .exploreMoreyellow img {
        width: auto;
    }

    nav.MainNavigation ul {
        overflow-y: scroll;
    }

    .casestudylistwrap .casestudylist:last-child {
        display: block;
    }

    .faqInnerLeft img {
        width: 100%;
    }

    .iso-card {
        width: calc(33.33% - 13.33px);
    }

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

    .best-practices-list li {
        width: calc(50% - 20px);
    }

    .iso-tab {
        width: fit-content;
    }

    .iso-benefits-content {
        padding-right: 0;
    }

    .iso-sidebar {
        max-width: 300px;
    }

    .iso-content {
        flex: 1 1 400px;
    }

    .consultants-item {
        width: calc(50% - 15px);
    }

    .iso-benefits-image-wrap img {
        opacity: 0.2;
    }

    aside.iso-sidebar {
        display: none;
    }

    .stat {
        width: 150px;
        height: 150px;
        padding: 15px;
    }

    .stat:nth-of-type(2) {
        margin-left: -10px;
    }

    .stat-number {
        font-size: 50px;
    }

    .counter-wrap {
        font-size: 40px;
    }

    .stat:nth-of-type(2) .counter-wrap {
        font-size: 25px;
    }

    .benefit-card {
        padding: 20px;
        width: calc(33.33% - 13.33px);
    }

    .about-video-section .video-wrapper {
        width: 100%;
    }

    .about-video-section .video-wrapper iframe {
        width: 100%;
        height: 400px;
    }

    .about-objectives-section .exploreMoreWrap {
        top: 100%;
        transform: translate(-82%, -50%);
    }

    .about-objectives-section .about-image-wrapper {
        width: 35%;
    }

    .about-BigCTA {
        height: auto !important;
        padding-top: 0px;
        background: rgba(166, 33, 57, 1) !important;
        margin-bottom: 0px;
    }

    .about-BigCTA .BigCTAcontent {
        position: relative;
        background: rgba(166, 33, 57, 0.85);
        width: 100%;
        bottom: 0;
        padding: 0;
        padding-bottom: 60px;
        padding-top: 60px;
    }

    .course-actions {
        flex-direction: column;
        gap: 10px;
    }

    .blogWrapperInnerLeft {
        width: 100%;
    }

    .blogWrapperInnerRight {
        width: 100%;
    }

    .video-list {
        width: 48%;
    }
    .pagination-wrap{
      margin-bottom: 30px;
    }
    .blog-details-container h1{
      font-size: 34px !important;
   
}
.MainNavigation ul .sub-menu{
     padding-left: 0px;
}
.primary-menu li a{
    display: block;
    width: 100%;
}
.getintouch-sec .getintouchInnerLeft p {
  font-size: 20px
  }
  #logos .logosbox img{
        height: 153px !important;
    width: 153px !important;
  }
    #servive-icon-text .servive-point-item{
        width: 48%;
    }
	
	.ctavideoinnerLeft, .ctavideoinnerRight{
		width:100%;
	}
	.ctavideoinnerRight{
		margin-top:40px;
	}
	.servive-point .sliderlist{
		min-height: 228px !important;
	}
	
		.list-grid{
		width:49%;
	}
	
	.isoCTAInnerLeft {
			width: 100%;
			text-align:center;
		padding-bottom:30px;
	}
	
	.isoCTAInnerRight{
		width:100%;
		justify-content:center;
	}
	
	#mobile-form-iso{
	        display: block;
        margin-top: -148px;
        position: relative;
}
	
	#mobile-form-iso .rightsidebarcontainer{
		background: #d4e5ff;
	}
	.page-banner.banner-seo-details .banner-background img{
	height: 290px;
}

.page-banner.banner-seo-details .banner-content{
	    top: calc(30% + 40px);
}
	#mobile-form-iso aside.sidebar-title{
		margin-bottom: 15px;
		text-align:center;
	}
	.rightsidebarcontainer .gform-body.gform_body input[type="tel"], .rightsidebarcontainer .gform-body.gform_body input[type="email"], .rightsidebarcontainer .gform-body.gform_body input[type="text"]{
height:50px;
	}
	
	.ez-toc-open-icon{
		display:none;
	}
	nav.MainNavigation{

    width: 250px;
	}
	
	#mobile-form-iso .gform-footer input[type="submit"]{
		    background-color: #184a7b !important; 
		color:#fff !important
	}
    .headertopbarright{
        display: none;
    }
    .headertopbarLeft{
            width: 100%;
    justify-content: center;
    }

    .blog-single-steps-box{
        padding:34px 28px;
    }

    .blog-single-steps-box h2{
        font-size:34px;
    }

    .blog-single-step{
        gap:20px;
        padding-left:42px;
    }

    .blog-single-step__content h4, .blog-single-step__content h3{
        font-size:20px;
    }
    .blog-single-featured-img-wrap{
        flex-direction:column;
    }

    .blog-single-featured-img{
        min-height:420px;
    }

    .blog-single-featured-img-content{
        right:30px;
        max-width:300px;
    }

    .blog-single-featured-img-content h2{
        font-size:30px;
    }
    .blog-single-ready-box__item {
    padding: 22px 14px;
    font-size: 15px;
    min-height: 100px;
    width: calc(33.33% - 8px);
  }
  .blog-single-news-grid {
    gap: 15px;
}
}

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

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

@media(max-width:768px) {
    .footer-col.newsletter {
        width: 100%;
    }

    .page-banner .banner-background img {
        height: 200px;
    }

    .page-banner .banner-title {
        font-size: 1.6rem;
    }

    .IframeVideo {
        border-radius: 0;
    }
}

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


/*=============  767 css start  =============*/
@media(max-width:767px) {
    h1 {
        font-size: 30px;
    }
     .banner-content span#pageTitle{
       font-size: 1.6rem;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }
    .iso-card-content h3{
         font-size: 16px;
    }
    .sliderlist h3{
        font-size: 18px;
    }

    .BannerContent p {
        font-size: 18px;
        padding-left: 0;
    }
    .serviveboxhead h3{
        font-size: 18px;
    }
    .casestudylistcontent h3{
        font-size: 16px;
    }

    br {
        display: none;
    }

    .differenceheadLeft {
        width: 100%;
    }

    .differencehead {
        flex-flow: row wrap;
    }

    .differenceheadRight {
        width: 100%;
    }

    .BigCTAcontent {
        width: 100%;
        padding: 20px;
    }

    .HomeAboutInner {
        flex-flow: row wrap;
        gap: 30px;
    }

    .HomeAboutInnerRight {
        width: 100%;
        order: 2;
    }

    .HomeAboutInnerLeft {
        order: 1;
        width: 100%;
    }

    .homeaboutimage2 {
        position: relative;
        right: 0;
        bottom: 0;
        max-width: 100%;
        width: 100%;
        order: 3;
    }

    .serviveboxinner {
        padding: 30px 20px;
    }

    .servivebox:hover .serviveboxinner {
        padding: 40px 20px;
    }

    .footrLogo {
        left: auto;
        right: 0;
        bottom: 354px;
    }

    .HomeAboutInnerLeft {
        display: none;
    }

    .homeaboutimage2 {
        display: none;
        ;
    }

    .PT_80 {
        padding-top: 50px;
    }

    .PB_80 {
        padding-bottom: 50px;
    }

    #difference {
        padding-top: 40px;
    }

    .differenceSlider {
        padding: 0 15px;
    }

    .differenceSliderInner {
        width: 100%;
    }

    .sliderlist {
        min-height: 335px;
    }

    #difference .owl-nav {
        display: none;
    }

    .iso-card {
        width: calc(50% - 10px);
    }

    .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;
    }

    .iso-details-wrapper {
        flex-direction: column;
    }

    .iso-sidebar {
        max-width: 100%;
        flex-flow: row wrap;
    }

    .iso-sidebar-top,
    .iso-sidebar-bottom {
        width: calc(50% - 15px);
    }

    .audit-text {
        width: 100%;
    }

    .benefit-card {
        padding: 40px 20px;
        width: 100%;
    }

    .audit-benefits .audit-image {
        display: none;
    }

    .benefits-flex {
        padding-bottom: 0px;
    }

    .audit-stats {
        justify-content: center;
    }

    .contact-section .contact-flex {
        flex-direction: column;
    }

    .contact-section .contact-form {
        order: 1;
    }

    .contact-section .contact-info {
        order: 2;
    }

    .how-flex {
        flex-direction: column;
        text-align: left;
        gap: 30px;
    }

    .how-image {
        width: 100%;
        order: 1;
    }

    .how-content {
        width: 100%;
        order: 2;
    }

    .Txt-testimonLeft {
        width: 100%;
        position: relative;
        top: 0;
        align-self: unset;
    }

    .Txt-testimonLeft h2 {
        text-align: center;
    }

    .Txt-testimonLeft .arwImg {
        display: none;
    }

    .Txt-testimonRght {
        width: 100%;
        margin-top: 30px;
    }

    .testimonialBx::after {
        left: 0;
        right: 0;
        margin: auto;
        bottom: -40px;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 40px solid #fff;
    }

    .athr {
        padding: 40px 0;
        padding-top: 40px;
    }

    .testimonialBx {
        padding: 35px 20px;
    }

    .testimonialBxWrp .qotIcon img {
        width: 44px;
    }

    .testimonialBxWrp .qotIcon {
        top: -18px;
        left: -6px;
    }

    .iso-details .video-wrapper iframe {
        width: 100%;
        height: 450px;
    }

    .thank-inner img {
        width: 250px;
    }
    .blog-details-container h1{
      font-size: 26px !important;
   
}

.blog-details-container h2{
      font-size: 24px;
}
.blog-details-container h3{
      font-size: 22px;
}
.blog-details-container h4{
      font-size: 20px;
}
.blog-details-container h5{
      font-size: 18px;
}
button#unmuteBtn {
    bottom: 40px;
    right: 20px;
}
.getintouch-sec .getintouchInnerLeft p {
    font-size: 18px
  }
  
  #oopss h1{
    font-size: 70px;
  }
  #oopss #error-text img{
    margin: 0 auto 20px;
  }
	
	.HomeAboutInnerRight.HomeAboutInnerRightHome{
		width: 100%;
	}
	
	.blog-short-content h2{
	font-size:16px;
}
	.course-content h2{
	    font-size: 16px;
}
	.rightsidebarcontainer h3{
		font-size:16px;
	}
	#BigCTA{
		background:transparent !important;
		height:auto;
	}
	.BigCTAcontent{
		position:relative;
		bottom: 0;
	}
	#difference.what-makes{
		padding-top: 40px;
	}

     .blog-single-nav { display: none; }
  .blog-single-nav.open { 
    display: flex; 
    flex-direction: column; 
    position: absolute;
    top: 58px;
    left: 0; right: 0;
    background: var(--blog-single-navy-dark);
    z-index: 100;
    padding: 12px;
    gap: 2px;
  }
  .blog-single-hamburger { display: flex; }
  .blog-single-topbar__inner { position: relative; }
  .blog-single-hero__title { font-size: 26px; }
  .blog-single-post-title { font-size: 22px; }
  .blog-single-benefit-grid, .blog-single-mistakes-grid { grid-template-columns: 1fr; }
  .blog-single-news-grid { grid-template-columns: 1fr; }
  .blog-single-case-study__cols { grid-template-columns: 1fr; }
  .blog-single-case-study__divider { display: none; }
  .blog-single-footer-top { flex-direction: column; align-items: flex-start; gap: 14px; }
  .blog-single-footer-main { grid-template-columns: 1fr 1fr; }
  .blog-single-author-box { flex-direction: column; }

    .blog-single-steps-box{
        padding:28px 20px;
    }

    .blog-single-steps-box h2{
        font-size:28px;
        line-height:1.3;
    }

    .blog-single-steps-box > p{
        font-size:15px;
        margin-bottom:28px;
    }

    .blog-single-step{
        flex-direction:column;
        gap:10px;
        padding-left:36px;
        margin-bottom:28px;
    }

    .blog-single-step:not(:last-child)::after{
        left:8px;
        bottom:-28px;
    }

    .blog-single-step::before{
        width:18px;
        height:18px;
    }

    .blog-single-step__badge{
        font-size:13px;
    }

    .blog-single-step__content h4, .blog-single-step__content h3{
        font-size:18px;
    }

    .blog-single-step__content p{
        font-size:15px;
        line-height:1.7;
    }

    .blog-single-featured-img{
        min-height:320px;
    }

    .blog-single-featured-img-content{
        left:20px;
        right:20px;
        bottom:25px;
        top:auto;
        transform:none;
        max-width:100%;
    }

    .blog-single-featured-img-content h2{
        font-size:24px;
        line-height:1.3;
    }
    .blog-single-section#faq h2{
        font-size:30px;
        margin-bottom:20px;
    }

    .blog-single-faq-item{
        padding:16px 0;
    }

    .blog-single-faq-q{
        font-size:14px;
        line-height:1.5;
    }

    .blog-single-faq-a{
        font-size:13px;
        padding-right:0;
    }

  .blog-single-ready-box__item {
    padding: 22px 14px;
    font-size: 15px;
    min-height: 100px;
    width: calc(33.33% - 8px);
  }
.blog-single-sidebar-widget {
        width: 100%;
        flex-shrink: 0;
    }
  .blog-single-sidebar-widget__header {
    padding: 12px 0px 0;
}
.blog-single-sidebar-widget__body, .blog-single-sidebar-widget__body {
    padding: 18px 0px;
}

.ObjectivesWraplist{
    width: 100%;
}

#Objectives .ObjectivesWrap h3{
    font-size: 20px;
    padding-bottom: 0px;
    margin-bottom: 12px;
}

.AchievedInnerLeft{
        width: 100%;
}
.AchievedInnerright{
    width: 100%;
    margin-top: 15px;
}

}

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

/*=============  640 css start  =============*/
@media(max-width:640px) {
    .audit-image-wrap {
        width: 100%;
    }

    .audit-right {
        width: 100%;
    }

    .audit-left {
        width: 100%;
    }

    .audit-stats {
        width: 100%;
    }

    .audit-right {
        order: 1;
    }

    .audit-image-wrap {
        order: 2;
    }

    .audit-stats {
        order: 3;
    }

    .audit-left {
        order: 4;
    }

    .pecb-flex {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }

    .pecb-content {
        width: 100%;
    }

    .pecb-logo img {
        margin-bottom: 15px;
    }

    .pecb-logo {
        margin-bottom: 0;
    }

    .pecb-partner {
        margin-top: 50px;
        margin-bottom: 0px;
        padding-bottom: 60px;
    }

    .blog-list {
        width: 100%;
    }
    button#unmuteBtn {
        bottom: 0;
        right: 0;
        background: transparent;
    }
    .for-Home-video .exploreMoreWrap{
        display: none;
    }
    .BannerWrapTop {
        padding: 80px 0 40px;
    }
  .footer-top{
    gap: 0px;
  }
   #servive-icon-text .servive-point-item{
        width: 100%;
    }
    #servive-icon-text .servive-point-item .sliderlist{
        height: auto;
        min-height: 10px;
    }
	
	.servive-point .sliderlist{
		min-height: 100px !important;
	}
    #relatedopost .blog-list-wrap .blog-list{
      width: 100% !important;
    }
  
}

/*=============  640 css end  =============*/
@media (max-width: 600px) {
    .wp-author-card {
        flex-direction: column;
        text-align: center;
    }

    .wp-author-socials {
        justify-content: center;
    }
	.list-grid{
		width:100%;
	}
}

/*=============  576 css start  =============*/
@media(max-width:576px) {
    .serviveboxcontent {
        width: 100%;
    }

    .casestudyheadLeft {
        width: 100%;
    }

    .casestudyheadRight {
        width: 100%;
    }

    .casestudyhead {
        flex-flow: row wrap;
    }

    .casestudylist {
        width: 100%;
    }

    .logosbox {
        width: 50%;
        height: auto;
    }

    .exploreMoreWrap {
        position: absolute;
        left: 34px;
        top: -58px;
        right: auto;
    }

    #ctawrap .btnwrap {
        flex-flow: row wrap;
        gap: 20px;
    }

    #difference .owl-theme .owl-nav {
        left: -49px;
        width: 40px;
    }

    .owl-prev,
    .owl-next {
        width: 30px;
        height: 30px;
    }

    .PT_80 {
        padding-top: 40px;
    }

    .PB_80 {
        padding-bottom: 40px;
    }

    .best-practices-list li {
        width: 100%;
    }

    .iso-sidebar-top,
    .iso-sidebar-bottom {
        width: 100%;
    }

    .consultants-item {
        width: 100%;
    }

    #BigCTA.iso-need-sec {
        background-position: right -250px center !important;
    }

    .about-objectives-section .about-image-wrapper {
        width: 100%;
    }

    .about-objectives-section .about-text-content {
        width: 100%;
    }

    .about-objectives-section .exploreMoreWrap {
        top: calc(87% - 90px);
        left: calc(100% - 190px);
        transform: none;
    }
  
  .casestudyheadRight{
    margin-top:20px;
  }
  #oopss h1{
    font-size: 60px;
  }


  .blog-single-table th,
  .blog-single-table td {
    font-size: 14px;
    padding: 10px 12px;
  }

  .blog-single-table-wrap h3 {
    font-size: 20px;
  }
.blog-single-table-wrap {
    width: 100%;
}
.blog-single-ready-box__item {
    width: calc(50% - 6px);
  }
  

}

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

/*=============  480 css start  =============*/
@media(max-width:480px) {
    .footer-col {
        width: 100%;
    }

    .footer-bottom .footer-col:nth-of-type(3) h3 {
        display: none;
    }

    .footer-bottom {
        gap: 2px;
    }

    .footer-info {
        flex-flow: row wrap;
    }

    .ftrTxtCnt {
        width: 100%;
    }

    .footer-info a,
    .footer-info span,
    .ftrTxtCnt {
        font-size: 15px;
    }

    .iso-tab {
        width: 100%;
    }

    .about-video-section .video-wrapper iframe {
        width: 100%;
        height: 250px;
    }

    .course-card {
        width: 100%;
    }

    .course-actions {
        flex-direction: column;
        gap: 8px;
    }

    .iso-details .video-wrapper iframe {
        height: 300px;
    }

    .thank-inner img {
        width: 180px;
    }

    a.backtohome {
        width: 100%;
    }

    .video-list {
        width: 100%;
    }
    .pagination-wrap{
        gap:2px;
    }
  #logos .logosbox img{
    height: auto !important;
    width: 153px !important;
  }
  .headerInner{
        gap: 44px;
  }
  .gfield_checkbox .gchoice{
    width: 45% !important;
  }
  .getintouchInnerRight{
        padding: 20px 20px;
  }
  a.isobtn{
    width: 100%;
  }

   .blog-single-container { padding: 0 16px; }
  .blog-single-hero__title { font-size: 22px; }
  .blog-single-section h2 { font-size: 19px; }
  .blog-single-footer-main { grid-template-columns: 1fr; }
  .blog-single-featured-img { flex-direction: column; min-height: auto; }
  .blog-single-featured-img img { width: 100%; height: 200px; }
}


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

/*=============  420 css start  =============*/
@media (max-width: 420px) {
    .iso-card {
        width: 100%
    }
    .pagination-wrap a.page-numbers, .pagination-wrap span.page-numbers{
        font-size: 9px;
    }
  .casestudylist .casestudylistImage {
        height: 250px;
    }
}

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

/*=============  Cart Page CSS =============*/




/*=============  Checkout CSS =============*/


/* Prevent the theme header from overlapping checkout */
.woocommerce-checkout #myHeader {
    position: static !important;
    top: auto !important;
    width: 100%;
}

/* Keep the page heading in normal document flow */
.woocommerce-checkout .entry-header,
.woocommerce-checkout .page-header {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    height: auto !important;
    min-height: 0 !important;
    z-index: auto !important;
    background: transparent !important;
}

.woocommerce-checkout .entry-title,
.woocommerce-checkout .page-title {
    position: static !important;
    margin: 24px auto !important;
    font-size: 36px !important;
    line-height: 1.2 !important;
    text-align: center;
}

/* Replace the previous 118px offset */
.wc-block-components-sidebar-layout.wc-block-checkout {
    top: auto !important;
    margin-top: 0 !important;
}

/* Center the checkout */
.wp-block-woocommerce-checkout {
    box-sizing: border-box;
    width: 100%;
    max-width: 1228px;
    margin: 32px auto 64px;
    padding: 0 24px;
}

/* Remove the temporary position offset */
.wc-block-components-sidebar-layout.wc-block-checkout {
    position: relative;
    top: auto !important;
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 40px;
    margin: 0;
    color: #173b67;
    font-size: 16px;
    line-height: 1.6;
}

/* Billing and payment column */
.wc-block-checkout .wc-block-components-main {
    box-sizing: border-box;
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
}

/* Order summary column */
.wc-block-checkout .wc-block-components-sidebar {
    box-sizing: border-box;
    position: static;
    flex: 0 0 36%;
    width: 36%;
    min-width: 0;
    margin: 0;
    padding: 0;
}

/* Section headings */
.wc-block-checkout .wc-block-components-title {
    margin: 0;
    color: #173b67 !important;
    font-size: 22px !important;
    font-weight: 600;
    line-height: 1.35 !important;
    text-transform: none !important;
}

/* Keep the form sections comfortably spaced */
.wc-block-checkout .wc-block-components-checkout-step {
    margin-bottom: 28px;
}

.wc-block-checkout .wc-block-components-checkout-step__heading-container {
    margin-bottom: 16px;
}

/* Order summary */
.wc-block-checkout .wc-block-components-order-summary {
    border-radius: 12px;
    background: #f7f9fc;
}

.wc-block-checkout .wc-block-components-product-name {
    overflow-wrap: anywhere;
    color: #173b67;
    font-size: 16px;
    line-height: 1.5;
}

/* Checkout button */
.wc-block-checkout .wc-block-components-checkout-place-order-button {
    box-sizing: border-box;
    width: 100%;
    min-height: 54px;
    border: 0;
    border-radius: 8px;
    background: #ff6f0f;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

/* Tablet and mobile */
@media (max-width: 900px) {
    .wc-block-components-sidebar-layout.wc-block-checkout {
        flex-direction: column;
        gap: 28px;
    }

    .wc-block-checkout .wc-block-components-main,
    .wc-block-checkout .wc-block-components-sidebar {
        flex: none;
        width: 100%;
    }
}

@media (max-width: 600px) {
    .wp-block-woocommerce-checkout {
        margin: 24px auto 40px;
        padding: 0 20px;
    }

    .woocommerce-checkout .entry-title {
        padding: 0 20px;
    }

    .wc-block-checkout .wc-block-components-title {
        font-size: 20px !important;
    }
}


/* Cart page: clear the fixed site header */
body.woocommerce-cart .wp-block-woocommerce-cart {
    box-sizing: border-box;
    width: min(1400px, calc(100% - 48px));
    margin: 0 auto 64px !important;
    padding-top: 150px;
}

body.woocommerce-cart .wc-block-cart {
    display: flex;
    align-items: flex-start;
    gap: 36px;
}

body.woocommerce-cart .wc-block-cart__main {
    flex: 1 1 auto;
    min-width: 0;
}

body.woocommerce-cart .wc-block-cart__sidebar {
    flex: 0 0 min(380px, 34%);
    min-width: 0;
    position: static;
}

@media (max-width: 900px) {
    body.woocommerce-cart .wp-block-woocommerce-cart {
        width: calc(100% - 32px);
        padding-top: 134px;
    }

    body.woocommerce-cart .wc-block-cart {
        display: block;
    }

    body.woocommerce-cart .wc-block-cart__sidebar {
        width: 100%;
        margin-top: 32px;
    }
}

@media (max-width: 600px) {
    body.woocommerce-cart .wp-block-woocommerce-cart {
        width: calc(100% - 24px);
        padding-top: 118px;
        margin-bottom: 40px !important;
    }
}


/* =========================================
   WooCommerce Order Received Page
========================================= */

body.woocommerce-order-received .site-main,
body.woocommerce-order-received main,
body.woocommerce-order-received .woocommerce {
    width: min(1180px, calc(100% - 40px));
    margin-left: auto;
    margin-right: auto;
}

/* Page heading */
body.woocommerce-order-received .entry-title,
body.woocommerce-order-received .page-title {
    max-width: 1180px;
    margin: 55px auto 30px !important;
    padding: 0 !important;
    color: #173b67;
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 800;
    line-height: 1.15;
    text-align: center;
    text-transform: none;
}

/* Main order container */
body.woocommerce-order-received .woocommerce-order {
    margin: 0 auto 80px;
    color: #182234;
    font-size: 16px;
    line-height: 1.6;
}

/* Success message */
body.woocommerce-order-received
.woocommerce-thankyou-order-received {
    margin: 0 0 30px;
    padding: 22px 26px;
    color: #173b67;
    background: #edf7f2;
    border: 1px solid #b8dfcb;
    border-left: 5px solid #10a866;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 700;
}

/* Order summary */
body.woocommerce-order-received
.woocommerce-order-overview {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
    margin: 0 0 50px !important;
    padding: 0 !important;
    list-style: none !important;
}

body.woocommerce-order-received
.woocommerce-order-overview li {
    min-width: 0;
    margin: 0 !important;
    padding: 20px !important;
    color: #5d6878;
    background: #f4f8fc;
    border: 1px solid #dbe4ec;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.5;
    text-transform: uppercase;
}

body.woocommerce-order-received
.woocommerce-order-overview li::before,
body.woocommerce-order-received
.woocommerce-order-overview li::after {
    display: none !important;
}

body.woocommerce-order-received
.woocommerce-order-overview li strong {
    display: block;
    margin-top: 6px;
    color: #173b67;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.35;
    overflow-wrap: anywhere;
    text-transform: none;
}

/* Sections */
body.woocommerce-order-received
.woocommerce-order-details,
body.woocommerce-order-received
.woocommerce-customer-details {
    margin: 0 0 35px !important;
    padding: 30px;
    background: #fff;
    border: 1px solid #dbe4ec;
    border-radius: 16px;
    box-shadow: 0 12px 35px rgba(23, 59, 103, 0.08);
}

body.woocommerce-order-received
.woocommerce-order-details__title,
body.woocommerce-order-received
.woocommerce-column__title {
    margin: 0 0 24px !important;
    color: #173b67;
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 800;
    line-height: 1.2;
    text-align: left;
    text-transform: none;
}

/* Order table */
body.woocommerce-order-received
table.woocommerce-table--order-details {
    width: 100%;
    margin: 0 !important;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

body.woocommerce-order-received
table.woocommerce-table--order-details th,
body.woocommerce-order-received
table.woocommerce-table--order-details td {
    padding: 17px 15px !important;
    color: #273448;
    border: 0;
    border-bottom: 1px solid #e3e9ef;
    font-size: 16px;
    text-align: left;
    vertical-align: middle;
}

body.woocommerce-order-received
table.woocommerce-table--order-details thead th {
    color: #173b67;
    background: #f4f8fc;
    font-weight: 800;
}

body.woocommerce-order-received
table.woocommerce-table--order-details thead th:first-child {
    border-radius: 10px 0 0 10px;
}

body.woocommerce-order-received
table.woocommerce-table--order-details thead th:last-child {
    border-radius: 0 10px 10px 0;
}

body.woocommerce-order-received
table.woocommerce-table--order-details tfoot th {
    color: #173b67;
    font-weight: 800;
}

body.woocommerce-order-received
table.woocommerce-table--order-details tfoot tr:last-child th,
body.woocommerce-order-received
table.woocommerce-table--order-details tfoot tr:last-child td {
    color: #173b67;
    border-bottom: 0;
    font-size: 18px;
    font-weight: 800;
}

body.woocommerce-order-received
table.woocommerce-table--order-details a {
    color: #173b67;
    font-weight: 700;
    text-decoration: none;
}

body.woocommerce-order-received
table.woocommerce-table--order-details a:hover {
    color: #ff6f0f;
}

/* Billing information */
body.woocommerce-order-received
.woocommerce-customer-details
.woocommerce-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;
}

body.woocommerce-order-received
.woocommerce-customer-details address {
    min-height: 100%;
    margin: 0;
    padding: 24px !important;
    color: #3f4d60;
    background: #f8fbfe;
    border: 1px solid #dbe4ec !important;
    border-radius: 12px;
    font-size: 16px;
    font-style: normal;
    line-height: 1.75;
}

body.woocommerce-order-received
.woocommerce-customer-details address p {
    margin: 8px 0 0;
}

/* Remove theme floats */
body.woocommerce-order-received
.woocommerce-column--billing-address,
body.woocommerce-order-received
.woocommerce-column--shipping-address {
    float: none !important;
    width: 100% !important;
}

/* Tablet */
@media (max-width: 900px) {
    body.woocommerce-order-received
    .woocommerce-order-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile */
@media (max-width: 600px) {
    body.woocommerce-order-received .site-main,
    body.woocommerce-order-received main,
    body.woocommerce-order-received .woocommerce {
        width: min(100% - 26px, 1180px);
    }

    body.woocommerce-order-received .entry-title,
    body.woocommerce-order-received .page-title {
        margin-top: 35px !important;
        font-size: 30px;
    }

    body.woocommerce-order-received
    .woocommerce-order-overview,
    body.woocommerce-order-received
    .woocommerce-customer-details
    .woocommerce-columns {
        grid-template-columns: 1fr;
    }

    body.woocommerce-order-received
    .woocommerce-order-details,
    body.woocommerce-order-received
    .woocommerce-customer-details {
        padding: 20px 15px;
        border-radius: 12px;
    }

    body.woocommerce-order-received
    table.woocommerce-table--order-details th,
    body.woocommerce-order-received
    table.woocommerce-table--order-details td {
        padding: 14px 8px !important;
        font-size: 14px;
    }

    body.woocommerce-order-received
    .woocommerce-thankyou-order-received {
        padding: 18px;
        font-size: 16px;
    }
}


/* Fixed site header on desktop and mobile */
#myHeader {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100%;
    margin: 0 !important;
    transform: none !important;
    z-index: 9990;
}

/* WordPress admin toolbar */
.admin-bar #myHeader {
    top: 32px !important;
}

@media (min-width: 601px) and (max-width: 782px) {
    .admin-bar #myHeader {
        top: 46px !important;
    }
}

@media (max-width: 600px) {
    .admin-bar #myHeader {
        top: 0 !important;
    }
}

/* Add this class to other pages' content wrapper */
.header-spacing {
    padding-top: 134px;
}

@media (max-width: 600px) {
    .header-spacing {
        padding-top: 118px;
    }
}


/* Cart navigation: sticky and in normal page flow */
.woocommerce-cart #myHeader {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 9990;
}

/* WordPress admin toolbar */
.woocommerce-cart.admin-bar #myHeader {
    top: 32px !important;
}

/* Cart title: must not behave like the navigation header */
.woocommerce-cart .entry-header {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 1400px;
    margin: 0 auto 28px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    z-index: auto !important;
}

.woocommerce-cart .entry-title {
    margin: 0;
    color: #000;
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.2;
    text-align: center;
}

/* Space the complete content, including its heading */
.woocommerce-cart #content {
    box-sizing: border-box;
    padding: 40px 24px 64px !important;
}

.woocommerce-cart .entry-content {
    margin-top: 0 !important;
}

/* Remove previous fixed-header offsets */
.woocommerce-cart .wp-block-woocommerce-cart {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    top: auto !important;
    transform: none !important;
}

@media (max-width: 782px) {
    .woocommerce-cart.admin-bar #myHeader {
        top: 46px !important;
    }
}

@media (max-width: 600px) {
    .woocommerce-cart.admin-bar #myHeader {
        top: 0 !important;
    }

    .woocommerce-cart #content {
        padding: 28px 16px 40px !important;
    }
}

/* Sticky checkout header */
.woocommerce-checkout #myHeader {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    width: 100%;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 9990;
}

.woocommerce-checkout.admin-bar #myHeader {
    top: 32px !important;
}

/* Keep checkout heading in normal flow */
.woocommerce-checkout .entry-header {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    height: auto !important;
    min-height: 0 !important;
    z-index: auto !important;
}

/* Remove manual offsets below the sticky header */
.woocommerce-checkout .wp-block-woocommerce-checkout {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.woocommerce-checkout .wc-block-components-sidebar-layout {
    top: auto !important;
    transform: none !important;
}

@media (max-width: 782px) {
    .woocommerce-checkout.admin-bar #myHeader {
        top: 46px !important;
    }
}

@media (max-width: 600px) {
    .woocommerce-checkout.admin-bar #myHeader {
        top: 0 !important;
    }
}

/* =========================================================
   RESPONSIVE HEADER CONTACT BAR
   USA + AUS
   ========================================================= */

/* =========================
   TABLET
   577px - 991px
   ========================= */
@media (min-width: 577px) and (max-width: 991px) {

    .headertopbarLeft {
        width: 100%;
        display: grid !important;
        grid-template-columns: auto auto auto;
        justify-content: center;
        align-items: center;
        column-gap: 10px;
        row-gap: 6px;
        padding: 8px 10px;
        box-sizing: border-box;
    }

    /* USA label */
    .headertopbarLeft > span:nth-of-type(1) {
        display: block !important;
        width: auto !important;
        color: #fff;
        font-size: 13px;
        white-space: nowrap;
    }

    /* USA email */
    .headertopbarLeft > a:nth-of-type(1) {
        display: flex !important;
        align-items: center;
        width: auto !important;
        max-width: none !important;
        color: #fff;
        font-size: 13px;
        white-space: nowrap;
    }

    /* USA phone */
    .headertopbarLeft > a:nth-of-type(2) {
        display: flex !important;
        align-items: center;
        width: auto !important;
        max-width: none !important;
        color: #fff;
        font-size: 13px;
        white-space: nowrap;
    }

    /* AUS label */
    .headertopbarLeft > span:nth-of-type(4) {
        display: block !important;
        width: auto !important;
        color: #fff;
        font-size: 13px;
        white-space: nowrap;
    }

    /* AUS email */
    .headertopbarLeft > a:nth-of-type(3) {
        display: flex !important;
        align-items: center;
        width: auto !important;
        max-width: none !important;
        color: #fff;
        font-size: 13px;
        white-space: nowrap;
    }

    /* AUS phone */
    .headertopbarLeft > a:nth-of-type(4) {
        display: flex !important;
        align-items: center;
        width: auto !important;
        max-width: none !important;
        color: #fff;
        font-size: 13px;
        white-space: nowrap;
    }

    /* Icons */
    .headertopbarLeft a img {
        width: 20px !important;
        height: 20px !important;
        flex: 0 0 20px;
        object-fit: contain;
        margin-right: 5px;
    }

    /* Hide separators */
    .headertopbarLeft > span:nth-of-type(2),
    .headertopbarLeft > span:nth-of-type(3),
    .headertopbarLeft > span:nth-of-type(5) {
        display: none !important;
    }
}

/* =========================
   MOBILE
   0 - 576px
   ========================= */
@media (max-width: 576px) {

    .headertopbar {
        width: 100%;
        min-height: auto;
    }

    .headertopbarLeft {
        width: 100%;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0;
        padding: 8px 12px;
        box-sizing: border-box;
        line-height: 1.2;
    }

    /* USA label */
    .headertopbarLeft > span:nth-of-type(1) {
        display: block !important;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 14px;
        margin-bottom: 5px;
    }

    /* USA email */
    .headertopbarLeft > a:nth-of-type(1) {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100%;
        color: #fff;
        font-size: 14px;
        margin-bottom: 5px;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /* USA phone */
    .headertopbarLeft > a:nth-of-type(2) {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100%;
        color: #fff;
        font-size: 14px;
        margin-bottom: 10px;
    }

    /* AUS label */
    .headertopbarLeft > span:nth-of-type(4) {
        display: block !important;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 14px;
        margin-bottom: 5px;
    }

    /* AUS email */
    .headertopbarLeft > a:nth-of-type(3) {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100%;
        color: #fff;
        font-size: 14px;
        margin-bottom: 5px;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /* AUS phone */
    .headertopbarLeft > a:nth-of-type(4) {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100%;
        color: #fff;
        font-size: 14px;
    }

    /* Icons */
    .headertopbarLeft a img {
        width: 22px !important;
        height: 22px !important;
        flex: 0 0 22px;
        object-fit: contain;
        margin-right: 6px;
    }

    /* Hide separators */
    .headertopbarLeft > span:nth-of-type(2),
    .headertopbarLeft > span:nth-of-type(3),
    .headertopbarLeft > span:nth-of-type(5) {
        display: none !important;
    }
}