.banner_image {
	margin:auto;
}
.jones-wrapper-14 {
    max-width: 1016px;
    font-family: 'Sofia Pro' !important;
    font-style: normal;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.form-flex{
	display:flex;
	gap: 8px;
	color: #606876;
}

.talk-to-sales-CTA-in-form{
	position:relative !important;
}

.coming-soon-tag{
	display: flex;
	padding: 1px 10px;
	gap: 6px;
	width: 122px;
	height: 24px;
	background: #EAF4FF;
	border-radius: 40px;
	
	text-transform: uppercase;
	font-weight: 500;
	color: #0073FF;
	font-size:14px;
}


.jones-wrapper-14 p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.01em;
}

.construction-section {
    margin-bottom: 48px !important;
}

.subconstruction-experience .cc-hero-title .jones-procore .cc-hero-title{
	margin-bottom: 40px;
}

.construction-page .overview-tiles-wrapper {
    margin-bottom: 64px;
}

.construction-page .overview-tiles-wrapper .description br,
.cc-stat-info br {
    display: none;
}

.banner_content p {
    margin-bottom: 32px;
}

.steps_scroll .step-process p.compliance-check-text {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: #606876;
    margin-bottom: 24px;
    display: flex;
    align-items: baseline;
}

.first-block {
    margin-top: 60px;
}

.integration-wrapper {
    margin-top: 80px;
    margin-bottom: 64px;
}


.overview-tiles-wrapper .tile br,
.banner_content h1 br {
    display: none;
}

.construction-page .banner_content h1 br {
    display: block;
}

.subconstruction-experience {
    margin-bottom: 48px !important;
}

/* Basic flex box styles */
video {
    border-radius: 20px;
}

section {
    z-index: unset !important;
}

.uppercase {
    text-transform: uppercase !important;
}

.d-flex {
    display: flex;
}

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

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.justify-content-between {
    justify-content: space-between;
}

.align-items-center {
    align-items: center;
}

.jbtn {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.01em;
    border-radius: 8px;
    padding: 9px 24px;
    text-decoration: none;
}

.jbtn-primary {
    color: #FFFFFF;
    background: #0073FF;
}

.jbtn-link {
    background: transparent;
    color: #0073FF;
    padding: 0px;
}

.gap-1 {
    gap: 10px;
}

.gap-2 {
    gap: 20px;
}

.gap-3 {
    gap: 30px;
}

.gap-4 {
    gap: 40px;
}

/* Basic flex box styles */
h4.menu-section-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #1F2023;
    padding: 24px 0 4px;
}

/* added by SJ start */
.cc-compliance-slider .cc-details {
    opacity: 0;
}

/* added by SJ end */
.cc-compliance-slider .cc-left {
    order: 1;
}

.jones-wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.w-1280 {
    max-width: 1280px;
}

.bg-gray-color {
    background: #F9FAFB;
}

.jn-wrapper {
    max-width: 1390px;
    margin: 0 auto;
}

.stats-wrapper {
    padding: 0px 20px;
    margin-bottom: 64px;
}

.hero-actions {
    display: flex;
    align-items: center;
    gap: 34px;
    width: 100%;
    justify-content: center;
}

.banner-bg {
    background: linear-gradient(129.81deg, #FF2938 16.07%, #FFDA57 47.74%, #FFFFFF 72.94%, #0073FF 100.06%);
    filter: blur(25px);
    transform: rotate(165.16deg);
    border-radius: 50%;
}

.testimonials {
    margin-bottom: 64px;
}

.jn-steps {
    background: #00132A;
    color: #FFF;
    padding-top: 80px;
    padding-bottom: 117px;
    margin-bottom: 72px;
}

.jn-steps section {
    background: transparent;
}

.cc-stats {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 48px 32px 48px 32px;
    gap: 48px;
    background: #F9FAFB;
    border-radius: 20px;
    margin-bottom: 64px;
}

.cc-stat-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 100%;
}

