body {
  margin: 0;
  line-height: normal;
}

:root {
  /* fonts */
  --font-barlow-semi-condensed: "Barlow Semi Condensed";
  --font-barlow-semi-condensed: "Helvitica Neue LT Pro";

  /* font sizes */
  --font-size-lg: 18px;
  --font-size-base: 16px;
  --font-size-5xl: 24px;
  --font-size-22xl: 22px;
  --font-size-lgi: 19px;
  --font-size-mini-1: 14.1px;
  --font-size-29xl: 48px;
  --font-size-17xl: 36px;
  --font-size-35xl-5: 54.5px;
  --font-size-41xl: 60px;
  --font-size-13xl: 32px;
  --font-size-7xl: 26px;
  --font-size-sm: 14px;
  --font-size-21xl: 40px;

  /* Colors */
  --color-white: #fff;
  --color-gray-100: #1b1b1b;
  --color-lightgray: #d2d2d2;
  --color-mediumslateblue: #204df3;
  --color-whitesmoke-100: #f9f9f9;
  --color-darkgray-100: #a2a8ac;
  --color-firebrick: #a60808;

  /* Gaps */
  --gap-41xl: 60px;
  --gap-11xl: 30px;
  --gap-44xl: 63px;
  --gap-12xl: 31px;
  --gap-base: 16px;
  --gap-xl: 20px;
  --gap-14xl: 33px;
  --gap-sm-5: 13.5px;
  --gap-3xs: 10px;
  --gap-lg: 18px;
  --gap-mini: 15px;
  --gap-5xl: 24px;

  /* Paddings */
  --padding-80xl: 99px;
  --padding-xl: 20px;
  --padding-6xs: 7px;
  --padding-mini: 11px;
  --padding-12xs: 1px;
  --padding-12xs-1: 0.1px;
  --padding-19xl: 38px;
  --padding-17xl: 36px;
  --padding-14xl-9: 33.9px;
  --padding-10xs: 3px;
  --padding-2xl: 21px;
  --padding-40xl: 59px;
  --padding-11xl: 30px;
  --padding-4xs-9: 8.9px;
  --padding-11xs: 2px;
  --padding-mid: 17px;
  --padding-xs: 12px;
  --padding-3xs: 10px;

  /* Border radiuses */
  --br-8xl: 27px;
  --br-xs-1: 11.1px;
  --br-9xs: 4px;
  --br-56xl: 75px;
  --br-base: 16px;
  --br-xs: 12px;
  --br-xl: 20px;
  --br-8xs: 5px;
  --br-15xl-7: 34.7px;
}
@font-face {
    font-family: Helvitica Neue LT Pro;
    src: url(/resources/wp-content/themes/xgrid-resources-child/assets/fonts/HelveticaNeueLTProLt.otf);
    font-weight: normal;
}
@font-face {
    font-family: Helvitica Neue LT Pro Bold;
    src: url(/resources/wp-content/themes/xgrid-resources-child/assets/fonts/HelveticaNeueLTProBd.otf);
    font-weight: normal;
}
b, strong {
        font-family: Helvitica Neue LT Pro Bold !important;
}
span.martech-report-20241 {
  font-size:60px !important;
}
span.martech-report-20241 >strong{
    font-size:60px !important;
}

      	.video-container {
    		width: 50%;
      	}
        
        #video-thumbnail{
        	width: 100%;
          height: 100%;
        }
  	.market-share-breakdown-container {
    	margin: auto;
	}
  /* CSS for the video player */
  .video-container #player {
      position:inherit;
    top: 0;
    left: 0;
    width: 100%;
    height: 332px;
    display: none;
  }
 #resources-player{
  display: none;
  height: 100%;
 }
 .frame-child15{
 	cursor: pointer;
 }
