@media only screen and (max-width: 768px) {
    .blog-details .hero, .whitepaper-details .hero, .study-details .hero, .webinar-details .hero {
        padding-top: 11.4rem !important;
    }
}

.seo-para{
	padding-top: 15px !important;
}
.seo-top0{
	  padding-top:0rem !important;
}
.seo-tp2{
    padding-top:2rem !important;
}
.seo-tp4{
    padding-top:4rem !important;
}
.seo-tp8{
    padding-top:8rem !important;
}
.seo-tp10{
    padding-top:10rem !important;
}
.seo-tp12{
    padding-top:12rem !important;
}
.centric_logo .mt-both-pad {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}
.seo-both-curve{
    padding-top:10rem !important;
     padding-bottom:10rem !important;
}
.seo-top{
    padding-top:6rem;
}
@media(max-width:700px){
    .seo-top{
    padding-top:6rem !important;
}
	   .seo-top-sm{
    padding-top:9rem !important;
}
	.seo-both-curve{
		 padding-top:6rem !important;
	}
}
.seo-both{
    padding-top:6rem;
    padding-bottom:6rem;
}
.seo-bottom{
    padding-bottom:8rem;
}
.seo-hero-section{
    padding-top:6rem;
}
.features-head {
   max-width: 820px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.img-width-dm{
		width:75%;
	}
/* Parent Class */
.nc-challenges-solutions {
    width: 100%;
}

.nc-challenges-solutions .cq-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nc-challenges-solutions .cq-list__item {
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 16px;
    padding: 32px;
    min-height: 300px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    z-index: 1;
}

/* Hover background */
.nc-challenges-solutions .cq-list__item:hover {
    background-color: #f2f7fb;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.06);
}

/* Decorative image - bottom left */
.nc-challenges-solutions .cq-list__item::after {
    content: "";
    position: absolute;
    left: -1px;
    bottom: -1px;
    width: 85px;
    height: 85px;
    background-image: url("https://www.compliancequest.com/wp-content/themes/twentytwenty/assets/images/capability-graphic-1.svg");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
    z-index: 0;
}

/* Show image only on hover */
.nc-challenges-solutions .cq-list__item:hover::after {
    opacity: 1;
    visibility: visible;
}

/* Content above image */
.nc-challenges-solutions .cq-list__item p {
    position: relative;
    z-index: 2;
    margin: 0;
}

.nc-challenges-solutions .cq-list__item b {
    color: #4a4a4a;
}

/* Tablet */
@media (max-width: 991px) {
    .nc-challenges-solutions .cq-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .nc-challenges-solutions .cq-list__item {
        padding: 28px;
        min-height: 280px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .nc-challenges-solutions .cq-list {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .nc-challenges-solutions .cq-list__item {
        padding: 25px;
        min-height: auto;
    }

    .nc-challenges-solutions .cq-list__item::after {
        width: 70px;
        height: 70px;
    }
	.img-width-dm{
		width:100%;
	}
}

	@media (max-width: 1199px) {
    .cq-btn.cq-arrow-btn-lg {
        padding: 0.6rem 2.4rem 0.6rem 0.6rem;
        font-size: 1.4rem;
        margin-top: 10px;
    }
}
.cta-box {
    box-shadow: 0px 4px 58.2px 0px rgba(0, 0, 0, 0.25);
    border-radius: 30px;
    padding: 1rem 5rem;
}
	@media(max-width:700px){
		.cta-box {
    box-shadow: 0px 4px 58.2px 0px rgba(0, 0, 0, 0.25);
    border-radius: 30px;
    padding: 3rem 3rem;
}
	}

	.nc-types-section {
    width: 100%;
}

.nc-types-section .cq-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 0;
    padding: 15px 0 0;
    list-style: none;
}

.nc-types-section .cq-list__item {
    position: relative;
    background: #ffffff;
    border: 1px solid transparent;
    border-radius: 16px;
    padding: 30px;
   
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Leaf OUTSIDE the card */
.nc-types-section .cq-list__item::before {
	transform: rotate(335deg) translateY(0) !important;
    content: "";
    position: absolute;
    top: -28px;
    left: -16px;
    width: 47px;
    height: 47px;
    background-image: url("https://www.compliancequest.com/wp-content/themes/twentytwenty/assets/images/green-leaf.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    pointer-events: none;
    z-index: 5;
}

/* Hover border */
.nc-types-section .cq-list__item:hover {
    border-color: #6d892c;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);
}

/* Show leaf outside card on hover */
.nc-types-section .cq-list__item:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.nc-types-section .cq-list__item > span {
    display: block;
    position: relative;
    z-index: 2;
}

.nc-types-section .cq-list__item b {
    color: #444444;
}

.nc-types-section .cq-list__item a {
    position: relative;
    z-index: 3;
}

	
.color-row .mt-col-four {
    flex: 0 0 calc(100% / 3 - 2.6rem) !important;
    padding: 2.6rem 2rem;
    border-radius: 20px;
    box-sizing: border-box;
}
.cta-img{
  float:right;
}
/* Tablet */
@media (max-width: 991px) {
    .nc-types-section .cq-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .nc-types-section .cq-list__item {
        padding: 26px;
        min-height: 230px;
    }
}


/* Mobile */
@media (max-width: 767px) {
    .nc-types-section .cq-list {
        grid-template-columns: 1fr;
        gap: 20px;
        padding-top: 15px;
    }

    .nc-types-section .cq-list__item {
        padding: 24px;
        min-height: auto;
    }

    .nc-types-section .cq-list__item::before {
           width: 36px;
        height: 36px;
        top: -18px;
        left: -8px;
    }
	.color-row .mt-col-four {
	  flex: 0 0 calc(100% / 1 - 2.6rem) !important;		
	}
}

/*popup hero section image form*/

	.online-demo-popup{
    display:none;
    position:fixed;
    inset:0;
    z-index:999999;
}


.online-demo-popup.active{
    display:flex;
    align-items:center;
    justify-content:center;
}


.online-demo-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.65);
}


.online-demo-modal{

    position:relative;
    z-index:2;

    display:flex;

    width:800px;
    max-width:95%;

    max-height:90vh;

    background:#fff;

    border-radius:15px;

    overflow:hidden;

}


/* LEFT IMAGE */

.popup-left-image{
    width:45%;
    background:#42a0dd;
	display:none;
}


.popup-left-image img{

    width:100%;
    height:100%;

    object-fit:cover;

}


/* RIGHT FORM */

.popup-right-form{

    width:100%;

   

    max-height:90vh;

    overflow-y:auto;

}
.contact-card {
    box-shadow: none;
    border: none !important;
    padding: 32px !important;
}

/* close */

.online-demo-close{

    position:absolute;

    right:15px;
    top:10px;

    z-index:20;

    border:0;

    background:none;

    font-size:32px;

    cursor:pointer;

}


/* remove card styling */

.online_demo_page_new .card{

    border:0!important;

    box-shadow:none!important;

}
		  @media(max-width:768px){

    .online-demo-modal{

        width:95%;

        max-height:90vh;

        display:block;

        overflow-y:auto;

    }


    .popup-left-image{

        width:100%;

        height:250px;

    }


    .popup-left-image img{

        height:250px;

        object-fit:cover;

    }


    .popup-right-form{

        width:100%;

        padding:20px;

        max-height:none;

    }


    .online-demo-close{

        color:#000;

        background:#fff;

        border-radius:50%;

        width:35px;

        height:35px;

        line-height:25px;

    }

}




/*2nd popup fold 2 */


/* ================================
   HSE IMAGE POPUP
================================ */

.hse-demo-popup {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 999999;
}

.hse-demo-popup.active {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* ================================
   OVERLAY
================================ */

.hse-demo-popup-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .65);
}


/* ================================
   POPUP MODAL
================================ */

.hse-demo-popup-modal {
    position: relative;
    z-index: 2;
    display: flex;
    width: 800px;
    max-width: 95%;
    max-height: 90vh;
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
}


/* ================================
   LEFT IMAGE
================================ */

.hse-demo-popup-left-image {
    width: 45%;
    background: #42a0dd;
    display: none;
}

.hse-demo-popup-left-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* ================================
   RIGHT FORM
================================ */

.hse-demo-popup-right-form {
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
}

.hse-demo-popup-card {
    box-shadow: none;
    border: none !important;
    padding: 32px !important;
}


/* ================================
   CLOSE BUTTON
================================ */

.hse-demo-popup-close {
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 20;
    border: 0;
    background: none;
    font-size: 32px;
    cursor: pointer;
}


/* ================================
   KEEP FORM DEFAULT DESIGN
================================ */

.hse-demo-popup-form .card {
    border: 0 !important;
    box-shadow: none !important;
}


/* ================================
   MOBILE
================================ */

@media (max-width: 768px) {

    .hse-demo-popup-modal {
        width: 95%;
        max-height: 90vh;
        display: block;
        overflow-y: auto;
    }

    .hse-demo-popup-left-image {
        width: 100%;
        height: 250px;
    }

    .hse-demo-popup-left-image img {
        height: 250px;
        object-fit: cover;
    }

    .hse-demo-popup-right-form {
        width: 100%;
        padding: 20px;
        max-height: none;
    }

    .hse-demo-popup-close {
        color: #000;
        background: #fff;
        border-radius: 50%;
        width: 35px;
        height: 35px;
        line-height: 25px;
    }

}


/*--slider css---*/

		  .slider-height{
			      height: 700px;
		  }
		  @media(max-width:700px){
			  .slider-height{
			      height:auto;
		  }
		  }
		  .slider-parent {
    position: relative;
    overflow: hidden;
}

.slider-child {
    display: none;
}

.slider-child.active {
    display: block;
    animation: slideIn 0.6s ease;
}

@keyframes slideIn {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}
			.slider-buttons {
    text-align: center;
    margin-top: 30px;
}

.slider-buttons button {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    margin: 0 8px;
    font-size: 20px;
}



/*----top 10 CQ feature css with testi---*/
.cq-stats-wrapper {
    position: relative;
    width: 616px;
    max-width: 100%;
    padding-top: 0;
	    margin-top: 69px;
}

/* Dark navy container */
.cq-stats-box {
    width: 100%;
    min-height: 131px;
    background: #062442;
    border-radius: 50px;

    display: flex;
    align-items: flex-start;
    gap: 50px;
    padding: 25px 55px 25px 65px;
    box-sizing: border-box;
}

/* AI Agent - exact overlapping position */
.cq-agent-image {
    position: absolute;
    width: 78px;
    height: auto;

    left: 8px;
    top: -55px;

    z-index: 5;
    object-fit: contain;
}

/* Individual stat */
.cq-stat-item {
    flex: 1;

    display: flex;
  align-items: flex-start;
    gap: 13px;
}

/* Icon */
.cq-stat-icon {
    width: 55px;
    min-width: 55px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.cq-stat-icon img {
    width: 55px;
    height: 55px;
    object-fit: contain;
}

/* Text */
.cq-stat-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cq-stat-number {
    font-family: inherit;
    font-size: 31px;
    line-height: 1.05;
    font-weight: 700;
    color: #ffffff;
    white-space: nowrap;
}

.cq-stat-label {
    margin-top: 4px;

    font-family: inherit;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 500;
    color: #ffffff;
}


/* =========================
   TABLET
========================= */

@media (max-width: 767px) {

    .cq-stats-wrapper {
        width: 100%;
        margin-top: 55px;
    }

    .cq-stats-box {
        min-height: auto;
        border-radius: 35px;

        padding: 30px 30px;
        gap: 25px;
    }

    .cq-agent-image {
        width: 65px;
        left: 5px;
        top: -48px;
    }

    .cq-stat-item {
        gap: 8px;
    }

    .cq-stat-icon {
        width: 45px;
        min-width: 45px;
    }

    .cq-stat-icon img {
        width: 45px;
        height: 45px;
    }

    .cq-stat-number {
        font-size: 25px;
    }

    .cq-stat-label {
        font-size: 14px;
    }
}


/* =========================
   MOBILE
========================= */

@media (max-width: 480px) {

    .cq-stats-wrapper {
        margin-top: 50px;
    }

    .cq-stats-box {
        flex-direction: column;
        align-items: flex-start;

        border-radius: 30px;

        padding: 35px 30px 30px;
        gap: 25px;
    }

    .cq-stat-item {
        width: 100%;
    }

    .cq-agent-image {
        width: 60px;
        left: 5px;
        top: -45px;
    }

    .cq-stat-number {
        font-size: 24px;
    }

    .cq-stat-label {
        font-size: 14px;
    }
}

  @media only screen and (max-width: 820px) {
    body.opened .main-sections {
    
        padding-top: 1rem !important;
    }
				  .audit-management .flex {
    display: flex;
    gap: 3.2rem;
    flex-direction: column;
}
				  .audit-management .flex {
    justify-content: space-between;
    flex-wrap: nowrap;
}
}
.mt-text {
 margin-top: 1rem;		
}

	@media only screen and (max-width: 820px) {
		.cq-capabilities .flex .capability__item{
			display:block !important;
		}
}
.mt-flex-content .content, .mt-flex-content .mt-video-box {
    flex: 0 0 45%;
}
.organization-growth .flex {     padding-top: 0px !important; flex-wrap: nowrap;    justify-content: space-between;
}
.audit-management .section-img .rave {
 left:40%;		
}
.seo-tools-counter-sec {
    justify-content: space-around !important;
    margin-top: -75px;		
}
.seo-tools-counter-sec img {
   width: 50px;
   height: 50px;		
}
.rave-img {
 width: 85px;
 top: -60px;
 position: relative;
 left: -20px;
}
.item-wrap {
 float: left;
  padding: 6px;
 margin-right: 3px;
}
.item-icon img {
  display: block;
}
.left-flex {
 width:37%;		
}
.right-flex {
 width:35%;		
}
.audit-software-flx .left {
 flex: 0 0 50%;	
}
.audit-software-flx .right {
 flex: 0 0 50%;	
}
.new-cta {
 height: 250px;
}
.new-cta-content .cq-btn {
    font-size: 14px !important;
}
.new-cta-content .cq-btn.cq-arrow-btn .icon {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 16px;
}
.resp-cnt {
 display: none;		
}
.comparison-audit-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.comparison-audit-table th,
.comparison-audit-table td {
  border: 1px solid #444;
  padding: 16px;
  vertical-align: top;
}
.comparison-audit-table th {
  background: #f4f4f4;
  font-weight: 600;
  color: #404040;
  vertical-align: middle;
}
.side-header {
  background: #003363;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.comparison-audit-table td strong {
  color: #444;
}
@media(min-width:1025px) and (max-width:1366px) {
.audit-management .section-img .rave {
 left:45%;		
}	
.left-flex {
 width:44%;		
}
}	
@media(max-width:767px) {
.item-wrap {
  justify-content: center;
  float: inherit;
}
.left-flex {
 width: auto;		
}
.right-flex {
 width: auto;
}
.new-cta {
 height: auto;
}
.mt-support-organization .mt-support-list {
    display: grid;
	        grid-auto-flow: row;
 }
.audit-software-flx {
 display: block!important;		
}
.resp-cnt {
 display: block!important;		
}
.internal-audit-table {
display: none!important;		
}
}
@media(min-width:768px) and (max-width:991.98px) {
.organization-growth .flex {  
 flex-wrap: wrap;  
}
.left-flex {
    width: 45%;
}
}
			  .cloud-technology {
    padding-top: 80px;
			  }
			  
			  	.endrosed-by .icon img{
		display:flex;
	}
	li.partner-list__item {
    height: auto;
}
	.endrosed-by .partners-list {
	 gap:3.2rem;
	 max-width: fit-content !important;
	     max-width: none !important;
	}
	.seo-audit-reviews {
	 height: 470px!important;
	}
	.endrosed-by .partner-list__item {
	 display: block;
	}
	@media(max-width:991.98px) {
	.seo-audit-reviews {
	 height: auto!important;
	}	
	}
	@media (max-width: 767px) {
    .endrosed-by .partners-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 6.4rem 3.2rem !important;
    }
}

/* Code for Challenges Card Sec Starts */
.cq-challenges-cards {
    padding: 80px 0;
}
.cq-challenges-cards .challenge-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.cq-challenges-cards .challenge-card {
    position: relative;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 22px;
    padding: 30px;
    overflow: visible;
    isolation: isolate;
    transition: all .35s ease;
}
.cq-challenges-cards .challenge-card h3 {
    color: #152b49;
    font-size: 22px;
    font-weight: 600;
   margin: 0 0 15px;
    transition: .35s ease;
}
.cq-challenges-cards .challenge-card p {
    color: #4b4b4b;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    transition: .35s ease;
}
.cq-challenges-cards .challenge-card::before {
    content: "";
    position: absolute;
    top: -32px;
    left: -18px;
width: 35px;
    height: 50px;
    background-image: url("/wp-content/themes/twentytwenty/assets/images/green-leaf.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: -1;
    opacity: 0;
    transition: opacity .35s ease;
  transform: rotate(326deg);
}
.cq-challenges-cards .challenge-card::after {
    content: "";
    position: absolute;
    top: 32px;
    left: 30px;
    width: 24px;
    height: 24px;
    background-image: url("/wp-content/themes/twentytwenty/assets/images/icons/green-check.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0;
    transition: opacity .35s ease;
}
.cq-challenges-cards .challenge-card:hover {
    border-color: #6d892c;
}

.cq-challenges-cards .challenge-card:hover::before {
    opacity: 1;
}
.cq-challenges-cards .challenge-card:hover::after {
    opacity: 1;
}
.cq-challenges-cards .challenge-card:hover h3,
.cq-challenges-cards .challenge-card:hover p {
    padding-left: 38px;
}
.cq-challenges-cards .challenge-card {
    min-height: 330px;
}
@media(max-width:991px){
    .cq-challenges-cards .challenge-grid {
        grid-template-columns: repeat(2,1fr);
    }
}
@media(max-width:767px){
    .cq-challenges-cards {
       padding: 50px 0;
    }
    .cq-challenges-cards .challenge-grid {
       grid-template-columns: 1fr;
    }
    .cq-challenges-cards .challenge-card {
        padding:25px;
        min-height:auto;
    }
    .cq-challenges-cards .challenge-card:hover h3,
    .cq-challenges-cards .challenge-card:hover p {
        padding-left:32px;
    }
}
/* Code for Challenges Card Sec Ends */