/* ============================
   ✅ FIX: CookieYes modal overflow issue on mobile
   ============================ */

html, body {
  overflow-x: hidden !important;
  max-width: 100%;
}

/* Target CookieYes modal container */
.cky-modal,
.cky-preference-center {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
  max-width: 100% !important;
  width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

/* Ensure everything inside modal fits screen */
.cky-preference-center * {
  box-sizing: border-box !important;
  max-width: 100% !important;
  word-break: break-word !important;
}

/* Fix internal body wrapper in modal */
.cky-preference-body-wrapper,
.cky-preference-content-wrapper {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* Prevent small horizontal shifts on mobile */
body {
  position: relative;
  overflow-x: hidden !important;
}

/* Optional: smooth responsiveness for CookieYes buttons */
.cky-prefrence-btn-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.cky-prefrence-btn-wrapper .cky-btn {
  flex: 1 1 auto;
  min-width: 120px;
  text-align: center;
}

.testimonial-card {
    min-height: 410px !important;
    height: 100% !important;
    max-height: 100% !important;
}

.testimonial-card img.logo {
  max-height: 50px !important;
  width: 50% !important;
}

/* hide testimonial in small devices/mobile/tablets due to error */
@media only screen and (max-width: 1200px) {
    section.testimonials-section {
    display: none !important;
}
}



/* all page tabs, button css */

button.tab {
    text-transform: none !important;
}


/* all page header */
.menu-modal-inner.modal-inner .modal-menu > li > a, .menu-modal-inner.modal-inner .modal-menu > li > .ancestor-wrapper > a, .modal-menu ul li a {
text-transform: none !important;
}

.office-time.mr-3
 {
    margin-right: 9.5px !important;
}

header#site-header {
    position: fixed !important;
	  z-index: 999 !important;
}

.header-footer-group .section-inner ul.primary-menu li > a {
    font-size: 17.5px !important;
    line-height: 22px !important;
    font-weight: 100 !important;
}
.navWrap .header-inner.section-inner .primary-menu-wrapper ul ul.sub-menu li a { 
    font-size: 14px !important; 
text-transform: none !important;
}
 .navWrap .header-inner.section-inner ul li ul.sub-menu li {
    padding: 2px 15px !important;
}
 a.office-time.mr-3 {
    margin: 0px !important;
}
.navWrap {
    background-color: white;
}
a.start-trial-btn {
    background-color: #0069de;
    color: white;
    padding: 12px 20px;
    border-radius: 30px;
    font-weight: bold;
    font-size: 17.5px;
    text-decoration: none;
}
.TopHeader.newHomepage {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
 
/* Header Button styling */
a.start-trial-btn:hover {
    color: #fff !important;
    background-color: #0050c9;
    transform: translateY(-2px);
}

.header-footer-group .section-inner .primary-menu ul {
    top: calc(100% + 22px)!important;
}
body:not(.overlay-header) .primary-menu > li > ul:after{
    border-bottom-color: #e5e5e5 !important;
}
:root {
    --primary-blue: #0069de !important;
    --yellow: #ffdc00;
    --light-blue-bg: #dcebfd;
    --light-gray: #f5f7fa;
    --text-dark: #000;
	  --text-light: #333 !important;
/*     --text-light: #787878; */
}
.header-footer-group .header-inner.section-inner { 
    padding-bottom: 0px !important;
    box-shadow: 0px 1px 0px #00000014;
}
@media only screen and (max-width: 1140px) {
   a.start-trial-btn {
       font-size: 15.5px;
    }
	    .header-titles-wrapper {
        margin-right: 0px !important;
    }
}

/* Show mobile toggle (hamburger menu) on small screens */
@media only screen and (max-width: 1196px) {
    .innerLogo {
        max-width: 100%;
    }
}
@media only screen and (max-width: 999.98px) {
    .customHeader .header-titles-wrapper {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    max-width: 100% !important;
}
    .customHeader .header-titles-wrapper .header-titles {
        width: 100%;
        text-align: left;
        display: flex;
    }
    .innerLogo {
        max-width: 100%;
    }

button.toggle.nav-toggle.mobile-nav-toggle {
	 height: 40px !important;
    top: 50% !important;
    box-shadow: 0 0 3px rgba(68, 68, 68, 0.5) !important;
    border-radius: 4px !important;
    transform: translateY(-45%)!important;
    width: 40px !important;
    left: auto !important;
    right: 0px !important;
    justify-content: center;
    display: flex !important;
}
    .header-inner.section-inner button .toggle-inner svg {
        width: 20px;
        height: 20px;
        fill: #0069de!important;
			color: #000;
    }	
	.header-inner.section-inner .toggle path {
        fill: #0069de!important;
    }
	.header-inner .toggle svg {
    display: block;
    position: relative;
    z-index: 1;
    width: 20px;
    height: 20px;
    fill: #0069de!important;
}
	.rightside-button{
    width: 55%;
    list-style: none;
    display: inline-block;
    text-align: center;
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
}
	a.start-trial-btn
 {
    font-size: 14px !important;
}

	    .menu-modal.cover-modal.header-footer-group.show-modal.active .menu-modal-inner.modal-inner {
        max-width: 300px;
        background: #fff;
        z-index: 999 !important;
        position: absolute;
        top: 0;
    }
	.customHeader.header-footer-group {
    z-index: 20 !important;
}
	    .menu-modal.cover-modal.header-footer-group.show-modal.active {
        z-index: 999 !IMPORTANT;
    }
}



/* Testimonials */
img.logo.honda {
    margin-left: -26px !important;
}



/* Body */
  div, p, span, h1, h2, h3, h4, h5, h6, strong, section, address, area, aside, a, label, ul, li  {
    font-family: 'Inter', sans-serif !important;
    font-style: normal;
    letter-spacing: 0.3px;
  }

  .lightWhite1 {
    background: #f4f7fa !important;
    color: #fff !important;
  }

/* Footer */
/* ___________ */
 /*__________Footer Section__________*/

.comPanyMenu ul li {
    margin-bottom: 1px !important;
}

   .latestFooter {
    background: #ffffff !important; 
    border-top: 1px solid #0b0b0b1c;
  }
p.footer-MSB-description {
    padding: 0px !important;
}
  footer p {
    color: #333;
  }

  h3.footTitle.font20.menu-footer-heading {
    margin-top: 20px;
  }

  .App-code-footer.mt20.text-center {
    margin: 30px 0px;
    display: flex;
    column-gap: 10px;
  }

  .latestFooter ul.socialFooter li a {
    width: 50px !important;
    height: 50px !important;
    border-radius: 12px !important;
    vertical-align: middle;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    background: #fff;
    color: #333;
    text-decoration: none;
  }

  .latestFooter ul.socialFooter li a:hover {
    background-color: #0069de;
  }
.btn-primary {
    color: #fff;
    background-color: #0069de !important;
    border-color: #0069de !important;
}
  .footer-certificates {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 20px;
    margin: 0px 0px 66px 0px;
  }

ul.socialFooter {
    display: flex;
    gap: 5px;
}
.comPanyMenu ul li {
    padding-left: 0px !important;
}

.comPanyMenu ul li:before{
	display:none!important;
}

.footTitle:before {
    background: #0069de !important;
}

@media only screen and (max-width: 1000px) {
	<!-- compliance logo  -->
	.footer-certificates {
    margin:auto !important;
}
	    .footer-certificates {
    margin: 0 0px 30px !important;
    justify-content: flex-start !important;
    }
	.col-sm-6.col-md-6.col-lg-3.newsLetter.newSLetterForm {
    margin-top: 20px;
}
}
/* ========== Small Devices (Phones to Tablets, 576px to 767px) ========== */
@media (min-width: 576px) and (max-width: 767.98px) {
	.comPanyMenu + .comPanyMenu, .newsLetter {
    margin-top: 1vh;
}
	.col-sm-6.col-md-6.col-lg-3.newsLetter.newSLetterForm {
    margin-top: 4vh;
}
	.compliance-logos {
    gap: 12px !important;
}
}
@media only screen and (max-width: 575.98px) {
.customHeader .header-titles-wrapper .header-titles {
        justify-content: flex-start !important;
        padding-bottom: 0px !important;
        padding-top: 5px !important;
    }
.compliance-logos {
    gap: 12px !important;
}
	.doc-solution-feature-title{
		font size:14px !Important;
	}
	.comPanyMenu {
    margin-top: 1vh !important;
}
	.latestFooter {
    margin-top: 5% !important;
}
 
	.comPanyMenu + .comPanyMenu, .newsLetter {
    margin-top: 10px !important ;
}
	    .socialFooter {
				display:flex;
        justify-content: center;	
    }
	.App-code-footer.mt20.text-center {
    justify-content: center;
}
	    .footer-certificates {
        margin: 0 0 30px !important;
    justify-content: flex-start !important;
    }
}

@media (min-width: 999px) and (max-width: 1199.98px) {
/*Footer social icon */
ul.socialFooter {
    display: flex;
}
.footer-certificates {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 20px;
    margin: -50px 0px 30px -80px;
}
}


/* old site css below */


/* Blog design */
.listLightwhtite li:before{
	display:none;
}
.introBox_Msb
 {
    margin-bottom: 30px!important;
}
.signleLandingpage .introBox_Msb .h2Heading {
    margin-bottom: 12px !important;
}
h3.h3Heading
 {
    margin-bottom: 18px !important;
}

h4.h4Head {
    margin-bottom: 18px !important;
}

/* end Blog design */


@media only screen and (max-width: 430px) {
    .navWrap .header-inner.section-inner .headerRightbtn .btn.RequestADemo {
        padding: 8px 4px !important;
        top: 5px;
        display: none;
        position: relative;
    }
	
}
.row.forcolor {
    background-color: #0069de !important;
} 

.bottomForm, .bottomForm.hidFOrm {
    box-shadow: -1px -1px 4px 1px #00000052 !important;
}

.footerOtherPage .comPanyMenu ul li:before {
        top: 55%;
     }
.latestFooter ul.socialFooter li a:hover, .latestFooter ul.socialFooter li a:hover svg {
    fill: #fff;
    background: #0069de !important;
}
    #site-footer a:focus,
    #site-footer a:hover {
        text-decoration: underline;
        color: #0f4bb9 !important;
    }
    .latestFooter.nFooter {
        background: #f4f8fc !important;
    }
    footer.footerOtherPage .bootmFooter i svg {
        width: 16px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 2px;
        fill: #333 !important;
    }
    .latestFooter.nFooter,
    .latestFooter.nFooter .comPanyMenu ul li a,
    .latestFooter.nFooter address .rightAdd strong,
    .latestFooter.nFooter address p,
    .latestFooter.nFooter address a,
    .latestFooter.nFooter .bootmFooter a,
    .latestFooter.nFooter .bootmFooter .text-center {
        color: #333 !important;
    }
    .footTitle.font20 {
        color: #000 !important;
    }
    .topFooter address .fAddress .rightAdd strong {
        font-family: "z_regularregular" !important;
    }
    .topFooter address {
        padding-top: 0px !important;
    }
    .footTitle {
        margin-bottom: 25px !important;
        ;
    }
    .latestFooter.nFooter .footTitle:before {
        background: #0069de !important;
    }
    .latestFooter.nFooter .footTitle:after {
        background: #e0e1e1 !important;
    }
    .latestFooter.nFooter .comPanyMenu ul li:before {
        background: #0069de !important;
    }
    .latestFooter.nFooter .bootmFooter {
        border-top: 1px solid #ddd !important;
    }
    .downFooter {
        padding-top: 0px !important;
    }
    footer .topFooter {
        padding-bottom: 0px !important;
    }
.testiImage img {
    border-radius: 10px;
}
.freeSupport .container {
	max-width: 1330px !important;
}
.customers-review {
	border-radius: 10px!important;
}
.customers-review__wrapper{
	border-radius: 10px!important;
}
.UsecasesLIst ul li img{
background: #0069de!important;	
}
a.moreBtn.bigBtn.ml-0.mt-0, a.moreBtn.bigBtn.Mauto.d-block{ font-weight: 600 !important;
    letter-spacing: 1px !important;}
  a.borderBtn {
    font-weight: 600 !important;
} 
button.toggle.nav-toggle.mobile-nav-toggle {
    background-color: #ffffff !important;
}
.BeyondeSignatures.simplifiesESignature .info-box-wrap{
    border: 1px solid rgb(0 0 0 / 7%);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
a.moreBtn.bigBtn.ml-0.mt-0.z_regular {
    background-color: #0069de;
    border: 1px solid white;
    margin: 0px !important;
}
a.moreBtn.bigBtn.ml-0.mt-0.z_regular:hover{
    background-color: #ffffff!important;
    color: #0069de !important;
}
a.moreBtn.bigBtn.ml-0.mt-0 {
    background-color: #0069de;
    border: 1px solid white;
    margin: 0px !important;
}
 a.moreBtn.bigBtn.ml-0.mt-0 :hover {
    background-color: #ffffff!important;
    color: #0069de !important;
}
.comPanyMenu ul li:before {
    background: #0069de !important;
}
.footTitle:before {
    background: #0069de !important;
}

/* Footer */
    .footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer
 {
        margin-top: 1rem!important;
}

/* Testimonials section */
.testimonials-section{
	padding-bottom:110px !important;
}
/* CTA section above footer */
.doc-solution-feature 
 { 
   box-shadow: none !important; 
}



    .yellowBgOffer{
        display: none;
    }
    @media (max-width: 1400px) {
    	.customTimer .div-block-11 .top-nav-text a{
    		line-height: 1.5;
    	}
    }
    @media (max-width: 991px) {
    	.yellowBgOffer{
    		display: none;
    	}
    }