.frame-parent21 iframe {
    width: 100% !important;
    height: 100% !important;
}
.startup_video iframe {
    width: 100% !important;
    height: 100% !important;
}
b, strong {
    font-weight: 600 !important;
}
div.hs-form-field label{
	color: #000 !important;
}
.frame-child {
  width: 720px;
  flex: 1;
  position: relative;
  background-color: #d9d9d9;
  max-width: 100%;
}
.xmlid-18-icon {
  align-self: stretch;
  width: 97.1px;
  position: relative;
  max-height: 100%;
  min-height: 40px;
  flex-shrink: 0;
  debug_commit: bf4bc93;
}
.frame-item {
  height: 40px;
  width: 191.2px;
  position: relative;
  border-radius: 34.69px;
  background-color: var(--color-gray-100);
  display: none;
}
.talk-to-an {
  position: relative;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  min-width: 105px;
  white-space: nowrap;
  z-index: 1;
}
.div {
  height: 0;
  width: 14.7px;
  position: relative;
  font-size: 12.5px;
  color: #0f0f0f;
  display: none;
  flex-shrink: 0;
}
.frame-inner {
  width: 11.3px;
  height: 9.2px;
  position: relative;
  z-index: 1;
}
.vector-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 15.6px 0 0;
}
.rectangle-group,
.xmlid-18-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.rectangle-group {
  border-radius: 34.69px;
  background-color: var(--color-gray-100);
  justify-content: flex-start;
  padding: 4.9px 23px 5.1px 27px;
  gap: var(--gap-5xl);
  flex-shrink: 0;
  debug_commit: bf4bc93;
}
.xmlid-18-parent {
  width: 1258.2px;
  justify-content: space-between;
  padding: 0 0 0 var(--padding-xl);
  box-sizing: border-box;
  gap: var(--gap-xl);
  max-width: 100%;
}
.frame-wrapper,
.rectangle-parent {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.frame-wrapper {
  flex-direction: row;
  justify-content: center;
  text-align: left;
  font-size: var(--font-size-base);
  color: var(--color-white);
  font-family: var(--font-barlow-semi-condensed);
}
.rectangle-parent {
  margin-top: -492px;
  height: 421px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 42px;
  flex-shrink: 0;
  debug_commit: bf4bc93;
}
.span {
  font-family: var(--font-barlow-semi-condensed);
}
.martech-report-2024 {
  margin: 0;
}
.a-definitive,
.guide,
.startups {
  font-family: var(--font-barlow-semi-condensed);
}
.guide,
.startups {
  font-weight: 600;
}
.a-definitive-guide-to-navigate {
  margin: 0;
}
.martech-report-2024-container {
  margin: 0;
  margin-top: -10px;
  position: relative;
  font-size: inherit;
  letter-spacing: 0.01em;
  line-height: 72px;
  display: inline-block;
  max-width: 100%;
  font-family: inherit;
}
.alarmingly-high-66,
.billion-by-2024 {
  font-weight: 600;
}
.despite-martech-spending-container {
  width: 680px;
  position: relative;
  line-height: 130%;
  display: inline-block;
  flex-shrink: 0;
  max-width: 100%;
}
.despite-martech-spending-cross-wrapper {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.choosing-the-wrong {
  width: 619px;
  position: relative;
  line-height: 130%;
  display: inline-block;
  flex-shrink: 0;
  max-width: 100%;
}
.choosing-the-wrong-martech-too-wrapper {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.frame-div {
  align-self: stretch;
  gap: 13px;
  font-size: var(--font-size-13xl);
}
.frame-container,
.frame-div,
.martech-report-2024-a-definit-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.martech-report-2024-a-definit-parent {
  align-self: stretch;
  gap: 25px;
}
.frame-container {
  flex: 1;
  padding: 0;
  box-sizing: border-box;
  margin-top: auto;
  margin-bottom: auto;
}
.annual-martech-report {
  font-weight: 600;
}
.download-xgrids-2024-container {
  flex: 1;
  position: relative;
  line-height: 48px;
  display: inline-block;
  max-width: 100%;
}
.download-xgrids-2024-annual-m-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-10xs) 0 var(--padding-11xs);
  box-sizing: border-box;
  max-width: 100%;
}
.rectangle-div {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-gray-100);
  box-sizing: border-box;
  opacity: 0.4;
}
.span1 {
  color: var(--color-firebrick);
}
.first-name {
  position: relative;
  line-height: 20px;
  display: inline-block;
  min-width: 70px;
  z-index: 1;
}
.rectangle-container {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-xl) var(--padding-3xs);
  box-sizing: border-box;
  position: relative;
  min-width: 117px;
  white-space: nowrap;
}
.frame-child1 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-gray-100);
  box-sizing: border-box;
  opacity: 0.4;
}
.span2 {
  color: var(--color-firebrick);
}
.last-name {
  width: 77.1px;
  position: relative;
  line-height: 20px;
  display: inline-block;
  flex-shrink: 0;
  z-index: 1;
}
.frame-parent3,
.group-div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.group-div {
  flex: 1;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-xl) var(--padding-3xs);
  box-sizing: border-box;
  position: relative;
  min-width: 117px;
  white-space: nowrap;
}
.frame-parent3 {
	display: block;
  align-self: stretch;
  justify-content: center;
  gap: var(--gap-5xl);
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--color-darkgray-100);
}
.frame-child2 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-gray-100);
  box-sizing: border-box;
  opacity: 0.4;
}
.business-contact {
  width: 102px;
  border: 0;
  outline: 0;
  font-family: var(--font-barlow-semi-condensed);
  font-size: var(--font-size-sm);
  background-color: transparent;
  height: 20px;
  position: relative;
  line-height: 140%;
  text-align: left;
  display: inline-block;
  padding: 0;
  z-index: 1;
}
.rectangle-parent1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-mid) var(--padding-3xs);
  position: relative;
}
.frame-child3 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-gray-100);
  box-sizing: border-box;
  opacity: 0.4;
}
.business-email {
  width: 109px;
  border: 0;
  outline: 0;
  font-family: var(--font-barlow-semi-condensed);
  font-size: var(--font-size-sm);
  background-color: transparent;
  height: 20px;
  position: relative;
  line-height: 140%;
  text-align: left;
  display: inline-block;
  padding: 0;
  z-index: 1;
}
.rectangle-parent2 {
  flex-direction: row;
  padding: var(--padding-xs) var(--padding-mid) var(--padding-3xs);
  position: relative;
}
.frame-parent2,
.group-textarea,
.rectangle-parent2 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.group-textarea {
  border: 1px solid rgba(27, 27, 27, 0.4);
  background-color: transparent;
  height: 89px;
  width: auto;
  outline: 0;
  border-radius: var(--br-8xs);
  box-sizing: border-box;
  flex-direction: row;
  padding: var(--padding-xs) 16px;
  font-family: var(--font-barlow-semi-condensed);
  font-size: var(--font-size-sm);
}
.frame-parent2 {
  flex-direction: column;
  gap: 24.3px;
  max-width: 100%;
}
.download-now {
  position: relative;
  font-size: var(--font-size-5xl);
  line-height: 17px;
  font-weight: 600;
  font-family: var(--font-barlow-semi-condensed);
  color: var(--color-white);
  text-align: left;
}
.arrow-icon {
  height: 16px;
  width: 0;
  position: relative;
  object-fit: contain;
}
.download-now-parent,
.frame-wrapper1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.download-now-parent {
  cursor: pointer;
  border: 0;
  padding: 14px var(--padding-11xl);
  background-color: var(--color-mediumslateblue);
  height: 45px;
  border-radius: var(--br-56xl);
  overflow: hidden;
  justify-content: flex-start;
  box-sizing: border-box;
  gap: var(--gap-xl);
  white-space: nowrap;
}
.download-now-parent:hover {
  background-color: #4773ff;
}
.frame-wrapper1 {
  align-self: stretch;
  justify-content: center;
  padding: 0 var(--padding-12xs) 0 0;
}
.frame-group,
.frame-parent1 {
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-parent1 {
  width: 465px;
  border-radius: var(--br-xl);
  background-color: var(--color-white);
  border: 1px solid #aeaeae;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 40px var(--padding-19xl) 20px 39px;
  gap: 40px;
  min-width: 465px;
  max-width: 100%;
  text-align: center;
  font-size: var(--font-size-21xl);
}
.frame-group {
  width: 1258px;
  flex-direction: row;
  padding: 0;
  gap: 61px;
  flex-shrink: 0;
  debug_commit: bf4bc93;
}
.frame-group,
.frame-parent,
.martech-lp-inner {
  display: flex;
  box-sizing: border-box;
  max-width: 100%;
}
.frame-parent {
  height: 765px;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 180px 0 0 var(--padding-12xs);
  gap: 71px;
}
.martech-lp-inner {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 5% 0 5%;
  text-align: left;
  font-size: 66px;
  color: var(--color-gray-100);
  font-family: var(--font-barlow-semi-condensed);
}
.frame-icon {
  height: 67.6px;
  width: 159px;
  position: absolute;
  margin: 0 !important;
  top: 9.1px;
  right: 26%;
  object-fit: contain;
}
.martech-for-startups {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 130%;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
  z-index: 1;
}
.frame-parent6,
.frame-wrapper3 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
}
.frame-parent6 {
  width: 1024px;
  justify-content: flex-start;
  position: relative;
}
.frame-wrapper3 {
  align-self: stretch;
  justify-content: center;
  padding: 0 var(--padding-xl) 0 var(--padding-2xl);
  box-sizing: border-box;
}
.hours,
.successful-startups {
  font-weight: 600;
}
.our-marketing-automation-container {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-13xl);
  line-height: 130%;
}
.frame-parent5,
.frame-wrapper2 {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.frame-parent5 {
  flex: 1;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--gap-11xl);
}
.frame-wrapper2 {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 60px;
  box-sizing: border-box;
}
.frame-child4 {
  width: 50px;
  height: 50px;
  position: relative;
}
.frame-wrapper4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
}
.market-share-breakdown-container {
  flex: 1;
  position: relative;
  line-height: 130%;
  display: inline-block;
  max-width: 100%;
}
.frame-parent9 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
  max-width: 100%;
}
.frame-child5 {
  width: 50px;
  height: 50px;
  position: relative;
}
.frame-wrapper5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-mid) 0 0;
}
.feature-by-feature {
  font-weight: 600;
}
.feature-by-feature-comparison-container {
  flex: 1;
  position: relative;
  line-height: 130%;
  display: inline-block;
  min-width: 335px;
  max-width: 100%;
}
.frame-parent10 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 19px;
  max-width: 100%;
}
.frame-child6 {
  width: 50px;
  height: 50px;
  position: relative;
}
.frame-wrapper6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-mid) 0 0;
}
.maps,
.return-on-investment {
  font-weight: 600;
}
.official-return-on-container {
  flex: 1;
  position: relative;
  line-height: 130%;
  display: inline-block;
  min-width: 292px;
  max-width: 100%;
}
.frame-parent11 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
  max-width: 100%;
}
.frame-child7 {
  width: 50px;
  height: 50px;
  position: relative;
}
.frame-wrapper7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-mid) 0 0;
}
.funding-stages,
.map {
  font-weight: 600;
}
.key-martech-priorities-container {
  flex: 1;
  position: relative;
  line-height: 130%;
  display: inline-block;
  min-width: 335px;
  max-width: 100%;
}
.frame-parent12 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
  max-width: 100%;
}
.startup_video,
.frame-child8,
.frame-parent8 {
  flex: 1;
  max-width: 100%;
  min-width: 383px;
}
.frame-parent8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-41xl);
}
.frame-child8 {
  height: 516px;
  position: relative;
  border-radius: var(--br-xl);
  overflow: hidden;
}
.startup_video {
 	height: 516px;
  position: relative;
  border-radius: var(--br-xl);
  overflow: hidden;
}
.frame-parent7 {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--gap-44xl);
  text-align: left;
  font-size: var(--font-size-13xl);
}
.frame-parent4,
.frame-parent7,
.martech-lp-child {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.frame-parent4 {
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  gap: 90px;
}
.martech-lp-child {
  width: 1442px;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0 5% 0 5%;
  box-sizing: border-box;
  text-align: center;
  font-size: var(--font-size-41xl);
  color: var(--color-gray-100);
  font-family: var(--font-barlow-semi-condensed);
}
.frame-child9,
.vector-icon {
  position: absolute;
  border-radius: var(--br-xs);
  width: 1471px;
  height: 69.5px;
}
.vector-icon {
  top: 0.5px;
  left: 0.5px;
  object-fit: contain;
}
.frame-child9 {
  top: 1057.5px;
  left: -15px;
}
.frame-child10 {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: -6px;
  max-height: 100%;
  width: 1455px;
  z-index: 1;
}
.vector-parent {
  width: 100%;
  height: 1127px;
  position: absolute;
  margin: 0 !important;
  right: 0;
  bottom: 26%;
  left: 230px;
}
.customer-corner {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 100%;
  font-weight: 600;
  font-family: inherit;
  z-index: 2;
}
.customer-corner-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.our-clients-love {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-13xl);
  line-height: 120%;
  z-index: 2;
}
.frame-parent14,
.frame-wrapper8 {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.frame-parent14 {
  width: 800px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 20.5px;
}
.frame-wrapper8 {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
}
.ema-1-icon,
.frame-child11 {
  position: relative;
  display: none;
}
.frame-child11 {
  height: 426px;
  width: 1240px;
  border-radius: var(--br-base);
  background-color: var(--color-whitesmoke-100);
  border: 1px solid var(--color-gray-100);
  box-sizing: border-box;
  max-width: 100%;
}
.ema-1-icon {
  height: 48.1px;
  width: 160.7px;
  overflow: hidden;
  flex-shrink: 0;
}
.g213-icon,
.g225-icon {
   max-width: 100%;
  position: relative;
}
.g213-icon {
  width: 12.4px;
  height: 15px;
}
.g213-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-4xs-9);
}
.g217-icon {
  width: 13.1px;
  height: 15px;
  position: relative;
}
.g217-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-4xs-9);
}
.g221-icon {
  width: 11.3px;
  height: 15px;
  position: relative;
}
.g221-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-4xs-9);
}
.g233-icon {
  width: 13.4px;
  height: 15px;
  position: relative;
}
.g233-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-4xs-9);
}
.g237-icon {
  width: 16px;
  height: 15px;
  position: relative;
}
.g237-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-4xs-9);
}
.g241-icon {
  width: 15.5px;
  height: 15.6px;
  position: relative;
}
.g241-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 8.6px;
}
.g245-icon {
  width: 12.9px;
  height: 15.9px;
  position: relative;
}
.g245-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 8.5px;
}
.g249-icon {
  width: 12.6px;
  height: 15px;
  position: relative;
}
.g249-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-4xs-9);
}
.g253-icon {
  width: 13.1px;
  height: 15px;
  position: relative;
}
.g253-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-4xs-9);
}
.g257-icon {
  width: 13.4px;
  height: 15px;
  position: relative;
}
.g257-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-4xs-9);
}
.thermosphr-1,
.thermosphr-1-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.thermosphr-1 {
  overflow: hidden;
  align-items: flex-end;
  gap: 6.4px;
  flex-shrink: 0;
  debug_commit: bf4bc93;
  z-index: 1;
}
.thermosphr-1-wrapper {
  align-items: flex-start;
  padding: 0 var(--padding-12xs);
}
.xgrid-inc-completed {
  align-self: stretch;
  position: relative;
  line-height: 120%;
  z-index: 1;
}
.nicolas-le-borgne {
  position: relative;
  line-height: 29px;
  font-weight: 500;
  z-index: 1;
}
.ceo-thermosphr {
  position: relative;
  font-size: var(--font-size-lg);
  line-height: 22px;
  display: inline-block;
  min-width: 127px;
  z-index: 1;
}
.nicolas-le-borgne-parent {
  gap: var(--gap-3xs);
}
.frame-parent15,
.nicolas-le-borgne-parent,
.xgrid-inc-completed-the-proj-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.xgrid-inc-completed-the-proj-parent {
  align-self: stretch;
  gap: var(--gap-xl);
  flex-shrink: 0;
  debug_commit: bf4bc93;
}
.frame-parent15 {
  flex: 1;
  gap: 28.3px;
  min-width: 369px;
  max-width: 100%;
}
.frame-child12 {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  max-height: 100%;
  width: 262px;
  object-fit: cover;
  z-index: 1;
}
.frame-child13 {
  position: absolute;
  top: 185.5px;
  left: 230px;
  border-radius: 56.67px;
  width: 62.9px;
  height: 62.9px;
  overflow: hidden;
  object-fit: contain;
  z-index: 2;
}
.frame-parent16 {
  align-self: stretch;
  height: 291px;
  position: relative;
}
.frame-wrapper9 {
  width: 292.9px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 6px;
  box-sizing: border-box;
  min-width: 292.9000000000001px;
}
.rectangle-parent3 {
  align-self: stretch;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: var(--br-base);
  background-color: var(--color-whitesmoke-100);
  border: 1px solid var(--color-gray-100);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  padding: var(--padding-40xl) 123px var(--padding-40xl) 192px;
  gap: var(--gap-44xl);
  max-width: 100%;
  z-index: 2;
  text-align: left;
  font-size: var(--font-size-5xl);
  margin: 0 5%;
}
.frame-parent13,
.frame-section {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.frame-parent13 {
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  gap: 62px;
}
.frame-section {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  flex-direction: row;
  justify-content: flex-end;
  padding: 22% 13%;
  box-sizing: border-box;
  text-align: center;
  font-size: var(--font-size-41xl);
  color: var(--color-gray-100);
  font-family: var(--font-barlow-semi-condensed);
}
.more-resources {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 100%;
  font-weight: 600;
  font-family: inherit;
}
.more-resources-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl) 0 var(--padding-2xl);
}
.explore-how-weve {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-13xl);
  line-height: 130%;
}
.frame-parent19 {
  width: 800px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-lg);
  max-width: 100%;
}
.frame-wrapper10 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl) 0 var(--padding-2xl);
  box-sizing: border-box;
  max-width: 100%;
}
.employee-82-1-icon,
.frame-child14 {
  position: absolute;
  object-fit: contain;
}
.frame-child14 {
display:none;  /* remove image bcz change video perview 
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 37.56px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;*/
}
.employee-82-1-icon {
  top: 108.7px;
  left: 228.2px;
  width: 403px;
  height: 473px;
  z-index: 1;
}
.vector-group {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.frame-wrapper11 {
  /*position: absolute;*/
  top: 30.3px;
  left: -12.1px;
  width: 991.8px;
  height: 646.8px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.how-to-migrate,
.hubspot-to-marketo {
  font-family: var(--font-barlow-semi-condensed);
}
.how-to-migrate-from-hubspot-to {
  margin: 0;
}
.process {
  margin: 0;
  font-size: var(--font-size-35xl-5);
}
.explained {
  margin: 0;
}
.how-to-migrate-container {
  position: absolute;
  top: 0;
  left: 0;
  letter-spacing: -0.02em;
  line-height: 130%;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.frame-child15 {
  position: absolute;
  top: 232px;
  left: 245.9px;
  width: 72px;
  height: 72px;
  z-index: 3;
}
.how-to-migrate-from-hubspot-to-parent {
  position: absolute;
  top: 38px;
  left: 21.1px;
  width: 100%;
  height: 358px;
}
.frame-child16,
.frame-parent21 {
  position: relative;
  box-sizing: border-box;
  max-width: 100%;
}
.frame-parent21 {
  height: 612px;
  flex: 1;
  border-radius: 26px;
  /*background-color: #f5f5f5;*/
  border: 1.2px solid var(--color-gray-100) !important; 
  background-color: white;
    border: none;
  overflow: hidden;
  min-width: 395px;
}
.frame-child16 {
  height: 294.3px;
  width: 612.2px;
  border-radius: 26.96px;
  background-color: var(--color-white);
  border: 1.1px solid var(--color-gray-100);
  display: none;
  z-index: 0;
}
.path1893-icon {
  height: 8.3px;
  width: 38.9px;
  position: absolute;
  margin: 0 !important;
  top: 48.3px;
  left: 37.2px;
  object-fit: contain;
  z-index: 1;
}
.blog {
  position: relative;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  display: inline-block;
  min-width: 32px;
  z-index: 2;
}
.a-step-by-step-marketo-impleme {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-5xl);
  line-height: 140%;
  font-weight: 600;
  z-index: 1;
}
.read-now {
  position: relative;
  font-size: var(--font-size-base);
  line-height: 30px;
  font-family: var(--font-barlow-semi-condensed);
  color: var(--color-white);
  text-align: left;
  display: inline-block;
  min-width: 62px;
}
.frame-child17 {
  width: 18px;
  height: 9.2px;
  position: relative;
}
.read-now-parent,
.vector-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-mini) 0 0;
}
.read-now-parent {
  cursor: pointer;
  border: 0;
  padding: var(--padding-10xs) var(--padding-xl);
  background-color: var(--color-mediumslateblue);
  border-radius: var(--br-56xl);
  overflow: hidden;
  flex-direction: row;
  gap: var(--gap-3xs);
  z-index: 1;
}
.blog-parent,
.frame-wrapper12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
}
.blog-parent {
  align-self: stretch;
  justify-content: flex-start;
  gap: var(--gap-sm-5);
  debug_commit: bf4bc93;
}
.frame-wrapper12 {
  width: 268px;
  justify-content: flex-end;
  padding: 25px 0 0;
  box-sizing: border-box;
}
.frame-child18 {
  position: absolute;
  height: calc(100% - 1.2px);
  top: 0;
  bottom: 1.2px;
  left: 4px;
  max-height: 100%;
  width: 450px;
  overflow: hidden;
  object-fit: cover;
  z-index: 1;
}
.frame-child19 {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 10px 44.46px rgba(0, 0, 0, 0.2);
  border-radius: 11.11px;
  background-color: var(--color-gray-100);
  border: 1px solid var(--color-lightgray);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: none;
}
.gartner-official-mockup-202206-icon {
  position: absolute;
  width: calc(100% - 16.2px);
  top: 8.1px;
  right: 8.1px;
  left: 8.1px;
  border-radius: 4.04px;
  max-width: 100%;
  overflow: hidden;
  height: 202.1px;
  object-fit: cover;
  z-index: 1;
}
.rectangle-parent5 {
  position: absolute;
  top: 37.9px;
  left: 0;
  box-shadow: 0 10px 44.46px rgba(0, 0, 0, 0.2);
  border-radius: 11.11px;
  background-color: var(--color-gray-100);
  border: 1px solid var(--color-lightgray);
  box-sizing: border-box;
  width: 169.8px;
  height: 218.3px;
  z-index: 2;
}
.frame-parent23 {
  height: 256.2px;
  width: 340.9px;
  position: relative;
  min-width: 340.9000000000001px;
  flex-shrink: 0;
  debug_commit: bf4bc93;
  max-width: 100%;
}
.frame-child20,
.rectangle-parent4 {
  position: relative;
  border-radius: 26.96px;
  background-color: var(--color-white);
  border: 1.1px solid var(--color-gray-100);
  box-sizing: border-box;
  max-width: 100%;
}
.rectangle-parent4 {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  padding: var(--padding-12xs-1) var(--padding-19xl) var(--padding-17xl);
  gap: 65.5px;
}
.frame-child20 {
  height: 294.3px;
  width: 612.2px;
  display: none;
  z-index: 0;
}
.path1893-icon1 {
  height: 8.7px;
  width: 101.8px;
  position: absolute;
  margin: 0 !important;
  top: 47.9px;
  left: 37.2px;
  object-fit: contain;
  z-index: 1;
}
.success-story {
  position: relative;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  display: inline-block;
  min-width: 97px;
  z-index: 2;
}
.implementing-marketo-revenue {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-5xl);
  line-height: 140%;
  font-weight: 600;
  z-index: 1;
}
.read-now1 {
  position: relative;
  font-size: var(--font-size-base);
  line-height: 30px;
  font-family: var(--font-barlow-semi-condensed);
  color: var(--color-white);
  text-align: left;
  display: inline-block;
  min-width: 62px;
}
.frame-child21 {
  width: 18px;
  height: 9.2px;
  position: relative;
}
.read-now-group,
.vector-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-mini) 0 0;
}
.read-now-group {
  cursor: pointer;
  border: 0;
  padding: var(--padding-10xs) var(--padding-xl);
  background-color: var(--color-mediumslateblue);
  border-radius: var(--br-56xl);
  overflow: hidden;
  flex-direction: row;
  gap: var(--gap-3xs);
  z-index: 1;
}
.frame-wrapper13,
.success-story-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
}
.success-story-parent {
  align-self: stretch;
  justify-content: flex-start;
  gap: var(--gap-sm-5);
  debug_commit: bf4bc93;
}
.frame-wrapper13 {
  width: 275px;
  justify-content: flex-end;
  /* padding: 15px 0 var(--padding-14xl-9); */
  box-sizing: border-box;
 
}
.frame-child22 {
  position: absolute;
  height: calc(100% - 1.2px);
  top: 0;
  bottom: 1.2px;
  left: 4px;
  max-height: 100%;
  width: 450px;
  overflow: hidden;
  object-fit: cover;
  z-index: 1;
}
.frame-child23 {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 10px 44.46px rgba(0, 0, 0, 0.2);
  border-radius: 11.11px;
  background-color: var(--color-gray-100);
  border: 1px solid var(--color-lightgray);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: none;
}
.gartner-official-mockup-202206-icon1 {
  position: absolute;
  width: calc(100% - 16.2px);
  top: 8.1px;
  right: 8.1px;
  left: 8.1px;
  border-radius: 4.04px;
  max-width: 100%;
  overflow: hidden;
  height: 202.1px;
  object-fit: cover;
  z-index: 1;
}
.rectangle-parent7 {
  position: absolute;
  top: 37.9px;
  left: 0;
  box-shadow: 0 10px 44.46px rgba(0, 0, 0, 0.2);
  border-radius: 11.11px;
  background-color: var(--color-gray-100);
  border: 1px solid var(--color-lightgray);
  box-sizing: border-box;
  width: 169.8px;
  height: 218.3px;
  z-index: 2;
}
.frame-parent24 {
  height: 256.2px;
  width: 340.9px;
  position: relative;
  min-width: 340.9000000000001px;
  flex-shrink: 0;
  debug_commit: bf4bc93;
  max-width: 100%;
}
.frame-parent22,
.rectangle-parent6 {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.rectangle-parent6 {
  align-self: stretch;
  border-radius: 26.96px;
  background-color: var(--color-white);
  border: 1.1px solid var(--color-gray-100);
  box-sizing: border-box;
  overflow: hidden;
  flex-direction: row;
  align-items: flex-end;
  padding: var(--padding-12xs-1) var(--padding-19xl) var(--padding-17xl);
  position: relative;
  gap: 58.5px;
}
.frame-parent22 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: 23.6px;
  min-width: 398px;
  font-size: var(--font-size-mini-1);
}
.frame-parent18,
.frame-parent20 {
  align-self: stretch;
  display: flex;
  max-width: 100%;
}
.frame-parent20 {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-xl);
  text-align: left;
}
.frame-parent18 {
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 64px;
}
.frame-child24 {
  height: 9.1px;
  width: 175px;
  position: relative;
}
.frame-wrapper14 {
  width: 971.1px;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.frame-parent17,
.frame-wrapper14,
.martech-lp-inner1 {
  display: flex;
  box-sizing: border-box;
  max-width: 100%;
}
.frame-parent17 {
  flex: 1;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 0 0 0 var(--padding-12xs);
  gap: 23.3px;
}
.martech-lp-inner1 {
  /*width: 1440px;*/
   width: 1387px;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 5%;
  text-align: center;
  font-size: var(--font-size-41xl);
  color: var(--color-gray-100);
  font-family: var(--font-barlow-semi-condensed);
}
.container-copy-section {
  max-width: 1440px;
  padding: 0 5%;
  margin: auto;
}
.xmlid-18-icon1 {
  height: 40px;
  width: 97.1px;
  position: relative;
}
.xmlid-18-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 22px 0 var(--padding-xl);
}
.privacy-policy {
  position: relative;
  line-height: 34px;
  display: inline-block;
  min-width: 96px;
}
.privacy-policy-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-6xs) 0 0;
}
.terms-and-conditions {
  position: relative;
  line-height: 34px;
}
.terms-and-conditions-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-mini) 0 0;
}
.cookies,
.security {
  position: relative;
  line-height: 34px;
  display: inline-block;
  min-width: 56px;
}
.security {
  min-width: 58px;
}
.frame-parent27 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.frame-parent26,
.frame-wrapper15 {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.frame-parent26 {
  width: 515px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 67px;
}
.frame-wrapper15 {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
}
.salesxgridco {
  position: relative;
  line-height: 34px;
  color: inherit;
  display: inline-block;
  text-decoration: none;
  min-width: 106px;
  white-space: nowrap;
}
.salesxgridco-wrapper {
  width: 232.6px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xl) 0 0;
  box-sizing: border-box;
}
.group-icon {
  align-self: stretch;
  height: 19.1px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}