.cc-stat-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.05em;
    color: #1F2023;
    white-space: nowrap;
}

.cc-stat-info {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: #606876;
    margin: 0;
}

.review-coi-bg {
    background-image: url(https://testsite.getjones.com/wp-content/uploads/Frame-691314019.png);
    background-size: 110% 115%;
    padding: 104px 0 60px 0;
    color: #FFFFFF;
    text-align: center;
    background-position: center;
    border-radius: 10px;
    box-shadow: 0px 4px 16px rgb(31 32 35 / 8%);
    border-radius: 20px;
}

.review-coi-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url('https://testsite.getjones.com/wp-content/uploads/Frame-691314019-e1665944992259.png');
    min-height: 400px;
    background-position: center;
    background-size: 100% 100%;
    box-shadow: 0px 4px 16px rgb(31 32 35 / 8%);
    border-radius: 20px;
    padding: 100px 50px 60px;
    margin-bottom: 120px;
}

.review-coi-cta h3,
.review-coi-bg h3 {
    font-weight: 600;
    font-size: 26px;
    line-height: 31px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    margin-bottom: 18px;
}

.review-coi-cta p,
.review-coi-bg p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    margin-bottom: 45px;
}

.review-coi-bg p {
	width: 234px;
	margin-left: auto;
	margin-right: auto;
}

.review-coi-bg-button{
    color: #FFFFFF;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    padding: 12px 24px;
    background: #0073FF;
    border-radius: 8px;
    text-decoration: none;
}

.wh-10:after {
    height: 10.39px !important;
    width: 10.39px !important;
}
/* 
.sliding-arrow {
    position: relative;
}

.sliding-arrow:after {
    display: inline-block;
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8.99973H12.17L7.29 13.8797C6.9 14.2697 6.9 14.9097 7.29 15.2997C7.68 15.6897 8.31 15.6897 8.7 15.2997L15.29 8.70973C15.68 8.31973 15.68 7.68973 15.29 7.29973L8.71 0.699727C8.32 0.309727 7.69 0.309727 7.3 0.699727C6.91 1.08973 6.91 1.71973 7.3 2.10973L12.17 6.99973H1C0.45 6.99973 0 7.44973 0 7.99973C0 8.54973 0.45 8.99973 1 8.99973Z' fill='%230073FF'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.arrow-white:after {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2177_10463)'%3E%3Cpath d='M5 12.9997H16.17L11.29 17.8797C10.9 18.2697 10.9 18.9097 11.29 19.2997C11.68 19.6897 12.31 19.6897 12.7 19.2997L19.29 12.7097C19.68 12.3197 19.68 11.6897 19.29 11.2997L12.71 4.69973C12.32 4.30973 11.69 4.30973 11.3 4.69973C10.91 5.08973 10.91 5.71973 11.3 6.10973L16.17 10.9997H5C4.45 10.9997 4 11.4497 4 11.9997C4 12.5497 4.45 12.9997 5 12.9997Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2177_10463'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.sliding-arrow:hover:after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
}
 */



.flex-col-sart {
    flex-direction: column !important;
    align-items: flex-start !important
}

