/* Common Styles */
* {
	scroll-behavior: smooth;
}
.help-title,
h4.cat-title,
h1.article-title,
.article-section * {
    font-family: Sofia Pro;
	
}

.i-gray-box {
	margin-bottom:20px;
}

.i-gray-box img {
/* 	margin-top: 8px; */
	max-width: none;
}

.box-flex {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

.release-notes .i-gray-box:last-child {
	margin-bottom:0;
}

strong {
    font-weight: 600 !important;
}
.article-section li{
	margin-bottom:26px;
}

.last-updated,
.other-integrations p {
    font-family: Poppins;
}

.product-header .dropdown-item{
	white-space:initial;
	font-family: Sofia Pro;
    letter-spacing: -0.16px;
	text-transform:initial;
}

.product-header a.dropdown-item:last-child{
	margin-bottom: 0px;
}

.read-item.sliding-arrow{
	color:#0061D7;
}
/* Common Mobile Styles */
.procore-header .header-wrapper,
.header-wrapper.shadow,
.logo-wrapper {
    background: transparent;
}

.procore-home-wrapper {
	min-height: 300px;
	padding-top: 90px;
	padding-bottom: 60px;
	background: url(./images/procore-help-bg.png), #181818;
	background-blend-mode: overlay;
	background-size: cover;
	background-repeat: no-repeat;
}

.logo-wrapper .header-logo {
    filter: invert(1) !important;
}

.product-header .logo-wrapper .header-logo {
    filter: invert(1) !important;
}

.procore-header .header-wrapper,
.header-wrapper.shadow {
    background: rgba(31, 32, 35, 1) !important;	
}

.jones-breadcrumb {
    display: none;
}

.jones-wrapper.procore-article-top {
    padding-top: 98px;
}

.search-box {
/*     width: 100%; */
    padding: 9px 12px;
    padding-left: 56px;
    border: 1px solid rgba(213, 220, 233, 0.20);
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.16px;
    color: #1F2023;
    margin-bottom: 20px;
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M21.5302%2021.53C21.3802%2021.68%2021.1901%2021.75%2021.0001%2021.75C20.8101%2021.75%2020.6201%2021.68%2020.4701%2021.53L16.1001%2017.16C16.4901%2016.84%2016.8401%2016.49%2017.1601%2016.1L21.5302%2020.47C21.8202%2020.76%2021.8202%2021.24%2021.5302%2021.53Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20opacity%3D%220.4%22%20d%3D%22M18.25%2011C18.25%2015.0041%2015.0041%2018.25%2011%2018.25C6.99594%2018.25%203.75%2015.0041%203.75%2011C3.75%206.99594%206.99594%203.75%2011%203.75C15.0041%203.75%2018.25%206.99594%2018.25%2011Z%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%2F%3E%0A%3C%2Fsvg%3E");
	background-repeat: no-repeat;
    background-position: 16px center;
}
.search-box:active,
.search-box:focus,
.search-box:focus-visible {
    outline: none !important;
    border: 1px solid #0073FF;
}

.menu-toggle div,
.menu-toggle:before,
.menu-toggle:after {
    background: #FFF;
}

.help-title {
	color: #FFF;
	text-align: center;
	font-size: 32px;
	font-weight: 600;
	line-height: 38px;
	letter-spacing: -0.96px;
	max-width: 657px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.category-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 0;
    row-gap: 24px;
}

.cat-item {
    padding: 16px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(5px);
    min-height: 150px;
}

.cat-icon {
    width: 40px;
    height: 40px;
/*     padding: 8px; */
    margin-bottom: 16px;
    border-radius: 8px;
/*     background: linear-gradient(152deg, rgba(238, 116, 47, 0.03) -1.39%, rgba(237, 94, 42, 0.03) 82.47%); */
}

h4.cat-title {
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: -0.6px;
    margin-bottom: 24px;
}

.cat-pages ul {
    list-style: none;
	margin-bottom:0;
}

.cat-pages li {
    padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid rgba(213, 220, 233, 0.08);
}
.cat-pages li:last-child{
	padding-bottom: 0;
	border-bottom: none;
}

.cat-item li a {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.14px;
    text-decoration: none;
}

.cat-item li:hover a {
    color: #0073FF;
    cursor: pointer;
}

.logo-wrapper {
    background: #1F2023 !important;
}

h1.article-title {
    color: #1F2023;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: -0.96px;
    margin-bottom: 16px;
}

.article-section .last-updated {
    color: #8E939B;
    font-size: 14px;
    font-weight: 500;
    line-height: 160%;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.article-section {
    display: flex;
    gap: 40px;
    padding-top: 96px;
	z-index:0;
}

.article-section .post-data h2 {
    color: #1F2023;
    font-family: Sofia Pro;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: -0.96px;
    margin-top: 80px;
	margin-bottom:40px;
}

.article-section .post-data h2.release-note-header{
	font-size: 28px;
    line-height: 140%;
    letter-spacing: -1.4px;
}

.article-section .post-data p.release-note-subheader{
	font-family: Sofia Pro;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.54px;
	margin-top: 4px;
}

.article-section .post-data h3 {
    color: #1F2023;
    font-family: Sofia Pro;
    font-size: 28px;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: -0.84px;
    margin-top: 40px;
    margin-bottom: 16px;
}

.article-section .sticky-block,
.jones-wrapper.procore-article-top {
    display: none;
}

.article-section * {
	color: #1F2023;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
}
.article-section p {
	line-height:200%;
}

.article-section .post-data{
	max-width:664px !important;
}

.orange-block {
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    border-radius: 15px;
    background: #FFF7E6;
    padding: 32px;
}

.article-section  a {
    color: #0073FF;
}
.article-section a:hover {
	color:#0061D7;
}

.other-integrations {
    border-top: 1px solid rgba(213, 220, 233, 0.20);
    padding-top: 16px;
}

.other-integrations p {
    color: #FFF;
    font-family: Sofia Pro;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.12px;
    text-transform: uppercase;
    margin-bottom: 16px;
    opacity: 0.5;
}

.other-integrations ul {
    list-style: none;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.other-integrations li a{
    display: flex;
    align-items: center;
    gap: 8px;
}

.other-integrations ul img {
    width: 16px;
    height: 16px;
}

.line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp * {
    text-decoration: none;
    color: #606876;
}

.lines-1 {
    -webkit-line-clamp: 1;
}

.lines-2 {
    -webkit-line-clamp: 2;
}

.lines-3 {
    -webkit-line-clamp: 3;
}

.lines-10 {
    -webkit-line-clamp: 10;
}

.searching-progress {
		font-weight: 400;
		font-size: 18px;
		line-height: 30px;
		letter-spacing: -0.01em;
		color: #606876;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 40px;
		position: relative;
		gap: 16px;
	}

	.searching-progress:before {
		content: '';
		height: 32px;
		width: 32px;
		background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.5573%2028.7005C16.1893%2028.7005%2016.6947%2028.195%2016.6947%2027.5632C16.6947%2026.9312%2016.1891%2026.4258%2015.5573%2026.4258C14.9253%2026.4258%2014.4199%2026.9314%2014.4199%2027.5632C14.4199%2028.1952%2014.9255%2028.7005%2015.5573%2028.7005Z%22%20fill%3D%22%230073FF%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.23754%2026.9319C9.74312%2027.1847%2010.3749%2027.0583%2010.6277%2026.5527C11.0069%2026.0471%2010.7541%2025.4153%2010.2485%2025.0361C9.74292%2024.7833%209.11112%2024.9097%208.85835%2025.5417C8.47917%2026.0473%208.73195%2026.6791%209.23754%2026.9319V26.9319Z%22%20fill%3D%22%230073FF%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.30956%2022.3817C4.68874%2023.0137%205.44694%2023.2662%206.07893%2022.8872C6.71092%2022.5081%206.9635%2021.7499%206.58451%2021.1179C6.20533%2020.4859%205.44713%2020.3595%204.81514%2020.6123C4.18315%2020.9915%204.05679%2021.7497%204.30956%2022.3817Z%22%20fill%3D%22%230073FF%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.66602%2015.9357C2.66602%2016.694%203.1716%2017.1995%203.92981%2017.1995C4.5618%2017.1995%205.1936%2016.6939%205.1936%2015.9357C5.1936%2015.3037%204.56161%2014.6719%203.92981%2014.6719C3.17146%2014.6719%202.66602%2015.3039%202.66602%2015.9357Z%22%20fill%3D%22%230073FF%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.30902%209.48998C3.92983%2010.122%204.18262%2011.0065%204.8146%2011.3857C5.44658%2011.7649%206.33116%2011.5121%206.71033%2010.8801C7.08952%2010.1218%206.83673%209.36357%206.20475%208.9844C5.4464%208.60521%204.68819%208.73161%204.30902%209.48998Z%22%20fill%3D%22%230073FF%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.98579%204.56089C8.22744%204.94007%207.97481%205.95104%208.3538%206.70943C8.85938%207.34142%209.74395%207.594%2010.5023%207.21501C11.2607%206.83583%2011.5133%205.82486%2011.0079%205.06647C10.6287%204.43448%209.74414%204.1819%208.98579%204.56089Z%22%20fill%3D%22%230073FF%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.557%202.66602C14.6725%202.66602%2013.9141%203.42436%2013.9141%204.30898C13.9141%205.1936%2014.6724%205.95195%2015.557%205.95195C16.4416%205.95195%2017.2%205.1936%2017.2%204.30898C17.2%203.42436%2016.4416%202.66602%2015.557%202.66602Z%22%20fill%3D%22%230073FF%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M22.2559%204.30992C21.3713%203.67793%2020.2338%204.05713%2019.7284%204.94191C19.2228%205.82648%2019.4756%206.96405%2020.3604%207.46945C21.3713%207.97503%2022.5089%207.72224%2023.0143%206.83746C23.5199%205.95289%2023.1407%204.81532%2022.256%204.30992H22.2559Z%22%20fill%3D%22%230073FF%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M27.4368%209.11212C26.8048%208.10115%2025.5411%207.72197%2024.5301%208.35378C23.5191%208.85936%2023.1399%2010.1231%2023.7717%2011.1341C24.4037%2012.1451%2025.6675%2012.5243%2026.6785%2012.0187C27.6894%2011.3867%2028.0686%2010.123%2027.4368%209.11198V9.11212Z%22%20fill%3D%22%230073FF%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M29.3322%2015.9357C29.3322%2014.7983%2028.3213%2013.7871%2027.1837%2013.7871C25.9199%2013.7871%2025.0352%2014.7981%2025.0352%2015.9357C25.0352%2017.073%2025.9197%2018.0842%2027.1837%2018.0842C28.3211%2018.0842%2029.3322%2017.0732%2029.3322%2015.9357Z%22%20fill%3D%22%230073FF%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M27.6906%2022.8878C28.3226%2021.8768%2027.9434%2020.3603%2026.806%2019.7283C25.6686%2019.0963%2024.2785%2019.4755%2023.6465%2020.6129C22.8881%2021.7502%2023.2673%2023.1404%2024.4048%2023.7724C25.5422%2024.4044%2027.0588%2024.0252%2027.6908%2022.8878H27.6906Z%22%20fill%3D%22%230073FF%22%2F%3E%0A%3C%2Fsvg%3E");
		background-position: center;
		background-size: contain;
		animation-name: rotate;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}


	@keyframes rotate {
		0% {
			transform: rotate(0deg);
		}

		100% {
			transform: rotate(360deg);
		}
	}

	.search-results {
		padding: 0 20px;
		overflow: auto;
		display: flex;
		flex-direction: column;
	}

	.search-item {
		gap: 24px;
		margin-bottom: 40px;
		text-decoration: unset;
	}

	.search-thumbnail {
		min-width: 100px;
		max-width: 100px;
		height: 64px;
		background: url("data:image/svg+xml,%3Csvg width='100' height='64' viewBox='0 0 100 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100' height='64' rx='4' fill='%23F5F7F9'/%3E%3Cpath d='M60.4473 27.6092L59.2472 36.189C58.9872 37.989 57.9972 38.939 56.3672 38.939C56.2372 38.939 56.0973 38.929 55.9573 38.919C55.9873 38.729 55.9972 38.5392 55.9972 38.3292V29.659C55.9972 27.889 55.1173 26.9991 53.3373 26.9991H43.3672C43.3672 26.9791 43.3772 26.949 43.3772 26.929L43.6172 25.2491C43.7572 24.2291 44.1472 23.4791 44.7472 23.0191C45.3572 22.5691 46.1773 22.4091 47.1973 22.5491L57.7572 24.0291C58.7672 24.1791 59.5173 24.559 59.9773 25.169C60.4373 25.769 60.5973 26.5992 60.4473 27.6092Z' fill='%23919CAF'/%3E%3Cpath opacity='0.4' d='M53.335 26.998H42.667C40.889 26.998 40 27.887 40 29.665V38.333C40 40.111 40.889 41 42.667 41H53.335C55.113 41 56.002 40.111 56.002 38.333V29.665C56.003 27.886 55.114 26.998 53.335 26.998Z' fill='%23919CAF'/%3E%3Cpath d='M54.412 34.9725L51.3 31.8507C50.95 31.5107 50.38 31.5107 50.04 31.8507L45.65 36.2406C45.477 36.4136 45.193 36.4136 45.02 36.2406L44.1899 35.4105C43.8399 35.0605 43.2701 35.0605 42.9301 35.4105L41.588 36.7526C41.532 36.8086 41.5 36.8857 41.5 36.9647V38.3307C41.5 39.2807 41.72 39.5006 42.67 39.5006H53.34C54.28 39.5006 54.5 39.2807 54.5 38.3307V35.1847C54.5 35.1047 54.469 35.0285 54.412 34.9725Z' fill='%23919CAF'/%3E%3Cpath d='M44.502 32.5C43.951 32.5 43.5 32.052 43.5 31.5C43.5 30.948 43.943 30.5 44.494 30.5H44.502C45.053 30.5 45.5 30.948 45.5 31.5C45.5 32.052 45.053 32.5 44.502 32.5Z' fill='%23919CAF'/%3E%3C/svg%3E");
		border-radius: 4px;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		margin-bottom: 8px;
	}


	.search-results .search-title {
		font-weight: 400;
		font-size: 24px;
		line-height: 140%;
		letter-spacing: -0.04em;
		color: #16171A;
		margin-bottom: 8px;
	}

	.search-description {
		font-weight: 400;
		font-size: 16px;
		line-height: 26px;
		letter-spacing: -0.01em;
		color: #606876;
		margin-bottom: 12px;
	}

	.no-result {
		font-weight: 400;
		font-size: 16px;
		line-height: 26px;
		letter-spacing: -0.01em;
		color: #606876;
		margin-bottom: 16px;
	}

	.search-container {
		position: relative;
		display: flex;		
		flex-direction:column;
	}

/* Testimonials style start */

.testimonials {
	font-family: "Poppins";
    border-radius: 20px;
	position:relative;
	margin-top: 56px;
	margin-bottom:56px;	
}

.testimonials h5{
	font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.03em;
    color: #1F2023;
    margin-bottom: 12px;
}

.testimonials.colored{
	padding:32px;
	padding-top:24px;
	box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1);
	/* added by AM */
	background-image: url(./images/image-placeholder-mob.png);
    background-blend-mode: multiply;
	background-size: 100% 100%;
}

.testimonials:before{
	content:'';
	display:block;
	width:32px;
	height:32px;	
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20opacity%3D%220.3%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.11111%2015.2889V17.6H14.4V32H0.000354735L0%2015.2889C0%209.78297%201.59382%205.22467%204.73678%202.66664C6.91095%200.897169%209.54637%200%2012.8%200V7.57895C11.0338%207.57895%207.11111%208.28593%207.11111%2015.2889ZM24.7111%2015.2889V17.6H32V32H17.6V15.2889C17.6%209.78297%2019.016%205.22467%2022.159%202.66664C24.3332%200.897169%2027.1464%200%2030.4%200V7.57895C28.6338%207.57895%2024.7111%208.28593%2024.7111%2015.2889Z%22%20fill%3D%22%230073FF%22%2F%3E%0A%3C%2Fsvg%3E"); 
	background-position: center; 
	background-size: contain;
    margin-bottom: 16px;
}

.testimonials.colored:before{
	width:48px;
	height:48px;		
    top: 24px;
	left:32px;
}

.testimonials.colored:before{
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20opacity%3D%220.2%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.6667%2022.9333V26.4H21.6V48H0.000532103L0%2022.9333C0%2014.6745%202.39074%207.837%207.10517%203.99997C10.3664%201.34575%2014.3196%200%2019.2%200V11.3684C16.5507%2011.3684%2010.6667%2012.4289%2010.6667%2022.9333ZM37.0667%2022.9333V26.4H48V48H26.4V22.9333C26.4%2014.6745%2028.5241%207.837%2033.2385%203.99997C36.4998%201.34575%2040.7196%200%2045.6%200V11.3684C42.9507%2011.3684%2037.0667%2012.4289%2037.0667%2022.9333Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E"); 
	background-position: center; 
	background-size: contain;
}

.testimonials.venetian-red{
	background-color: #A6323E;
}

.testimonials.strong-blue{
	background-color: #002F87;
}


/* aadded by AM */
.testimonials.colored p {
	color:#FFF;
	margin-bottom:40px;
}

.testimonials.plum-purple {
	background-color: #701D46;
}

.testimonials.coral-pink {
	background-color: #F27568;
/* 	background: linear-gradient(0deg, #F27568 0%, #F27568 100%), #F9FAFB; */
}

.testimonials.blue {
	background-color: #0073FF;
}

.testimonials p {
	font-style: italic;
	font-weight: 500;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: -0.01em;
	margin-bottom:24px;
}

.testimonials strong{
	font-weight: 600;
}

.testimonial-user {
    display: flex;
    align-items: center;
    gap: 16px;
}

.testimonial-user p{
	margin:0 !important;
}

.testimonial-user img {
    min-height: 40px;
    min-width: 40px;
	width:40px;
	height:40px;
	border-radius:50%;
}

.testimonial-user .tu-name{
	font-family: 'Poppins';
	font-weight: 600;
	font-size: 18px;
	line-height: 180%;
	letter-spacing: -0.03em;
	color:#363A43;
}

.testimonial-user .tu-title {
	font-family: 'Poppins';
    font-size: 16px;
    line-height: 180%;
    letter-spacing: -0.02em;
    color: #606876;
}

.testimonials.colored .tu-name {
	color:#FFF;
}
.testimonials.colored .tu-title {
	color:#FFF;
	opacity:0.7;
}

.b-divider{
	margin-bottom:48px;
	padding-bottom:24px;
	border-bottom: 1px solid rgba(213, 220, 233, 0.5);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.b-divider .testimonial-user{
	margin-bottom:24px;
}
.testimonials.without-quote:before{
	content: none;
	background-image: none;
}
.testimonials.without-quote {
	color:  #FFF;
	font-family: Sofia Pro;
	font-size: 22px;
	font-weight: 600;
	line-height: 150%;
	letter-spacing: -0.88px;
	margin-bottom: 16px;
}

.testimonials.without-quote a{
	color:  #FFF;
    font-family: Sofia Pro;
    font-size: 16px;
    letter-spacing: -0.16px;
    text-decoration-line: underline;
}

/* Testimonials style end */

.tag.inline{
	display: inline-block;
    padding: 6px 16px;
    font-family: Sofia Pro;
    font-weight: 600;
}

.h-section hr{
	border: 1px solid rgba(213, 220, 233, 0.50);
	margin: 24px 0;
}

.logo-wrapper .header-logo.white {
	filter: unset;
}

 .search-results.procore-home {
	display:none;
	position: absolute;
    top: 56px;
    left: 0;
    width: 100%;
    z-index: 10;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgb(31 32 35 / 8%);
    border-radius: 4px 4px 20px 20px;
    padding: 32px 24px;
    max-height: 60vh;
}


/* Hide the popup by default */
.video-popup-container {
    display: none;
    background: rgba(31, 32, 35, 0.8);
    position: fixed;
    z-index: 100;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	align-items:center;
	justify-content:center;
}

/* Position the popup in the center of the screen */
.popup-box {
    width:90%;
    max-width: 939px;
	animation: slide-down 0.3s ease-in-out
}

.close-button{
	height:32px;
	width:32px;
	position:absolute;
	top:1%;
	right:1%;
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.3337 8.54602L23.4537 6.66602L16.0003 14.1193L8.54699 6.66602L6.66699 8.54602L14.1203 15.9993L6.66699 23.4527L8.54699 25.3327L16.0003 17.8793L23.4537 25.3327L25.3337 23.4527L17.8803 15.9993L25.3337 8.54602Z' fill='white'/%3E%3C/svg%3E");
	cursor:pointer;
}

.video-popup-btn{
	cursor:pointer;	
}

.accordion-item h4{
	display: flex;
	gap: 11px;
	align-items: center;
	margin: 24px 0 16px;
    padding-bottom: 24px;
	border-bottom: 1px solid rgba(213, 220, 233, 0.70);
    font-weight: 600 !important;
    line-height: 33px;
    letter-spacing: -0.22px;
	cursor: pointer;
	position: relative;
}

.accordion-item h4::after {
	content: '';
	position: absolute;
	right: 0;
    height: 16px;
    width: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22icon%2Fnavigation%2Farrow%20left%20back%22%3E%0A%3Cpath%20id%3D%22Vector%22%20d%3D%22M2.58039%204.22L1.40039%205.4L8.00039%2012L14.6004%205.4L13.4204%204.22L8.00039%209.64L2.58039%204.22Z%22%20fill%3D%22%231F2023%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}

.accordion-item h4.active::after {
	transform: rotate(180deg);
}

.accordion-item .content{
    display: block;
	margin-bottom: 24px;
}

/* Desktop Styles (using media query) */
@media screen and (min-width: 769px) {
    .procore-home-wrapper {
        min-height: 500px;
        padding-top: 120px;
        padding-bottom: 120px;
    }
	
	
	
	.navigation-menu {
		position:unset;
		transform:unset;
	}
	
    .product-header,
    .logo-wrapper {
        background: transparent !important;
    }

    .header-wrapper.shadow {
        box-shadow: none;
    }

    .product-header .dropdown-toggle,
    .product-header .dropdown.show .dropdown-toggle,
    .product-header .main-manu-item {
        color: #1F2935 !important;
    }

    .dropdown-toggle:after {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D'17'%20height%3D'16'%20viewBox%3D'0%200%2017%2016'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M5.9112%206.19305L8.49786%208.77971L11.0845%206.19305C11.3445%205.93305%2011.7645%205.93305%2012.0245%206.19305C12.2845%206.45305%2012.2845%206.87305%2012.0245%207.13305L8.96453%2010.193C8.70453%2010.453%208.28453%2010.453%208.02453%2010.193L4.96453%207.13305C4.70453%206.87305%204.70453%206.45305%204.96453%206.19305C5.22453%205.93971%205.6512%205.93305%205.9112%206.19305V6.19305Z'%20fill%3D'%231F2935'%2F%3E%3C%2Fsvg%3E");
    }

	.lines-lg-1 {
        -webkit-line-clamp: 1;
    }

    .lines-lg-2 {
        -webkit-line-clamp: 2;
    }

    .lines-lg-3 {
        -webkit-line-clamp: 3;
    }
	
    .procore-article-top .search-box {
        margin-bottom: 40px;
    }

	 .search-container {
        position: relative;
        display: flex;		
    }

    .search-box {
        width: 100%;
        margin: 0px;
        margin-bottom: 54px;
    }

    .search-box:active,
    .search-box:focus,
    .search-box:focus-visible {
        outline: 2px solid #0073FF;
    }

    .search-results {
        display: none;
        position: absolute;
        top: 56px;
        left: 0;
        width: 100%;
        z-index: 10;
        background: #FFFFFF;
        box-shadow: 0px 4px 16px rgb(31 32 35 / 8%);
        border-radius: 4px 4px 20px 20px;
        padding: 32px 24px;
        max-height: 448px;
    }

    .search-item {
        display: flex;
        align-items: center;
        gap: 24px;
        margin-bottom: 32px;
        text-decoration: unset;
    }

    .search-item:last-child {
        margin-bottom: 0px;
    }

    .search-content {
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
		gap:40px;
    }

    .search-content .content {
        max-width: unset !important;
		flex:1;
    }

    .search-results .search-title {
        font-weight: 600;
        font-size: 22px;
        line-height: 35px;
        letter-spacing: -0.01em;
        color: #1F2023;
        margin-bottom: 2px;
    }

    .search-description {
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: -0.01em;
        color: #606876;
        margin-bottom: 0px;
    }
	
	
    .help-title {
        font-size: 48px;
        font-weight: 600;
        line-height: 57px;
        letter-spacing: -2.4px;
        margin-bottom: 40px;
    }

    .jones-breadcrumb {
        margin-bottom: 32px;
    }

    .jones-breadcrumb,
    .breadcrumb-item {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .breadcrumb-text {
        color: #1F2023;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: -0.14px;
    }

    .breadcrumb-arrow {
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M5.99456%2010.7764L8.58123%208.18971L5.99456%205.60305C5.73456%205.34305%205.73456%204.92305%205.99456%204.66304C6.25456%204.40305%206.67456%204.40305%206.93456%204.66304L9.99456%207.72305C10.2546%207.98305%2010.2546%208.40305%209.99456%208.66305L6.93456%2011.723C6.67456%2011.983%206.25456%2011.983%205.99456%2011.723C5.74123%2011.463%205.73456%2011.0364%205.99456%2010.7764Z%22%20fill%3D%22%231F2023%22%2F%3E%0A%3C%2Fsvg%3E");
        background-position: center;
        background-size: contain;
    }

    .active .breadcrumb-text {
        color: #0073FF;
    }

    .active .breadcrumb-arrow {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.99456%2010.7764L8.58123%208.18971L5.99456%205.60305C5.73456%205.34305%205.73456%204.92305%205.99456%204.66304C6.25456%204.40305%206.67456%204.40305%206.93456%204.66304L9.99456%207.72305C10.2546%207.98305%2010.2546%208.40305%209.99456%208.66305L6.93456%2011.723C6.67456%2011.983%206.25456%2011.983%205.99456%2011.723C5.74123%2011.463%205.73456%2011.0364%205.99456%2010.7764Z%22%20fill%3D%22%230073FF%22%2F%3E%0A%3C%2Fsvg%3E");
    }

    .search-box {
        padding: 9px 16px;
        padding-left: 56px;
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 40px;
    }

    .category-container {
        grid-template-columns: repeat(4, 1fr);
        column-gap: 40px;
        row-gap: 24px;
    }

    .cat-item {
        min-height: 200px;
    }

    h1.article-title {
        font-size: 48px;
        line-height: 130%;
        letter-spacing: -2.4px;
    }
	
	.article-section .post-data h2{
		font-size: 40px;
		line-height: 130%;
	}
	
	.article-section .post-data h2.release-note-header{
		font-size: 32px;
		letter-spacing: -1.6px;
	}
	
	.article-section .post-data p.release-note-subheader{
		font-size: 20px;
    	letter-spacing: -0.6px;
	}
	
    .jones-wrapper.procore-article-top {
        display: block;
    }

    .article-section {
        padding-top: 0;
    }

    .article-section .sticky-block {
        display: block;
        position: sticky;
        top: 94px;
        height: fit-content;
        background: #F9FAFB;
        box-shadow: none;
        border-radius: 15px;
        min-width: 312px;
        max-width: 312px;
        padding: 32px;
		padding-bottom: 20px;
    }
	
	.sticky-block li.parent-menu .submenu {
	    display: none;
	}
	
    .sticky-block li.parent-menu.active	.submenu {
	    display: block;
	}
	
	.sticky-block ul {
        list-style: none;
		margin-bottom:0;
    }
	
	.parent-item {
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:8px;	
	}
	
	.parent-item.flex-column{
		flex-direction: column;
		align-items: flex-start;
		gap: 0px;
	}
	
	.parent-item.flex-column .last-updated{
		margin-bottom: 4px;
		font-size: 12px;
    	font-weight: 400;
	}
	
	.sticky-block ul.menu .flex-column a {
		color: var(--Grey-Dark, #606876);
		font-weight: 600;
	}
	
	.parent-item .arrow {
		display:block;
		min-width:16px;
		height:16px;
		background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.4112%206.19305L7.99786%208.77971L10.5845%206.19305C10.8445%205.93305%2011.2645%205.93305%2011.5245%206.19305C11.7845%206.45305%2011.7845%206.87305%2011.5245%207.13305L8.46453%2010.193C8.20453%2010.453%207.78453%2010.453%207.52453%2010.193L4.46453%207.13305C4.20453%206.87305%204.20453%206.45305%204.46453%206.19305C4.72453%205.93971%205.1512%205.93305%205.4112%206.19305Z%22%20fill%3D%22%23606876%22%2F%3E%0A%3C%2Fsvg%3E"); 
		background-position: center; 
		background-size: contain;
	}
	
	.parent-menu.active .arrow {
		transform:rotate(180deg);
	}
	
	.sticky-block ul.menu li{
		cursor:pointer;
		margin:0;
	}
	
	.sticky-block ul.menu a, .sticky-block ul.submenu a{
		color: #1F2023;
		font-size: 16px;
		font-weight: 600;
		line-height: 26px;
		letter-spacing: -0.16px;
	}
	
	.sticky-block .menu a.current {
		color: #0073FF;
		font-weight:500;
	}
	
	.sticky-block ul.submenu{
		padding-left:16px;
	}
	
	.sticky-block ul.submenu a{
		font-weight: 400;
	}
	
	.menu-divider {
		background: rgba(213, 220, 233, 0.50);
		height: 1px;
		margin: 12px 0;
	}
	
	/* Testimonials style start */
	.testimonials{
		padding-left:56px;
	}
	
	.testimonials:before{
		position:absolute;
		left:0;
	}
	
	.testimonials.colored {
		padding-top:48px;
		padding-left:104px;
	}
	
	.testimonials p {
		font-size: 18px;
		line-height: 180%;
		letter-spacing: -0.03em;
	}
	
	/* added by AM */
	.testimonials.colored {
		background: linear-gradient(90deg, rgb(242 117 104) 0%, rgb(242 117 104 / 75%) 100%), url(./../../uploads/image-placeholder-red-building.png);
    	background-size: cover;
		background-blend-mode: normal;
	}
	.testimonials.without-quote{
		padding-top: 32px;
		padding-left: 32px;
		padding-bottom: 32px;
	}

	.testimonials.without-quote:before{
		background-image: none;
		content: none;
	}
	/* Testimonials style end */
}

@media (min-width: 1100px){
	.procore-header .menu-item-wrapper{
		padding: 16px 24px;
	}
}