/**
 * A/B Test: functional show/hide only.
 * All visual styling should be done in Omniconvert.
 */

 .ab-variant-b-only {
	display: none !important;
}

/* Hide the tab links and sticky form until variant B is active */

body.ab-variant-b .vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list {
	display: none !important;
}

#ab-sidebar-form {
	display: none !important;
}

/* Show the tab links and sticky form when variant B is active */

body.ab-variant-b .ab-variant-b-only {
	display: block !important;
}

body.ab-variant-b #ab-sidebar-form.ab-sticky-form-container {
	display: block !important;
}
#ab-sidebar-form {
    position: sticky;
    top: 152px;
}
/* Remove WPBakery default margin on the Raw HTML wrapper holding our shortcode */

.wpb_raw_code.wpb_content_element:has(#ab-jump-links-container),
.wpb_raw_code.wpb_content_element:has(#ab-sidebar-form) {
	margin-bottom: 0 !important;
}


/* AB test */
.page-id-32064 #iso27001-tabbed-content-row{
	background: none;
	padding-top: 80px;
}

#ab-jump-links-container{
	margin-bottom: 50px;
}

.ab-jump-links-list{
	display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-around;
}

.ab-jump-links-list a{
	width: 32%;
    padding: 20px 30px;
    background: #f1f1f1;
    border-radius: 20px;
    margin-bottom: 10px;
    color: #000;
    display: flex;
    gap: 15px;
    align-items: center;
}

.ab-content-hide{
	display: none !important;
}

body.ab-variant-b .ab-content-hide{
	display: block !important;
}

body.ab-variant-b .Speak-with-btn.ab-content-hide{
	display: inline-flex !important;
}

#ab-sidebar-form{
	border-radius: 25px;
    background: #FFF;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.15);
    padding: 35px 30px;
    align-items: center;
}

#ab-sidebar-form .hidden-fields-container{
	display: none;
}

body div:has(#ab-jump-links-container) + div{
	display: block;
}

body.ab-variant-b div:has(#ab-jump-links-container) + div:not(.vc_tta-container){
	display: none;
}

body.ab-variant-b div:has(#ab-jump-links-container) + div:not(.vc_tta-container) + div.wd-button-wrapper{
	display: none;
}

body.ab-variant-b .tabbed-content--row .vc_tta-panels-container{
	padding-top: 0 !important;
}

body.ab-variant-b .vc_tta-tabs-container{
	margin-right: 15px !important;
    position: relative !important;
    width: auto !important;
    top: unset !important;
}

body.ab-variant-b .tabs-placeholder{
	display: none !important
}

#ab-sidebar-form h3.ab-form-title{
	font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 30px;
}

#ab-sidebar-form label{
	font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

#ab-sidebar-form label span{
	color: var(--Style, #F00);
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

#ab-sidebar-form input[type="text"],
#ab-sidebar-form input[type="email"],
#ab-sidebar-form input[type="tel"]{
  padding:15px;
  border:1px solid #ddd;
  border-radius:15px;
  background:#fff;
  height:51px;
  margin-bottom:15px;
}

#ab-sidebar-form input[type="submit"]{
	background: #fad805 !important;
    border-radius: 5px !important;
    font-size: 15px;
    margin-top: 10px;
    padding: 17px 50px 17px 40px;
}

#ab-sidebar-form input[type="submit"]{
	background-image: url(/wp-content/uploads/2026/03/arrow-r.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    padding-right: 75px;
}

#ab-jump-links-container .mobile-collapse {
	display: none;
}

/* Tooltip that follows mouse cursor - desktop only */
.ab-tooltip {
	position: absolute;
	background-color: rgba(0, 26, 48, 1);
	color: #fff;
	padding: 4px 10px;
	border-radius: 8px;
	font-size: 13px;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
	z-index: 9999;
}

@media screen and (max-width: 767px) {
	
body.ab-variant-b	.vc_tta.vc_tta-tabs .vc_tta-tabs-container{
		 display: block;
	}
	
body.ab-variant-b .vc_tta-tabs.vc_tta-tabs-position-left{
		    flex-direction: column-reverse;
	}
	
	.ab-jump-links-list{
	display: flex;
    flex-wrap: wrap;
    gap: 0;
    justify-content: space-around;
    flex-direction: column;
    width: 93%;
    background: #f1f1f1;
    align-items: center;
		border-radius: 0 0 20px 20px;
	}
	
	.ab-jump-links-list a{
	width: 90%;
    margin-bottom: 0px;
    flex-direction: row-reverse;
    border-bottom: 1px solid #d6d6d6;
    border-radius: 0;
    justify-content: space-between;
    align-items: center;
		padding: 20px 0px;
	}
	
	.ab-jump-links-list a:last-child{
			border-bottom: none;
	}
	
	.ab-jump-links-list a svg{
		width: 18px;
	}
	
	.ab-jump-links-list a svg path{
    fill: #d6d6d6;
	}
	
	#ab-jump-links-container .mobile-collapse {
		display: flex;
		align-items: center;
		gap: 8px;
		cursor: pointer;
		padding: 10px 20px;
		justify-content: space-between;
		background: #f1f1f1;
		width: 93%;
		border-radius: 20px;
		font-weight: 700;
		color: #000;
	}
	
	#ab-jump-links-container.is-open .mobile-collapse{
			border-radius: 20px 20px 0 0;	
	}
	
	#ab-jump-links-container .mobile-collapse a{
		color: #000;
    font-size: 16px;
	}

	#ab-jump-links-container .mobile-collapse-icon-open {
		display: none;
	}

	#ab-jump-links-container.is-open .mobile-collapse-icon-closed {
		display: none;
	}

	#ab-jump-links-container.is-open .mobile-collapse-icon-open {
		display: block;
	}

	#ab-jump-links-container .ab-jump-links-list {
		display: none;
	}

	#ab-jump-links-container.is-open .ab-jump-links-list {
		display: flex;
	}

	/* Hide tooltip on mobile */
	.ab-tooltip {
		display: none;
	}
	
}
@media screen and (min-width: 768px) {
    .ab-jump-link[href="#ab-sidebar-form"] {
        display: none;
    }
.ab-jump-link[href="#abtest-contactus-section"] {
    display: none;
}
}