.flex-col-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.m-0 {
    margin: 0 !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-24 {
    margin-bottom: 24px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-32 {
    margin-bottom: 32px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-46 {
    margin-bottom: 46px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-64 {
    margin-bottom: 64px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.mb-140 {
    margin-bottom: 140px !important;
}

.mb-160 {
    margin-bottom: 160px !important;
}

.mt-80 {
    margin-top: 80px;
}

.mt-110 {
    margin-top: 110px;
}

.mpt-0 {
    margin: 0 !important;
    padding-top: 0 !important;
}

.p-0 {
    padding: 0px;
}

.px-20 {
    padding-left: 20px;
    ;
    padding-right: 20px;
}

.pt-0 {
    padding-top: 0px !important;
}

.pt-100 {
    padding-top: 100px;
}

.pt-120 {
    padding-top: 120px !important;
}

.pb-160 {
    padding-bottom: 160px !important;
}

.pb-175 {
    padding-bottom: 175px !important;
}

.pb-200 {
    padding-bottom: 200px;
}

.py-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.cc-slider {
    margin: 0 auto;
    max-width: 1280px;
    position: relative;
    /* 	margin-bottom: 60px; */
}

.cc-slider .slides {
    display: flex;
    margin: 0;
}

.cc-slide-viewer {
    min-height: 444px;
    overflow: hidden;
    position: relative;
}

.cc-slide-group {
    min-height: 444px;
    height: 100%;
    position: relative;
    width: 100%;
}

.cc-slide {
    display: none;
    height: 100%;
    width: 100%;
}

.cc-slide:first-child {
    display: block;
}

.mobile-show {
    margin-bottom: 0;
}

.mobile-slide,
.desktop-slide {
    background-position: center;
    background-size: 100% 100%;
    height: 100%;
    /* 	min-height:566px; */
    border-radius: 20px;
    padding: 24px 32px 32px;
    color: #FFF !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.desktop-slide {
    display: none;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    padding: 60px 48px;
    border-radius: 20px;
    padding-bottom: 100px;
}

img.cc-tm-logo {
    max-width: 114px;
    filter: brightness(0) invert(1);
    color: white;
    margin-bottom: 30px;
}

p.tm-text {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: #FFFFFF !important;
    margin-bottom: 40px;
}

.tm-user {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

.tm-user-image {
    min-width: 48px;
    min-height: 48px;
    max-width: 48px;
    max-height: 48px;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.user-details p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    margin: 0;
}

.user-details .cc-uname {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
}

.cc-slider-nav {
    width: 100%;
    display: none;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 0px;
    padding: 48px
}
.c-slider-nav img{
	width:40px;
	height:40px;
}

.flex-control-paging li a {
    width: 8px;
    height: 8px;
    display: block;
    background: #FFF;
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 20px;
}

a.flex-active {
    background: #FFF !important;
}

.nav-controls-container ol {
    display: flex;
    align-items: center;
    gap: 10px;
}

.flex-control-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cc-nav-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px 40px;
    gap: 60px;
}

.cc-nav-item {
	display: flex;
    cursor: pointer;
    max-width: 200px;
    max-height: 44px;
	height: 100%;
/* 	width:100%; */
}

img.cc-nav-tm-logo {
    filter: grayscale(1) brightness(0); 
    opacity: 0.1;  
    max-height: inherit;
/*     width: -webkit-fill-available; */
    Transition: opacity 2s;
}

.active img.cc-nav-tm-logo {
    filter: unset;
	opacity: 1;
}

.extra-action {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #0073FF;
}

.j-btn {
    font-size: 18px;
    font-weight: 600;
    padding: 9px 16px;
    display: block;
    text-align: center;
    border-radius: 8px;
    text-decoration: none;
}

.j-btn-primary {
    background: #0073FF;
    color: #FFFFFF;
}

.j-btn-outline-primary {
    background: transparent;
    border: 1px solid;
    color: #0073FF;
}

.cc-wrapper {
    margin-bottom: 40px;
}

.cc-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    margin-bottom: 12px;

}

.cc-title {
    font-size: 18px;
    line-height: 30px;
}

.cc-heading {
    font-weight: 600;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -0.05em;
    color: #1F2023;
    margin-bottom: 16px;
}

.content-item .cc-description {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: #1F2023;
}

.cc-description {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.01em;
    color: #606876;
}

.cc-tiles {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 32px;
    margin-bottom: 48px;
}

.cc-tile {
    background: #F9FAFB;
    padding: 32px 32px 40px 32px;
    border-radius: 20px;

}

.cc-tile.has-link {
    background: unset;
}

.title-icon {
    margin-bottom: 32px;
}

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

.title-description {
    font-weight: 400;
    font-size: 20px ;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: #606876;
    margin: 0;
}

.has-link .title-description {
    margin-bottom: 40px;
}

.tile-read-more {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: -0.01em;
    color: #0073FF;
    display: flex;
    align-items: flex-end;
    gap: 16px;
    text-decoration: none;
    transition: 0.2s ease-out;
}

/* 
.tile-read-more:hover {
    gap: 20px;
    color: #0061D7;
}
 */
.cc-details {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

.cc-left,
.cc-right {
    flex: 1;
}

.cc-hero-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.03em;
    color: #1F2023;
    margin-bottom: 8px;
}

.construction-compliance.jones-procore .cc-hero-title,
.construction-compliance.subconstruction-experience .cc-hero-title {
	margin-bottom: 40px;
}

.cc-compliance-slider .cc-hero-subtitle {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    letter-spacing: -0.03em !important;
    color: #1F2023 !important;
    margin-bottom: 32px !important;
}

.cc-hero-subtitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.03em;
    color: #1F2023;
    margin-bottom: 32px;
}


.cc-details-description {
    margin-bottom: 40px;
}

.content-item .cc-details-description p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.01em;
    color: #606876;
}

.cc-details-description p {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: #606876;
    margin-bottom: 24px;
    position: relative;
    padding-left: 36px;
}

.cc-details-description p:last-child {
    margin-bottom: 0px;
}

.cc-details-description strong {
    font-weight: 600;
}

.cc-details-description p:before {
  content:"";
   	position: absolute;
    top: 6px;
    left: 0;
	width: 24px;
    height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99978 17.9992C8.99878 17.9992 8.99778 17.9992 8.99578 17.9992C8.72878 17.9982 8.47477 17.8913 8.28777 17.7013L4.28778 13.6393C3.89978 13.2453 3.90478 12.6123 4.29878 12.2253C4.69278 11.8383 5.32478 11.8422 5.71278 12.2362L9.00577 15.5802L18.2938 6.29325C18.6848 5.90225 19.3168 5.90225 19.7078 6.29325C20.0988 6.68325 20.0988 7.31725 19.7078 7.70725L9.70777 17.7073C9.51977 17.8943 9.26478 17.9992 8.99978 17.9992Z' fill='%23606876'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
	background-size:100%;
}

.construction-compliance {
    margin-bottom: 80px;
}

.flex-1 {
    flex: 1;
}

.flex-2 {
    flex: 2;
}

.p-relative {
    position: relative;
}


h5.jn-hero-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    display: flex;
    align-items: center;
    letter-spacing: -0.01em;
    background: linear-gradient(144.25deg, #0073FF -32.61%, #56CCF2 176.31%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    padding-top: 50px;
}

h1.jn-hero-heading {
    font-weight: 600;
    font-size: 32px;
    line-height: 38px;
    display: flex;
    align-items: center;
    letter-spacing: -0.03em;
    color: #1F2023;
}


p.jn-hero-description {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.01em;
    color: #606876;
}

.jn-tile-description {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: #F9FAFB;
}

.jn-tile-description span {
    background: linear-gradient(144.25deg, #0073FF -32.61%, #56CCF2 176.31%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
}


.ov .cc-title {
    background: linear-gradient(151.68deg, #0073FF 8.59%, #56CCF2 122.94%);
}

.sa .cc-title {
    background: linear-gradient(90.07deg, #FF6645 -16.14%, #FF2D39 121.12%);
}

.ca .cc-title {
    background: #05B74C;
}

.dn .cc-title {
    background: #FFFFFF;
    text-transform: capitalize !important;
}

.step-content .cc-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}


.ca .jn-tile {
    background: #0C223D;
    border-radius: 20px;
    padding: 32px 40px 48px;
}

.step-content {
    /*         border-left: 1.5px dashed #1A3251; */
    /*         position: relative; */
    padding: 0 20px;
}

.cc-wrapper.ov {
    margin-bottom: 48px;
}

.cc-wrapper.m-0 {
    padding-bottom: 80px;
    padding-top: 80px;
}

.step-content .cc-heading {
    font-weight: 600;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -0.03em;
    color: #FFFFFF;
}

.step-content .cc-heading br {
    display: none;
}

.ov .jn-tile {
    width: 50%;
}

.steps-hero {
    margin-bottom: 88px;
}


.cc-second-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.05em;
}

.cc-second-heading {
    font-weight: 400;
    font-size: 24px;
    line-height: 35px;
    letter-spacing: -0.01em;
}


.construction .jones-acomp .cc-title {
    background: linear-gradient(161.31deg, #F37335 -51.08%, #FDC830 180.54%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.jones-acomp .cc-title {
    background: linear-gradient(151.68deg, #0073FF 8.59%, #56CCF2 122.94%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.content-item {
    margin-bottom: 80px;
}

.content-item .cc-details-description {
    margin-bottom: 40px;
}

.content-item .cc-heading br,
.content-item .cc-description br,
.cc-details-description br {
    display: none;
}

.feature-wrapper {
    background: #F9FAFB;
    padding-top: 64px;
    padding-bottom: 72px;
}

.feature-wrapper .section-title {
    margin-bottom: 40px;
}

.feature-item {
    display: flex;
    flex-direction: column;
}

.f-banner {
    margin-bottom: 56px;
}

.feature-item .order-swap {
    order: 1;
}

.faq-section {
    display: flex;
    flex-direction: column;
    padding-top: 48px;
    padding-bottom: 120px;
}

.faq-section .cc-description p:last-child {
    margin-bottom: 0;
}

.blue-plus strong {
    background: #0073FF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.jn-tile-icon {
    margin-bottom: 24px;
    width: 40px;
}

.light-gray {
    color: #8E939B !important;
}

.dn-image {
    padding: 0 20px;
}

.orange-title {
    font-size: 14px;
    margin-bottom: 0;
	background: linear-gradient(92.87deg, #F37335 -20.09%, #FDC830 118.26%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}


.re-title {
    background: linear-gradient(151.68deg, #0073FF 8.59%, #56CCF2 122.94%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.construction .real-estate-content,
.construction-content {
    display: none;
}

.construction .construction-content,
.real-estate-content {
    display: block;
}


.construction .re-title {
    background: unset;
    background-clip: unset;
    -webkit-text-fill-color: unset;
}

.construction .c-title {
    background: linear-gradient(161.31deg, #F37335 -51.08%, #FDC830 180.54%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.toogle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding-top: 40px;
    padding-bottom: 72px;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.03em;
    color: #606876;
}

.toogle div {
    cursor: pointer;
}

.switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 24px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    background: linear-gradient(144.25deg, rgba(0, 115, 255, 0.2) -32.61%, rgba(86, 204, 242, 0.2) 176.31%);
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    -webkit-transition: .4s;
    transition: .4s;
    background: linear-gradient(144.25deg, #0073FF -32.61%, #56CCF2 176.31%);
}

.switch input:checked+.slider {
    /*   background-color: #2196F3; */
    background: linear-gradient(161.31deg, rgba(243, 115, 53, 0.2) -51.08%, rgba(253, 200, 48, 0.2) 180.54%);
}

.switch input:checked+.slider:before {
    background: linear-gradient(161.31deg, #F37335 -51.08%, #FDC830 180.54%);
}

.switch input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.accordion-item {
    border: 1px solid rgba(213, 220, 233, 0.5);
    border-radius: 8px;
    margin-bottom: 16px;
}

.accordion {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: #1F2023;
    cursor: pointer;
    padding: 24px 32px;
    padding-right: 64px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    position: relative;
    background: transparent;
}

.accordion:after {
    content: "";
    height: 24px;
    width: 24px;
    right: 32px;
    top: 50%;
    transform: translatey(-50%);
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M12 20C11.448 20 11 19.552 11 19V5C11 4.448 11.448 4 12 4C12.552 4 13 4.448 13 5V19C13 19.552 12.552 20 12 20Z' fill='%230073FF'/%3E%3Cpath d='M19 13H5C4.448 13 4 12.552 4 12C4 11.448 4.448 11 5 11H19C19.552 11 20 11.448 20 12C20 12.552 19.552 13 19 13Z' fill='%230073FF'/%3E%3C/svg%3E");

}

.active.accordion:after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 13H5C4.448 13 4 12.552 4 12C4 11.448 4.448 11 5 11H19C19.552 11 20 11.448 20 12C20 12.552 19.552 13 19 13Z' fill='%230073FF'/%3E%3C/svg%3E");
}

/* Style the accordion panel. Note: hidden by default */
.active+.panel {
    opacity: 1;
}

.panel {
    padding: 0 32px;
    background-color: white;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out, opacity 0.8s linear;
}

.panel p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.01em;
    color: #606876;
    margin-bottom: 24px;
}

/*  HubSpot Form Style start */
.pricing-hero {
    display: flex;
    flex-direction: column;
    padding: 0px;
    margin-bottom: 90px;
}

/* .hbspt-form {
    background: #FFFFFF;
    box-shadow: 0px 12px 24px rgb(31 32 35 / 12%);
    border-radius: 10px;
    padding: 24px;
} */

.hs-richtext h3 {
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 32px !important;
    letter-spacing: -0.01em;
    color: #1F2023 !important;
}

.hs-input {
    box-shadow: none !important;
    border: 1px solid #D5DCE9 !important;
    border-radius: 4px !important;
/*     padding: 8px 16px !important;
    height: 40px !important; */
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: -0.01em;
    color: #606876 !important;
}

.hs-button.primary.large {
    border-radius: 8px;
    padding: 9px 24px;
    gap: 10px;
    width: -webkit-fill-available;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -0.01em;
    box-shadow: none;

}

input.hs-input,
textarea.hs-input,
select.hs-input {
    font-family: 'sofia-pro' !important;
}

/* .hs-button.primary.large:hover {
    font-size: 18px !important;
    line-height: 30px !important;
    font-family: 'sofia-pro' !important;
    box-shadow: none !important;
} */

.input {
    margin: 0px !important;
}

.field.hs-form-field {
    position: relative;
    margin-bottom: 40px !important;
}

ul.no-list.hs-error-msgs.inputs-list {
    position: absolute;
}

.hs-submit .actions {
    padding: 0px !important;
    margin: 0px !important;
}

.personalizedDemoForm {
    padding: 32px 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.form-wrapper {
    background: none;
}

.hs_phone .input,
.hs-email .input,
.hs-company .input {
    position: relative;
}

.hs_phone input,
.hs-email input,
.hs-company input {
    padding-left: 40px !important;
}

.hs-phone .input:after,
.hs-email .input:after,
.hs-company .input:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.hs-phone .input:after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6666 0.666992H5.33325C4.22659 0.666992 3.33325 1.56033 3.33325 2.66699V13.3337C3.33325 14.4403 4.22659 15.3337 5.33325 15.3337H10.6666C11.7733 15.3337 12.6666 14.4403 12.6666 13.3337V2.66699C12.6666 1.56033 11.7733 0.666992 10.6666 0.666992ZM9.33325 14.0003H6.66659V13.3337H9.33325V14.0003ZM11.4999 12.0003H4.49992V2.66699H11.4999V12.0003Z' fill='%23606876'/%3E%3C/svg%3E");
}

.hs-email .input:after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3333 2.66699H2.66659C1.93325 2.66699 1.33992 3.26699 1.33992 4.00033L1.33325 12.0003C1.33325 12.7337 1.93325 13.3337 2.66659 13.3337H13.3333C14.0666 13.3337 14.6666 12.7337 14.6666 12.0003V4.00033C14.6666 3.26699 14.0666 2.66699 13.3333 2.66699ZM13.3333 5.33366L7.99992 8.66699L2.66659 5.33366V4.00033L7.99992 7.33366L13.3333 4.00033V5.33366Z' fill='%23606876'/%3E%3C/svg%3E");
}

.hs-company .input:after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99992 4.66667V2H1.33325V14H14.6666V4.66667H7.99992ZM3.99992 12.6667H2.66659V11.3333H3.99992V12.6667ZM3.99992 10H2.66659V8.66667H3.99992V10ZM3.99992 7.33333H2.66659V6H3.99992V7.33333ZM3.99992 4.66667H2.66659V3.33333H3.99992V4.66667ZM6.66659 12.6667H5.33325V11.3333H6.66659V12.6667ZM6.66659 10H5.33325V8.66667H6.66659V10ZM6.66659 7.33333H5.33325V6H6.66659V7.33333ZM6.66659 4.66667H5.33325V3.33333H6.66659V4.66667ZM13.3333 12.6667H7.99992V11.3333H9.33325V10H7.99992V8.66667H9.33325V7.33333H7.99992V6H13.3333V12.6667ZM11.9999 7.33333H10.6666V8.66667H11.9999V7.33333ZM11.9999 10H10.6666V11.3333H11.9999V10Z' fill='%23606876'/%3E%3C/svg%3E");
}

/*  HubSpot Form Style end */

.jones-mri-banner .hero-actions {
    margin-bottom: 12px;
}

.cl-logo-list {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.vp-wrapper {
    position: relative;
}

.vp-wrapper .play-button {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.8125' y='0.845703' width='34.3093' height='34.3093' rx='17.1546' fill='%23606876' fill-opacity='0.2'/%3E%3Cpath d='M14.3984 13.3723V22.6286C14.3984 23.3345 15.1758 23.7633 15.7744 23.3791L23.0472 18.751C23.6012 18.4025 23.6012 17.5984 23.0472 17.241L15.7744 12.6217C15.1758 12.2376 14.3984 12.6664 14.3984 13.3723Z' fill='white'/%3E%3C/svg%3E");
    background-position: center;
    background-size: cover;
    cursor: pointer;
}

.io-wrapper {
    padding: 64px 20px;
}

.io-wrapper .cc-header {
    margin-bottom: 40px;
}


.io-wrapper .title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.03em;
    margin-bottom: 16px;
}

.io-wrapper .description {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.01em;
    color: #606876;
}

.io-wrapper .video-wrapper {
    margin-bottom: 56px;
}

.io-wrapper .tile,
.statistics {
    margin-bottom: 48px;
}

.io-wrapper .tile:last-child {
    margin-bottom: 0px;
}

.vc-wrapper .tile {
    background: rgba(245, 247, 249, 0.5);
    border-radius: 10px;
    margin-bottom: 40px;
    padding: 24px 20px;
    position: relative;
}

.vc-wrapper .tile:before {
    content: '';
    width: 10px;
    height: 100%;
    background: #BBD437;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.vc-wrapper .tile:after {
    content: '';
    width: 12px;
    height: 7px;
    background: #BBD437;
}

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

.banner_content input[type="submit"] {
    border: none;
}

.jones-wrapper-14.compliance-wrapper {
    margin-bottom: 56px;
}

/* .compliance-wrapper-scroll .small_heading_blue,
.section-heading-small {
    margin-bottom: 12px !important;
} */

.jones-network-wrapper {
    background: #00132A;
    margin-top: 12px;
    color: #FFFFFF;
}

.jones-wrapper-14 .jones-network-heading {
    background: linear-gradient(117.01deg, #FF2938 4.72%, #FFDA57 29.1%, #FFFFFF 64.34%, #0073FF 111.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 14px;
    font-weight: 600;
    padding-right: 10px;
    margin-top: 80px;
    margin-bottom: 0 !important;
}

.integration-wrapper .common-sub-text,
.portfolio-wrapper .common-sub-text {
    margin-bottom: 40px;
}

.integration-wrapper .common-tile p {
    font-size: 20px;
    margin-bottom: 32px;
}

.portfolio-wrapper .common-tile p {
    font-size: 20px;
}

.jones-network-wrapper .common-section-heading {
    max-width: 300px;
}

.common-sub-text.network-subtext {
    color: #FFFFFF;
    opacity: 0.8;
    margin-bottom: 24px;
    font-weight: 400;
}

.title {
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
    margin-bottom: 8px;
    letter-spacing: -0.03em;
}

.full-width-wrapper {
    background: #F9FAFB;
}

.full-width-wrapper.tenants-exp-wrapper,
.full-width-wrapper.statistics {
    background-color: #FFF;
}

.tenants-exp-wrapper .left-section {
    margin-bottom: 48px;
}

.statistics-wrapper {
    display: grid;
    gap: 48px;
    background: #F9FAFB;
    border-radius: 20px;
    padding: 48px 32px;
}

.statistics-wrapper h3 {
    font-weight: 600;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -0.03em;
    color: #1F2023;
    margin-bottom: 4px;
}

.statistics-wrapper p {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: #606876;
    margin-bottom: 0px;
}


/* The Modal (background) */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1024;
    /* Sit on top */
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 0 auto;
    /* padding: 20px; */
    border: 1px solid #888;
    width: 80%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
    max-height: 90%;
    overflow: auto;
    border-radius: 10px;
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.portfolio-wrapper {
    margin-bottom: 80px;
}

.tile p {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.01em;
    color: #606876;
    margin-bottom: 48px;
}

.overview-tiles-wrapper .tile:last-child p {
    margin-bottom:0px;
}

.real-estate-wrapper {
    margin-bottom: 56px;
}

.real-estate-wrapper .tile p {
    margin-bottom: 40px;
}

.common-sub-text {
    margin-bottom: 50px
}

.block2 p {
    margin-bottom: 0px;
}


.common-section-heading {
    font-weight: 600;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -0.03em;
    max-width: 510px;
    margin-bottom: 16px;
}

.review-coi-wrapper {
    margin-bottom: 64px;
}

.our-clients-container {
    padding: 60px 20px;
}

.our-clients-container p {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #1F2023;
}


.marquee {
    width: 100%;
    height: 58px;
    pointer-events: none;
    overflow: hidden;
}

.marquee__inner-wrap {
    height: 100%;
    width: 100%;
}


.marquee__img {
    margin-left: 5px;
    margin-right: 5px;
    background-position: center;
    background-repeat: no-repeat;
    filter: grayscale(1);
}

.marquee__img img {
    min-height: 40px;
    max-width: unset;
}

.marquee__inner {
    height: 100%;
    width: max-content;
    align-items: center;
    display: flex;
    position: relative;
    animation: marquee 15s linear infinite;
    will-change: transform;
    gap: 50px;
}

@keyframes marquee {
    100% {
        transform: translate3d(-50%, 0, 0);
    }
}

.common-tile h5 {
    font-weight: 600;
    font-size: 24px;
    letter-spacing: -0.03em;
    margin-top: 32px;
    margin-bottom: 16px;
}

.section-heading-small {
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: -0.01em !important;
    color: #0073FF !important;
    margin-bottom: 0 !important;
    background: linear-gradient(151.68deg, #0073FF 8.59%, #56CCF2 122.94%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.network-video-container {
    position: relative;
}

.playpause {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background: url(https://testsite.getjones.com/wp-content/uploads/play-icon.svg), linear-gradient(90deg, #0073FF, #0073FF);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

}

.banner_content h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.01em;
    margin-top: 28px;
    margin-bottom: 8px;
    background: linear-gradient(151.68deg, #0073FF 8.59%, #56CCF2 122.94%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.banner-sub-text {
    margin-bottom: 32px;
}

.banner-sub-text br {
    display: none;
}