.frame-wrapper16 {
  width: 250.6px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
  box-sizing: border-box;
}
.xgrid-c-2024 {
  position: relative;
  line-height: 34px;
}
.frame-parent28 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.frame-parent25,
.martech-lp {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
}
.frame-parent25 {
  width: 1261px;
  align-items: flex-start;
  padding: 0 0 0 var(--padding-xl);
  gap: var(--gap-44xl);
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-lg);
  color: var(--color-gray-100);
  font-family: var(--font-barlow-semi-condensed);
}
.martech-lp {
  width: 100%;
  position: relative;
  background-color: var(--color-white);
  overflow: hidden;
  align-items: center;
  padding-bottom: 73.5px;
  gap: 60px;
  line-height: normal;
  letter-spacing: normal;
}
.footer-links{
  color: #000;
  font-family: "Helvitica Neue LT Pro" !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 33.67px; /* 187.056% */
  text-decoration: none;
}
.footer-email{
  color: #000;
  font-family: "Helvitica Neue LT Pro" !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 33.67px; /* 187.056% */
  text-decoration: none;
}
.footer-social-icons{
  font-size: 20px;
  color: rgba(0, 0, 0, 1);
}
.footer-credits{
  color: #000;
  font-family: "Helvitica Neue LT Pro" !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 33.67px; /* 187.056% */
}
@media screen and (max-width: 900px) {
	p{
    	font-size: 18px !important;
        line-height: 130%;
    }
    p.martech-report-2024{
    	font-size: 36px !important;
        line-height: 120%;
    }
    p.how-to-migrate-from-hubspot-to{
    	font-size: 36px !important;
        line-height: 120%;
    }
    .how-to-migrate-from-hubspot-to-parent{
    	left: 10px;
    }
}
@media screen and (max-width: 1200px) {
  .frame-parent1 {
    flex: 1;
  }
  .frame-group {
    flex-wrap: wrap;
  }
  .frame-parent {
    height: auto;
    padding-top: var(--padding-80xl);
    box-sizing: border-box;
  }
  .frame-wrapper2 {
    padding-left: var(--padding-11xl);
    padding-right: var(--padding-11xl);
    box-sizing: border-box;
  }
  .martech-lp-child {
    padding-bottom: 152px;
    box-sizing: border-box;
  }
  .frame-wrapper9,
  .thermosphr-1 {
    flex: 1;
  }
  .rectangle-parent3 {
    flex-wrap: wrap;
    padding-left: 96px;
    padding-right: 61px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1050px) {
  .martech-report-2024-container {
    font-size: 53px;
    line-height: 63px;
  }
  .choosing-the-wrong,
  .despite-martech-spending-container {
    font-size: var(--font-size-7xl);
    line-height: 33px;
  }
  .download-xgrids-2024-container {
    font-size: var(--font-size-13xl);
    line-height: 38px;
  }
  .martech-for-startups {
    font-size: var(--font-size-29xl);
    line-height: 62px;
  }
  .feature-by-feature-comparison-container,
  .key-martech-priorities-container,
  .market-share-breakdown-container,
  .official-return-on-container,
  .our-marketing-automation-container {
    font-size: var(--font-size-7xl);
    line-height: 33px;
  }
  .customer-corner {
    font-size: var(--font-size-29xl);
    line-height: 48px;
  }
  .our-clients-love {
    font-size: var(--font-size-7xl);
    line-height: 31px;
  }
  .frame-parent15 {
    min-width: 100%;
  }
  .frame-section {
    padding-bottom: 154px;
    box-sizing: border-box;
  }
  .more-resources {
    font-size: var(--font-size-29xl);
    line-height: 48px;
  }
  .explore-how-weve {
    font-size: var(--font-size-7xl);
    line-height: 33px;
  }
  .how-to-migrate-container {
    font-size: var(--font-size-29xl);
    line-height: 62px;
  }
  .frame-parent28 {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.visible-on-small-devices{
  	display: none;
}
.hide-on-small-devices{
	margin-top: 20px;
    display: flex;
}
@media screen and (max-width: 991px) {
	.visible-on-small-devices{
    	display: flex !important;
    }
    .hide-on-small-devices{
    	display: none !important;
    }
    .video-container {
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
  .logo-img, .header-button-img{
      max-width: 80% !important;
  }
  .col-sm-none{
      display: none;
  }
  .footer-links-main a{
      margin-right: .5rem !important;
  }
  .footer-links-main{
      margin-top: 10px !important;
      margin-bottom: 0px !important;
  }
  .footer-email-div{
      margin-top: 10px !important;
      margin-bottom: 0px !important;
  }
}
@media screen and (max-width: 750px) {
  .rectangle-parent {
    gap: 21px;
  }
  .frame-container {
    min-width: 100%;
  }
  .frame-parent1 {
    padding-top: var(--padding-19xl);
    padding-bottom: 37px;
    box-sizing: border-box;
    min-width: 100%;
  }
  .frame-group {
    gap: var(--gap-11xl);
  }
  .frame-parent {
    gap: 35px;
    padding-top: 64px;
    box-sizing: border-box;
  }
  .frame-parent10,
  .frame-parent11,
  .frame-parent12,
  .frame-parent9 {
    flex-wrap: wrap;
  }
  .frame-parent8 {
    gap: var(--gap-11xl);
    min-width: 100%;
    padding-bottom: 50px;
  }
  .frame-child8 {
    min-width: 100%;
  }
  .startup_video {
    min-width: 100%;
  }
  .frame-parent7 {
    gap: var(--gap-12xl);
  }
  .frame-parent4 {
    gap: 45px;
  }
  .martech-lp-child {
    padding-bottom: var(--padding-80xl);
    box-sizing: border-box;
  }
  .rectangle-parent3 {
    padding-left: 48px;
    padding-right: var(--padding-11xl);
    box-sizing: border-box;
  }
  .frame-parent13,
  .rectangle-parent3 {
    gap: var(--gap-12xl);
  }
  .frame-parent21 {
    min-width: 100%;
  }
  .frame-wrapper12 {
    flex: 1;
  }
  .frame-parent23 {
    flex: 1;
    min-width: 100%;
  }
  .rectangle-parent4 {
    flex-wrap: nowrap;
    gap: var(--gap-14xl);
  }
  .frame-wrapper13 {
    flex: 1;
  }
  .frame-parent24 {
    flex: 1;
    min-width: 100%;
  }
  .rectangle-parent6 {
    flex-wrap: nowrap;
    gap: 29px;
  }
  .frame-parent22 {
    min-width: 100%;
  }
  .frame-parent18 {
    gap: 32px;
  }
  .frame-parent27 {
    flex-wrap: wrap;
    justify-content: center;
  }
  .frame-parent26 {
    gap: var(--gap-14xl);
  }
  .frame-parent25 {
    gap: var(--gap-12xl);
  }
  .martech-lp {
    gap: var(--gap-41xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 450px) {
 .frame-wrapper11{
    	width: 100%;
        left: 65%;
    }
    .frame-child15{
    	left: 35%;
    }
    .vector-group{
    	left: -135%;
    }
  .martech-report-2024-container {
    font-size: var(--font-size-21xl);
    line-height: 48px;
  }
  .choosing-the-wrong,
  .despite-martech-spending-container {
    font-size: var(--font-size-lgi);
    line-height: 25px;
  }
  .download-xgrids-2024-container {
    font-size: var(--font-size-5xl);
    line-height: 29px;
  }
  .frame-parent3 {
    flex-wrap: wrap;
  }
  .frame-parent1 {
    gap: var(--gap-xl);
  }
  .frame-group {
    gap: var(--gap-mini);
  }
  .frame-parent {
    gap: var(--gap-lg);
  }
  .martech-for-startups {
    font-size: var(--font-size-17xl);
    line-height: 47px;
  }
  .feature-by-feature-comparison-container,
  .key-martech-priorities-container,
  .market-share-breakdown-container,
  .official-return-on-container,
  .our-marketing-automation-container {
    font-size: var(--font-size-lgi);
    line-height: 25px;
  }
  .frame-parent7 {
    gap: var(--gap-base);
  }
  .frame-parent4 {
    gap: 22px;
  }
  .customer-corner {
    font-size: var(--font-size-17xl);
    line-height: 36px;
  }
  .nicolas-le-borgne,
  .our-clients-love,
  .xgrid-inc-completed {
    font-size: var(--font-size-lgi);
    line-height: 23px;
  }
  .rectangle-parent3 {
    gap: var(--gap-base);
    padding-left: var(--padding-xl);
    padding-top: var(--padding-19xl);
    padding-bottom: var(--padding-19xl);
    box-sizing: border-box;
  }  /* remove to make both image equal
  .rectangle-parent4 {
    gap: var(--gap-base);
  } */
  .frame-parent13 {
    gap: var(--gap-mini);
  }
  .frame-section {
    padding-bottom: 100px;
    box-sizing: border-box;
    padding-left: 0px;
    padding-right: 0px;
  }
  .more-resources {
    font-size: var(--font-size-17xl);
    line-height: 36px;
  }
  .explore-how-weve {
    font-size: var(--font-size-lgi);
    line-height: 25px;
  }
  .how-to-migrate-container {
    font-size: var(--font-size-17xl);
    line-height: 47px;
  }
  .a-step-by-step-marketo-impleme {
    font-size: var(--font-size-lgi);
    line-height: 27px;
  }
  
  .implementing-marketo-revenue {
    font-size: var(--font-size-lgi);
    line-height: 27px;
  }
  .frame-parent18 {
    gap: var(--gap-base);
  }
  .frame-parent26 {
    gap: 17px;
  }
  .frame-parent25 {
    gap: var(--gap-base);
  }
  .martech-lp {
    gap: var(--gap-11xl);
    box-sizing: border-box;
  }
}