:root {
    --primary: #007CBF;
    --secondary: #ED7C00;
}

@font-face {
	font-family: 'Open Sans Regular';
	src: url('../fonts/OpenSans-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans Medium';
	src: url('../fonts/OpenSans-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans Bold';
	src: url('../fonts/OpenSans-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins Regular';
	src: url('../fonts/Poppins-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins Medium';
	src: url('../fonts/Poppins-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins SemiBold';
	src: url('../fonts/Poppins-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

html, body { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }

h1 { font-size: 60px; font-family: 'Poppins Medium'; font-weight: 500; line-height: 1.1; }

h2 { font-size: 45px; font-family: 'Poppins Medium'; font-weight: 500; line-height: 1.1; }

h3 { font-size: 25px; font-family: 'Poppins Medium'; font-weight: 500; line-height: 1.2; }

/* H1 que tiene que verse como h2/h3: el titulo semantico de la pagina no siempre es el mas grande */
h1.as-h2 { font-size: 45px; }

h1.as-h3 { font-size: 25px; line-height: 1.2; }

h4 { font-size: 20px; font-family: 'Open Sans Regular'; font-weight: 400; line-height: 1.5; }

p, li, a, label, button, input, select, textarea, #form-feedback { font-family: 'Open Sans Regular'; font-weight: 400; font-size: 16px; line-height: 1.5; }

input, select, textarea { outline: none; }

select { -webkit-appearance: none; -moz-appearance: none; background-image: url(../icons/select-arrow-icon.svg) !important; background-repeat: no-repeat !important; background-position-x: 100% !important; background-position-y: 25px !important; }

a, button { text-decoration: none; transition: background 0.6s, color 0.6s, border-color 0.6s; }

img, iframe, textarea, video { display: block; }

li { list-style: none; }

ul { margin: 0; padding: 0; }

.container { width: 80%; max-width: 1200px; margin: auto; }

.main-content section h1,
.main-content section h2,
.main-content section h3,
.main-content section h4,
.main-content section p,
.main-content section .btn,
.footer h1, .footer h2, .footer h3, .footer h4, .footer p, .footer .title, .footer a { opacity: 0; transform: translateY(30px); transition: opacity 0.7s ease, transform 0.7s ease, background-color 0.6s ease, color 0.6s ease; }

.main-content section .scroll-revealed,
.footer .is-revealed { opacity: 1 !important; transform: translateY(0) !important; }

.footer h1, .footer h2, .footer h3, .footer h4, .footer p, .footer .title, .footer a { transition: opacity 0.7s ease, transform 0.7s ease, background-color 0.6s ease, color 0.6s ease; }

.footer .is-revealed { opacity: 1 !important; transform: translateY(0) !important; }

.word-reveal .word { display: inline-block; opacity: 0; transform: translateY(100%); transition: opacity 0.5s ease, transform 0.5s ease; }

.word-reveal .word.is-visible { opacity: 1; transform: translateY(0); }

.d-flex { display: flex; }

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

.justify-content-center { justify-content: center; }

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

.justify-content-end { justify-content: flex-end; }

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

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

.text-right { text-align: right; }

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

.position-relative { position: relative; }

.inherit { font-size: inherit; font-weight: inherit; font-family: inherit; line-height: inherit; }

.btn { padding: 10px 20px; border-radius: 100px; min-width: 160px; border: 0; cursor: pointer; font-family: 'Poppins Medium'; font-weight: 500; }

.btn-primary { background: var(--primary); color: #fff; }

.btn-secondary { background: var(--secondary); color: #fff; }

.btn-secondary:hover { background: var(--primary); }

.loader { display: none; position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999; background: rgba(0,0,0,0.4); }

.loader img { max-width: 45px; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }

/* home page styles */

.skai-header { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: #fff; transition: box-shadow 0.4s ease, background-color 0.4s ease; }

.skai-header.scrolled { box-shadow: 0 2px 16px rgba(0,0,0,0.09); background: #fff !important; }

.skai-header.scrolled .header-logo img { filter: initial !important; }

.skai-header.scrolled .nav-link { color: #222 !important; }

.skai-header.internal-heading { background: #222; transition: background-color 0.3s ease; }

.skai-header.internal-heading .header-logo img,
.skai-header.transparent-heading .header-logo img { filter: brightness(0) invert(1); transition: filter 0.3s ease; }

.skai-header.internal-heading .nav-link,
.skai-header.transparent-heading .nav-link { color: #fff; transition: color 0.3s ease; }

/* When mega-menu is open, force light header on dark variants */
body.mega-open .skai-header.internal-heading,
body.mega-open .skai-header.transparent-heading { background: #fff !important; box-shadow: 0 2px 16px rgba(0,0,0,0.09); }

body.mega-open .skai-header.internal-heading .header-logo img,
body.mega-open .skai-header.transparent-heading .header-logo img { filter: initial !important; }

.skai-header.internal-heading .mega-panel,
.skai-header.transparent-heading .mega-panel { background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; }

body.mega-open .skai-header.internal-heading .nav-link,
body.mega-open .skai-header.transparent-heading .nav-link { color: #222 !important; }

.skai-header.transparent-heading { position: fixed; background: transparent; }

.skai-header.transparent-heading.scrolled { background: #fff; box-shadow: 0 2px 16px rgba(0,0,0,0.09); }

.skai-header.transparent-heading.scrolled .header-logo img { filter: initial; }

.skai-header.transparent-heading.scrolled .nav-link { color: #222; }

.header-bar { padding: 30px 0; transition: padding 0.4s ease; }

.skai-header.scrolled .header-bar { padding: 15px 0; }

.header-logo img { height: 38px; }

.header-right { gap: 12px; }

.header-cta { background: var(--secondary); color: #fff !important; padding: 9px 24px; border-radius: 980px; font-family: 'Poppins Regular', sans-serif; transition: background-color 0.6s ease; white-space: nowrap; text-decoration: none; }

.header-cta:hover { background: var(--primary); }

body { padding-top: 90px; }

body.menu-open { overflow: hidden; }

.nav-row { column-gap: 30px; }

.nav-item-wrap { position: relative; }

.nav-link { display: inline-flex; align-items: center; gap: 5px; padding: 0; cursor: pointer; background: none; border: none; transition: color 0.6s ease; white-space: nowrap; font-family: 'Poppins Regular', sans-serif; color: #222; }

.nav-link:hover, .nav-item-wrap.is-active .nav-link { color: var(--primary) !important; }

.nav-link svg { width: 10px; height: 6px; transition: transform 0.6s ease; }

.nav-item-wrap.is-active .nav-link svg { transform: rotate(180deg); }

.mega-panel { position: absolute; top: 100%; left: 0; right: 0; background: rgba(255,255,255,0.75); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: 0 15px 30px -15px rgba(0,0,0,0.15); z-index: 9998; opacity: 0; transform: translateY(-8px); transition: opacity 0.35s ease, transform 0.35s ease; pointer-events: none; visibility: hidden; }

.mega-panel.active { opacity: 1; transform: translateY(0); pointer-events: auto; z-index: 9999; visibility: visible; }

.mega-panel .mega-link { opacity: 0; transform: translateY(6px); transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.6s ease; }

.mega-panel.active .mega-link { opacity: 1; transform: translateY(0); }

.mega-panel .mega-featured { opacity: 0; transform: translateY(10px); transition: opacity 0.4s ease 0.15s, transform 0.4s ease 0.15s; }

.mega-panel.active .mega-featured { opacity: 1; transform: translateY(0); }

.mega-panel-inner { display: grid; grid-template-columns: 1fr 300px; gap: 0; padding: 40px 0; align-items: start; }

.mega-links-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 24px; }

.mega-link { display: flex; flex-direction: column; gap: 3px; }

.mega-link:hover { background: none; }

.mega-link-label { font-size: 20px; font-weight: 600; color: #222 !important; font-family: 'Poppins SemiBold'; transition: color 0.6s ease; }

.mega-link:hover .mega-link-label { color: var(--primary) !important; }

.mega-link-desc { font-size: 16px; color: #222 !important; line-height: 1.4; font-family: 'Poppins Regular'; font-weight: 400; margin-top: 5px; }

/* links are direct grid children so every row aligns across the three columns */
.mega-links-area--3col { grid-template-columns: repeat(3, 1fr); row-gap: 35px; align-items: start; }

.mega-links-area--3col .mega-link { opacity: 0; transform: translateY(6px); }
.mega-panel.active .mega-links-area--3col .mega-link:nth-child(1) { transition-delay: 0.1s; }
.mega-panel.active .mega-links-area--3col .mega-link:nth-child(2) { transition-delay: 0.13s; }
.mega-panel.active .mega-links-area--3col .mega-link:nth-child(3) { transition-delay: 0.16s; }
.mega-panel.active .mega-links-area--3col .mega-link:nth-child(4) { transition-delay: 0.19s; }
.mega-panel.active .mega-links-area--3col .mega-link:nth-child(5) { transition-delay: 0.22s; }
.mega-panel.active .mega-links-area--3col .mega-link:nth-child(6) { transition-delay: 0.25s; }
.mega-panel.active .mega-links-area--3col .mega-link:nth-child(7) { transition-delay: 0.28s; }
.mega-panel.active .mega-links-area--3col .mega-link:nth-child(8) { transition-delay: 0.31s; }
.mega-panel.active .mega-links-area--3col .mega-link:nth-child(9) { transition-delay: 0.34s; }
.mega-panel.active .mega-links-area--3col .mega-link:nth-child(10) { transition-delay: 0.37s; }
.mega-panel.active .mega-links-area--3col .mega-link:nth-child(11) { transition-delay: 0.4s; }
.mega-panel.active .mega-links-area--3col .mega-link:nth-child(12) { transition-delay: 0.43s; }
.mega-panel.active .mega-links-area--3col .mega-link:nth-child(13) { transition-delay: 0.46s; }
.mega-panel.active .mega-links-area--3col .mega-link:nth-child(14) { transition-delay: 0.49s; }
.mega-panel.active .mega-links-area--3col .mega-link:nth-child(15) { transition-delay: 0.52s; }
.mega-panel.active .mega-links-area--3col .mega-link:nth-child(16) { transition-delay: 0.55s; }
/* a partir del 17 el fade se mantiene con el ultimo delay, para no perder la animacion si se suman items */
.mega-panel.active .mega-links-area--3col .mega-link:nth-child(n+17) { transition-delay: 0.58s; }

.mega-panel-inner--full { display: block; padding: 40px 0; }

.mega-links-area--4col { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 24px; row-gap: 25px; padding-right: 0; }

.mega-featured { position: relative; margin-left: 32px; overflow: hidden; min-height: 220px; display: flex; align-items: flex-end; }

.mega-featured-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,14,39,0.88) 0%, rgba(10,14,39,0.3) 70%); }

.mega-featured-content { position: relative; z-index: 1; padding: 24px; }

.mega-featured-eyebrow { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; color: var(--primary) !important; margin-bottom: 8px; font-family: 'Poppins Regular', sans-serif; }

.mega-featured-headline { font-size: 16px; font-weight: 600; color: #fff !important; line-height: 1.35; margin-bottom: 16px; letter-spacing: -0.01em; font-family: 'Poppins Regular', sans-serif; }

.mega-featured-cta { font-size: 13px; font-weight: 500; color: #fff !important; border-bottom: 1px solid rgba(255,255,255,0.4); padding-bottom: 2px; transition: border-color 0.6s ease; text-decoration: none; font-family: 'Poppins Regular', sans-serif; }

.mega-featured-cta:hover { border-color: #fff; }

.mega-featured--text { background: none; min-height: auto; align-items: center; justify-content: center; }

.mega-featured-tagline { font-size: 35px; font-weight: 600; color: #A2A2A2; line-height: 1.25; font-family: 'Poppins SemiBold'; }

.mega-featured-tagline-accent { color: #222; }

.mobile-burger { display: none; cursor: pointer; flex-direction: column; gap: 5px; padding: 8px; background: none; border: none; }

.mobile-burger span { display: block; width: 24px; height: 2px; background: #222; transition: all 0.3s ease; border-radius: 2px; }

.skai-header.transparent-heading .mobile-burger span,
.skai-header.internal-heading .mobile-burger span { background: #fff; }

.skai-header.transparent-heading.scrolled .mobile-burger span,
.skai-header.internal-heading.scrolled .mobile-burger span { background: var(--primary); }

.skai-header.internal-heading.scrolled .mobile-burger span { background: var(--primary); }

.mobile-burger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }

.mobile-burger.open span:nth-child(2) { opacity: 0; }

.mobile-burger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.mobile-menu { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 99998; transform: translateX(100%); transition: transform 0.6s ease; overflow-y: auto; padding: 0 24px 40px; }

.mobile-menu.active { transform: translateX(0); }

.mobile-menu-header { display: flex; align-items: center; justify-content: space-between; padding: 30px 0; }

.mobile-menu-header img { height: 38px; }

.mobile-menu-close { background: none; border: none; cursor: pointer; padding: 8px; display: flex; flex-direction: column; gap: 5px; }

.mobile-menu-close span { display: block; width: 24px; height: 2px; background: #222; border-radius: 2px; }

.mobile-menu-close span:first-child { transform: translateY(3.5px) rotate(45deg); }

.mobile-menu-close span:last-child { transform: translateY(-3.5px) rotate(-45deg); }

.mobile-nav-title { color: #222 !important; font-size: 15px; padding: 16px 0; border-top: 1px solid #e8e8ed; display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-family: 'Poppins Regular', sans-serif; }

.mobile-nav-title:hover,
.mobile-nav-title.expanded { color: var(--primary) !important; }

.mobile-nav-group:first-child .mobile-nav-title { border-top: none; }

.mobile-nav-title svg { width: 12px; height: 7px; transition: transform 0.6s ease; }

.mobile-nav-title.expanded svg { transform: rotate(180deg); }

.mobile-nav-direct-link { display: block; color: #222 !important; font-size: 15px; padding: 16px 0; border-top: 1px solid #e8e8ed; text-decoration: none; font-family: 'Poppins Regular', sans-serif; }

.mobile-nav-children { max-height: 0; overflow: hidden; transition: max-height 0.6s ease; }

.mobile-nav-children.open { max-height: 600px; }

.mobile-nav-children a { display: flex; flex-direction: column; gap: 2px; padding: 12px 16px; border-bottom: 1px solid #f0f0f0; text-decoration: none; }

.mobile-child-label { font-size: 15px; color: #222 !important; }

.mobile-child-desc { font-size: 12px; color: #888 !important; line-height: 1.4; }

.mobile-nav-children a:hover .mobile-child-label { color: var(--primary) !important; }

.mobile-cta { display: block; text-align: center; margin-top: 32px; background: var(--secondary); color: #fff !important; padding: 14px 32px; border-radius: 980px; font-size: 15px; text-decoration: none; font-family: 'Poppins Regular', sans-serif; }

.home-banner-section { padding-top: 60px; padding-bottom: 100px; overflow: hidden; }

.home-banner-section .row .column { width: 50%; }

.home-banner-section .row .first-column .column-content { margin-left: calc((100vw - min(1200px, 80vw)) / 2); }

.home-banner-section .row .first-column h1,
.home-banner-section .row .first-column h4 { margin-top: 10px; }

.home-banner-section .row .first-column h1 { max-width: 100%; }

.home-banner-section .row .first-column h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.home-banner-section .row .first-column a { display: table; min-width: auto; width: fit-content; background: #222; color: #fff; margin-top: 20px; }

.home-banner-section .row .first-column a:hover { background: var(--primary); }

.home-banner-section .row .second-column video { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: center; background-color: transparent; border: none; outline: none; border-radius: 1px; -webkit-mask-image: -webkit-radial-gradient(white, black); }

.home-banner-section .row .second-column img { width: 100%; max-width: 500px; }

.trusted-by-leading-brands-section { background: #F2F2F2; padding: 70px 0; overflow: hidden; }

.trusted-by-leading-brands-section.white-background { background: #fff; padding: 0; }

.trusted-by-leading-brands-section.with-padding-top { padding-top: 120px; }

.trusted-by-leading-brands-section.with-padding-bottom { padding-bottom: 120px; }

.trusted-by-leading-brands-section h4 { color: #222; font-family: 'Poppins Medium'; font-weight: 500; }

.trusted-by-leading-brands-section .marquee { overflow: hidden; }

.trusted-by-leading-brands-section .marquee-track { display: flex; align-items: center; column-gap: 60px; width: max-content; will-change: transform; }

.trusted-by-leading-brands-section .marquee-track.marquee-animate { animation: marquee-scroll var(--marquee-duration, 60s) linear infinite; }

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

.trusted-by-leading-brands-section .marquee-track img { height: 40px; width: auto; flex-shrink: 0; }

.from-awareness-to-revenue-section { padding: 100px 0 40px; overflow: hidden; }

.from-awareness-to-revenue-section .row { margin-top: 40px; column-gap: 40px; }

.from-awareness-to-revenue-section .row.reversed-row { flex-direction: row-reverse; }

.from-awareness-to-revenue-section .row .column:first-child { width: 70%; }

.from-awareness-to-revenue-section .row .column:last-child { min-width: 350px; margin-right: calc((100vw - min(1200px, 80vw)) / 2); }

.from-awareness-to-revenue-section .row.reversed-row .column:first-child { width: 70%; }

.from-awareness-to-revenue-section .row.reversed-row .column:last-child { min-width: 350px; margin-left: calc((100vw - min(1200px, 80vw)) / 2); margin-right: auto; }

.from-awareness-to-revenue-section .row .column h2,
.from-awareness-to-revenue-section .row .column h4 { opacity: 1; transform: none; }

.from-awareness-to-revenue-section .row .column h2 { color: #A2A2A2; line-height: 0.9; transition: color 0.6s ease; }

.from-awareness-to-revenue-section .row:hover .column h2 { color: #222; }

.from-awareness-to-revenue-section .row .column h4 { color: #222; font-family: 'Poppins Medium'; font-weight: 500; margin-top: 10px; }

.from-awareness-to-revenue-section .row .column .plus-icon { width: 30px; min-width: 30px; height: 30px; min-height: 30px; border-radius: 50%; background: #222; display: flex; align-items: center; justify-content: center; margin-top: 15px; transition: background 0.6s; }

.from-awareness-to-revenue-section .row .column .plus-icon svg { width: 20px; height: 20px; fill: #fff; }

.eight-arms-move-section { padding-bottom: 100px; }

.eight-arms-move-section h2 { font-family: 'Poppins SemiBold'; font-weight: 600; margin: auto; max-width: 1000px; font-size: 75px; }

.eight-arms-move-section h2 .inherit { color: var(--primary); }

.eight-arms-move-section .row { column-gap: 40px; margin-top: 60px; align-items: center; }

.eight-arms-move-section .row .column { width: 100%; max-width: 700px; margin: auto; position: relative; }

.eight-arms-move-section .row .column .inner-row.reversed { flex-direction: row-reverse; }

.eight-arms-move-section .row.arm-link-03 { margin-top: 110px; }

.eight-arms-move-section .row.arm-link-04 { margin-top: 110px; }

.eight-arms-move-section .row.arm-link-05 { margin-top: 110px; }

.eight-arms-move-section .row.arm-link-06 { margin-top: 110px; }

.eight-arms-move-section .row.arm-link-07 { margin-top: 110px; }

.eight-arms-move-section .row.arm-link-08 { margin-top: 170px; }

.eight-arms-move-section .row.arm-link-01 .column h3 { position: absolute; z-index: 9; font-size: 55px; font-family: 'Poppins Regular'; font-weight: 400; color: #222; line-height: 1.05; text-align: right; left: -175px; top: 65px; }

.eight-arms-move-section .row.arm-link-02 .column h3 { position: absolute; z-index: 9; font-size: 55px; font-family: 'Poppins Regular'; font-weight: 400; color: #222; line-height: 1.05; text-align: left; right: -200px; top: 120px; }

.eight-arms-move-section .row.arm-link-03 .column h3 { position: absolute; z-index: 9; font-size: 55px; font-family: 'Poppins Regular'; font-weight: 400; color: #222; line-height: 1.05; text-align: right; left: -165px; top: 0; z-index: -1; }

.eight-arms-move-section .row.arm-link-04 .column h3 { position: absolute; z-index: 9; font-size: 55px; font-family: 'Poppins Regular'; font-weight: 400; color: #222; line-height: 1.05; text-align: left; right: 80px; bottom: 150px; }

.eight-arms-move-section .row.arm-link-04 .column h3 .inherit { margin-left: 56px; }

.eight-arms-move-section .row.arm-link-05 .column h3 { position: absolute; z-index: 9; font-size: 55px; font-family: 'Poppins Regular'; font-weight: 400; color: #222; line-height: 1.05; text-align: right; left: -80px; top: 0; z-index: -1; }

.eight-arms-move-section .row.arm-link-05 img { margin-left: -200px !important; }

.eight-arms-move-section .row.arm-link-06 .column h3 { position: absolute; z-index: 9; font-size: 55px; font-family: 'Poppins Regular'; font-weight: 400; color: #222; line-height: 1.05; text-align: left; right: -178px; top: 114px; }

.eight-arms-move-section .row.arm-link-07 .column h3 { position: absolute; z-index: 9; font-size: 55px; font-family: 'Poppins Regular'; font-weight: 400; color: #222; line-height: 1.05; text-align: right; left: -120px; top: 50px; z-index: -1; }

.eight-arms-move-section .row.arm-link-07 img { transform: scaleX(-1); }

.eight-arms-move-section .row.arm-link-08 .column h3 { position: absolute; z-index: 9; font-size: 55px; font-family: 'Poppins Regular'; font-weight: 400; color: #222; line-height: 1.05; text-align: left; right: -246px; top: 56px; }

.eight-arms-move-section .row .column h3 .inherit { color: var(--primary); }

.eight-arms-move-section .row .column img { width: 100%; max-width: 700px; margin: auto; }

.arm-link-01 .arm-card { position: absolute; right: -100px; bottom: 150px; }

.arm-link-01 .arm-card-header { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; margin-left: -37px; }

.arm-link-02 .arm-card { position: absolute; left: -35px; bottom: 150px; }

.arm-link-02 .arm-card-header { display: flex; flex-direction: row-reverse; align-items: center; gap: 10px; margin-bottom: 8px; margin-right: -37px; }

.arm-link-02 .arm-card-desc { text-align: right; }

.arm-link-03 .arm-card { position: absolute; right: -200px; bottom: 105px; }

.arm-link-03 .arm-card-header { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; margin-left: -37px; }

.arm-link-04 .arm-card { position: absolute; left: -260px; top: 170px; }

.arm-link-04 .arm-card-header { display: flex; flex-direction: row-reverse; align-items: center; gap: 10px; margin-bottom: 8px; margin-right: -37px; }

.arm-link-04 .arm-card-desc { text-align: right; }

.arm-link-05 .arm-card { position: absolute; right: 0; bottom: 35px; }

.arm-link-05 .arm-card-header { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; margin-left: -37px; }

.arm-link-06 .arm-card { position: absolute; left: -160px; bottom: 200px; }

.arm-link-06 .arm-card-header { display: flex; flex-direction: row-reverse; align-items: center; gap: 10px; margin-bottom: 8px; margin-right: -37px; }

.arm-link-06 .arm-card-desc { text-align: right; }

.arm-link-07 .arm-card { position: absolute; right: -80px; bottom: -70px; }

.arm-link-07 .arm-card-header { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; margin-left: -37px; }

.arm-link-08 .arm-card { position: absolute; left: -245px; bottom: 200px; }

.arm-link-08 .arm-card-header { display: flex; flex-direction: row-reverse; align-items: center; gap: 10px; margin-bottom: 8px; margin-right: -37px; }

.arm-link-08 .arm-card-desc { text-align: right; }

.arm-card-header .plus-icon { width: 26px; min-width: 26px; height: 26px; min-height: 26px; border-radius: 50%; background: var(--primary); display: flex; align-items: center; justify-content: center; }

.arm-card-header .plus-icon svg { width: 16px; height: 16px; fill: #fff; }

.arm-card-header .minus-icon { width: 26px; min-width: 26px; height: 26px; min-height: 26px; border-radius: 50%; background: var(--primary); display: none; align-items: center; justify-content: center; }

.arm-card-header .minus-icon svg { width: 16px; height: 16px; fill: #fff; }

.arm-card-name { font-family: 'Poppins SemiBold'; font-weight: 600; font-size: 22px; color: #222; }

.arm-card-desc { font-family: 'Poppins Regular'; font-weight: 400; font-size: 20px; color: #222; line-height: 1.45; max-width: 260px; }

.arm-card .fact-tooltip,
.first-inner-column .fact-tooltip { position: absolute; bottom: 100%; left: 0; background: rgba(84, 84, 84, 0.38); backdrop-filter: blur(47px); -webkit-backdrop-filter: blur(47px); border-radius: 5px; padding: 20px; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; z-index: 10; width: 280px; pointer-events: none; margin-bottom: 10px; }

.arm-card .fact-tooltip p,
.first-inner-column .fact-tooltip p { color: #fff; font-size: 14px; font-family: 'Poppins Regular'; font-weight: 400; line-height: 1.5; }

.arm-image-wrap:hover .fact-tooltip { opacity: 1; visibility: visible; }

.arm-image-wrap:hover .plus-icon { display: none; }

.arm-image-wrap:hover .minus-icon { display: flex; }

.arms-link { text-decoration: none; }

.eight-arms-move-section .row.reversed { flex-direction: row-reverse; }

.eight-arms-move-section .row.reversed .arm-image-wrap { flex-direction: row-reverse; }

.eight-arms-move-section .row.reversed .arm-image-wrap img { margin-left: auto; }

.eight-arms-move-section .row.reversed .arm-card { margin-left: 0; margin-right: -30px; }

.eight-arms-move-section .row.reversed .arm-title-col { text-align: right; }

.eight-arms-scroll-wrapper { position: relative; overflow: clip; }

.eight-arms-scroll-wrapper[data-no-sticky] .eight-arms-move-section { padding: 70px 0; }

@media (min-width: 1200px) and (max-width: 1920px) {
    .eight-arms-move-section.is-sticky { position: sticky; top: 0; height: 100vh; display: flex; align-items: center; overflow: hidden; box-sizing: border-box; padding-top: 80px; }

    .eight-arms-move-section.is-sticky .container { width: 80%; max-width: 1200px; margin: 0 auto; }

    .eight-arms-move-section.is-sticky .container > h2 { transform-origin: center center; will-change: transform, opacity; }

    .eight-arms-move-section.is-sticky .arms-slides-area { position: absolute; left: 0; right: 0; top: calc(50% + 40px); transform: translateY(-50%); margin: 0 auto; width: 80%; max-width: 1200px; opacity: 0; will-change: opacity; }

    .eight-arms-move-section.is-sticky .arms-slides-area .row { position: absolute; top: 0; left: 0; right: 0; opacity: 0; pointer-events: none; margin-top: 0; will-change: opacity, transform; }

    .eight-arms-move-section.is-sticky .arms-slides-area .row.is-active { pointer-events: auto; }

    .eight-arms-move-section.is-sticky .arms-slides-area .row .arm-image-wrap img { will-change: transform; }
}

.footer .footer-main-content { background: #222; padding-top: 70px; padding-bottom: 30px; }

.footer .footer-main-content .first-row { column-gap: 40px; margin-top: 20px; }

.footer .footer-main-content .first-row .first-column { width: 17.66%; }

.footer .footer-main-content .first-row .footer-group:nth-child(2) { width: 16.66%; }

.footer .footer-main-content .first-row .footer-group:nth-child(3) { width: 19%; }

.footer .footer-main-content .first-row .footer-group:nth-child(4) { width: 14%; }

.footer .footer-main-content .first-row .footer-group:nth-child(5) { width: 12%; }

.footer .footer-main-content .first-row .footer-group:nth-child(6) { width: 18%; }

.footer .footer-main-content .first-row .footer-group .title svg { display: none; }

.footer .footer-main-content .first-row .column a,
.footer .footer-main-content .first-row .column p { color: #fff; }

.footer .footer-main-content .first-row .column .title { font-family: 'Open Sans Bold'; font-weight: 700; margin-top: 10px; margin-bottom: 18px; }

.footer .footer-main-content .first-row .column p:not(.title),
.footer .footer-main-content .first-row .column a { display: block; margin-top: 16px; }

.footer .footer-main-content .first-row .first-column p { margin-top: 25px !important; }

.footer .footer-main-content .first-row .column a:hover { color: var(--primary); }

.footer .footer-main-content .first-row .column .social-networks-content { column-gap: 5px; margin-top: 5px; }

.footer .footer-main-content .first-row .column .social-networks-content a { background: rgba(255, 255, 255, 0.6); border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; }

.footer .footer-main-content .first-row .column .social-networks-content a svg { fill: #fff; width: 20px; }

.footer .footer-main-content .first-row .column .social-networks-content a:hover { background: var(--primary); }

.footer .footer-main-content .first-row .column .langs-switcher-content { margin-top: 10px; column-gap: 15px; }

.footer .footer-main-content .first-row .column .langs-switcher-content a { display: flex; align-items: center; column-gap: 5px; }

.footer .footer-main-content .divider-horizontal-line { width: 100%; height: 1px; display: block; background: rgba(255, 255, 255, 0.6); margin-top: 40px; margin-bottom: 30px; }

.footer .footer-main-content .second-row { column-gap: 10px; }

.footer .footer-main-content .second-row a { color: #fff; }

.footer .footer-main-content .second-row a:hover { color: var(--primary); }

.footer .footer-main-content .second-row .divider-vertical-line { width: 1px; height: 16px; display: block; background: #fff; }

.footer .footer-copyright-content { padding: 20px 0; }

.footer .footer-copyright-content p { font-family: 'Open Sans Medium'; font-weight: 500; }

@media (max-width: 1380px) {
	h1 { font-size: 48px; }

	h2 { font-size: 36px; }

	h3 { font-size: 20px; }

	h1.as-h2 { font-size: 36px; }

	h1.as-h3 { font-size: 20px; }

	h4 { font-size: 16px; }

	p, li, a, label, button, input, select, textarea, #form-feedback { font-size: 15px; }

	.header-logo img { height: 32px; }

	.mega-link-label { font-size: 16px; }

	.mega-link-desc { font-size: 15px; }

	.mega-featured-tagline { font-size: 28px; }

	.nav-row { column-gap: 20px; }

	.home-banner-section { padding-top: 30px; padding-bottom: 70px; }

	.eight-arms-move-section .row .column img { max-width: 560px; }

	.eight-arms-move-section .row.arm-link-01 .column h3 { font-size: 44px; left: -70px; }

	.eight-arms-move-section .row.arm-link-02 .column h3 { font-size: 44px; right: -92px; top: 115px; }

	.eight-arms-move-section .row.arm-link-03 .column h3 { font-size: 44px; left: -25px; top: -23px; }

    .eight-arms-move-section .row.arm-link-04 .column h3 { font-size: 44px; right: 80px; bottom: 150px; }

    .eight-arms-move-section .row.arm-link-05 .column h3 { font-size: 44px; left: 0; }

    .eight-arms-move-section .row.arm-link-05 img { margin-left: -110px !important; }

    .eight-arms-move-section .row.arm-link-06 .column h3 { font-size: 44px; right: -20px; top: 135px; }

    .eight-arms-move-section .row.arm-link-07 .column h3 { font-size: 44px; left: -50px; }

    .eight-arms-move-section .row.arm-link-08 .column h3 { font-size: 44px; right: -160px; top: 50px; }

	.arm-link-01 .arm-card { right: -15px; bottom: 115px; }

	.arm-link-02 .arm-card { left: -13px; }

	.arm-link-03 .arm-card { right: -155px; bottom: 75px; }

	.arm-link-04 .arm-card { left: -205px; top: 140px; }

	.arm-link-05 .arm-card { right: 35px; }

	.arm-link-06 .arm-card { left: -100px; }

	.arm-link-08 .arm-card { left: -90px; bottom: 45px; }

	.arm-card-name { font-size: 18px; }

	.arm-card-desc { font-size: 16px; }

	.eight-arms-move-section { padding-bottom: 70px; }

	.eight-arms-move-section h2 { font-size: 60px; max-width: 810px; }

	.eight-arms-move-section .row .first-column .inner-row .fact-tooltip { width: 260px; }

	.from-awareness-to-revenue-section { padding: 70px 0; }

	.trusted-by-leading-brands-section.with-padding-top { padding-top: 70px; }

	.trusted-by-leading-brands-section.with-padding-bottom { padding-bottom: 70px; }

    .eight-arms-move-section .row .second-column h3 { font-size: 28px; }

	.footer .footer-main-content .first-row .first-column img { max-width: 112px; }

	.footer .footer-main-content .first-row .column .title { margin-top: 5px; }
}

@media (max-width: 1200px) {
	.footer .footer-main-content img { margin: auto; }
	
	.footer .footer-main-content .first-row { flex-wrap: wrap; }

	.footer .footer-main-content .first-row .first-column { width: 100%; text-align: center; margin-bottom: 30px; }

	.footer .footer-main-content .first-row .first-column img { margin: auto; }

	.footer .footer-main-content .first-row .footer-group { width: calc(33.33% - 32px) !important; flex: none; }

	.footer .footer-main-content .first-row .first-column .social-networks-content { justify-content: center; }

	.footer .footer-main-content .first-row { row-gap: 0; }

	.footer .footer-main-content .first-row .column { width: 100% !important; text-align: center; }

	.footer .footer-main-content .first-row .first-column { margin-bottom: 20px; }

	.footer .footer-main-content .first-row .footer-group { border-top: 1px solid rgba(255,255,255,0.15); }

	.footer .footer-main-content .first-row .footer-group .title { cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 18px 0; margin-top: 0; margin-bottom: 0; }

	.footer .footer-main-content .first-row .footer-group .title svg { display: block; width: 12px; height: 8px; fill: #fff; transition: transform 0.3s ease; }

	.footer .footer-main-content .first-row .footer-group.is-open .title svg { transform: rotate(180deg); }

	.footer .footer-main-content .first-row .footer-group .footer-links { height: 0; overflow: hidden; transition: height 0.35s ease; }

	.footer .footer-main-content .first-row .footer-group .footer-links a,
	.footer .footer-main-content .first-row .footer-group .footer-links p { margin-top: 0; padding: 8px 0; text-align: left; }
}

@media (max-width: 1200px) {
	.desktop-only { display: none !important; }

	.mobile-burger { display: flex; }
}

@media (max-width: 992px) {
    .home-banner-section { padding-top: 70px; }

    .home-banner-section .row { flex-wrap: wrap; row-gap: 50px; }

    .home-banner-section .row .column { width: 100%; text-align: center; }

    .home-banner-section .row .first-column .column-content { max-width: 80%; margin: auto; }

    .home-banner-section .row .first-column a { margin: auto; margin-top: 20px; }

    .home-banner-section .row .second-column img { margin: auto; }

    .from-awareness-to-revenue-section .row { flex-wrap: wrap; column-gap: 0; }

    .from-awareness-to-revenue-section .row.reversed-row { flex-direction: column; }

    .from-awareness-to-revenue-section .row .column:first-child,
    .from-awareness-to-revenue-section .row.reversed-row .column:first-child { width: 80%; margin: auto; }

    .from-awareness-to-revenue-section .row .column:last-child,
    .from-awareness-to-revenue-section .row.reversed-row .column:last-child { min-width: 0; width: 80%; margin: auto; margin-top: 10px; }

    .from-awareness-to-revenue-section .row .column h2 { text-align: center; font-size: 60px; white-space: normal; display: block; }

    .from-awareness-to-revenue-section .row .column h4 { text-align: center; }

    .from-awareness-to-revenue-section .row .column .plus-icon { margin: auto; margin-top: 15px; }

    .eight-arms-move-section h2 { font-size: 48px; }

    .eight-arms-move-section .row { flex-wrap: wrap; margin-top: 100px; }

    .eight-arms-move-section .row.arm-link-01.internal { margin-top: 0; }

    .eight-arms-move-section .row .column { width: 100%; text-align: center; }

    .eight-arms-move-section .row .first-column .inner-row { flex-wrap: wrap; row-gap: 25px; }

    .eight-arms-move-section .row .first-column .inner-row .inner-column { width: 100%; text-align: center; }

    .eight-arms-move-section .row .first-column .inner-row .title-content { justify-content: center; }

    .eight-arms-move-section .row .first-column .inner-row .inner-column img { margin: auto; }

    .eight-arms-move-section .row .second-column { margin-top: 40px; }

    .eight-arms-move-section .row .column .inner-row { flex-wrap: wrap; }

    .eight-arms-move-section .row.arm-link-05 img { margin-left: 0 !important; }

    .eight-arms-move-section .row .column h3,
    .eight-arms-move-section .arm-card { position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; text-align: center !important; margin: auto; width: 100%; }

    .eight-arms-move-section .arm-card-header { justify-content: center; }

    .eight-arms-move-section .arm-card-desc { max-width: 100%; text-align: center; }

    .eight-arms-move-section .row .column img { margin-top: 30px; }

    .eight-arms-move-section .arm-card { margin-top: 30px; }

    .eight-arms-move-section .row.reversed .arm-card { margin: auto; margin-top: 30px; }

    .eight-arms-move-section .row.arm-link-02,
    .eight-arms-move-section .row.arm-link-03,
    .eight-arms-move-section .row.arm-link-04,
    .eight-arms-move-section .row.arm-link-05,
    .eight-arms-move-section .row.arm-link-06,
    .eight-arms-move-section .row.arm-link-07,
    .eight-arms-move-section .row.arm-link-08 { margin-top: 70px; }

    .eight-arms-move-section .row.arm-link-01 .column h3,
    .eight-arms-move-section .row.arm-link-02 .column h3,
    .eight-arms-move-section .row.arm-link-03 .column h3,
    .eight-arms-move-section .row.arm-link-04 .column h3,
    .eight-arms-move-section .row.arm-link-05 .column h3,
    .eight-arms-move-section .row.arm-link-06 .column h3,
    .eight-arms-move-section .row.arm-link-07 .column h3,
    .eight-arms-move-section .row.arm-link-08 .column h3 { font-size: 35px; }

    .eight-arms-move-section .arm-card-header { margin-left: 0; margin-right: 0; }
}

@media (max-width: 575px) {
	.from-awareness-to-revenue-section .row .column h2 { font-size: 48px; }

	.eight-arms-move-section h2 { font-size: 38px; }

    .eight-arms-move-section .row .column { width: 100%; }

	.footer .footer-main-content .second-row { flex-wrap: wrap; row-gap: 20px; }

	.footer .footer-main-content .second-row a { width: 100%; text-align: center; }

	.footer .footer-main-content .second-row .divider-vertical-line { display: none; }
}

/* end home page styles */



/* contact us page styles */

.contact-form-section { background: #222 url(../images/contact-us-main-banner-image.jpg) center center / cover no-repeat; padding: 100px 0; }

.contact-form-section .row { column-gap: 50px; }

.contact-form-section .row .first-column { width: 70%; display: flex; flex-direction: column; justify-content: space-between; }

.contact-form-section .row .first-column h1,
.contact-form-section .row .first-column h2 { color: #fff; }

.contact-form-section .row .first-column form { display: grid; row-gap: 20px; margin-top: 40px; }

.contact-form-section .row .first-column form .form-group { gap: 20px; }

.contact-form-section .row .first-column form input,
.contact-form-section .row .first-column form textarea,
.contact-form-section .row .first-column form select { border: 0; border-bottom: 1px solid #fff; background: transparent; color: #fff; width: 100%; padding: 12px 0; box-sizing: border-box; }

.contact-form-section .row .first-column form textarea { resize: none; height: 100px; }

.contact-form-section .row .first-column form input::placeholder,
.contact-form-section .row .first-column form textarea::placeholder { color: #fff; }

.contact-form-section .row .first-column form button { margin-top: 10px; width: fit-content; }

.contact-form-section .row .second-column { width: 30%; padding: 70px 40px; box-sizing: border-box; }

.contact-form-section .row .second-column .content { margin-top: 16px; color: #fff; }

.contact-form-section .row .second-column .content:first-child { margin-top: 0; }

.contact-form-section .row .second-column .content .title,
.contact-form-section .row .second-column .content a { color: #fff; }

.contact-form-section .row .second-column .content h4,
.contact-form-section .row .second-column .content a { font-family: 'Poppins SemiBold'; font-weight: 600; }

.contact-form-section .row .second-column .content a:hover { color: var(--primary); }

@media (max-width: 1380px) {
	.contact-form-section { padding: 70px 0; }
}

@media (max-width: 992px) {
	.contact-form-section .row { flex-wrap: wrap; }

	.contact-form-section .row .column { width: 100%; }

	.contact-form-section .row .second-column { margin-top: 40px; padding: 0; }
}

@media (max-width: 768px) {
	.contact-form-section .row .first-column form .form-group { flex-wrap: wrap; }
}

/* end contact us page styles */



/* business unit detail page styles */

.internal-business-unit-section { padding-top: 40px; padding-bottom: 70px; }

.internal-business-unit-section .first-row { column-gap: 30px; }

.internal-business-unit-section .first-row .column { width: 50%; }

.internal-business-unit-section .first-row .first-column img,
.internal-business-unit-section .first-row .first-column video { width: 100%; margin: auto; }

.internal-business-unit-section .first-row .first-column video { max-height: 500px; object-fit: contain; background-color: transparent; border: none; outline: none; border-radius: 1px; -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }

.internal-business-unit-section .first-row .second-column h1 { font-size: 50px; }

.internal-business-unit-section .first-row .second-column h1,
.internal-business-unit-section .first-row .second-column h4 { margin-top: 15px; }

.internal-business-unit-section .first-row .second-column h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.internal-business-unit-section .first-row .second-column a { display: table; min-width: auto; margin-top: 20px; background: #222; color: #fff; }

.internal-business-unit-section .first-row .second-column a:hover { background: var(--primary); }

.internal-business-unit-section .second-row { column-gap: 30px; margin-top: 40px; }

.internal-business-unit-section .second-row h4 { margin-top: 10px; }

.internal-business-unit-section .second-row h2 { color: #A2A2A2; font-size: 60px; }

.internal-business-unit-section .second-row h2 .inherit { color: #222; }

.business-unit-done-jobs-section { padding: 100px 0; background: #F2F2F2; }

.business-unit-done-jobs-section .row { column-gap: 70px; }

.business-unit-done-jobs-section .row .first-column { width: 35%; }

.business-unit-done-jobs-section .row .second-column { width: 65%; }

.business-unit-done-jobs-section .row .first-column h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.business-unit-done-jobs-section .row .second-column h2 { color: #A2A2A2; margin-top: 10px; }

.business-unit-done-jobs-section .row .second-column h2 .inherit { color: var(--primary); }

.business-unit-done-jobs-section .business-unit-done-jobs-slider-content { margin-left: calc((100vw - min(1200px, 80vw)) / 2); margin-top: 100px; overflow: hidden; }

.business-unit-done-jobs-section .business-unit-done-jobs-slider-content .slider-track { display: flex; gap: 30px; will-change: transform; }

.business-unit-done-jobs-section .business-unit-done-jobs-slider-content img { border-radius: 27px; flex-shrink: 0; object-fit: cover; }

.done-jobs-scroll-wrapper { position: relative; overflow: clip; }

.done-jobs-scroll-wrapper .business-unit-done-jobs-section.is-sticky { position: sticky; }

.done-jobs-scroll-wrapper .business-unit-done-jobs-section.is-sticky .business-unit-done-jobs-slider-content { margin-left: 0; }

.engineering-digital-presence-section { padding: 100px 0; }

.engineering-digital-presence-section.no-padding-top { padding-top: 0; }

.engineering-digital-presence-section.no-padding-bottom { padding-bottom: 0; }

.engineering-digital-presence-section h2 .inherit { color: var(--primary); }

.engineering-digital-presence-section .engineering-digital-presence-slider { margin-top: 40px; margin-left: calc((100vw - min(1200px, 80vw)) / 2); overflow: hidden; }

.engineering-digital-presence-section .engineering-digital-presence-slider .marquee-track { display: flex; animation: marquee-engineering 8s linear infinite; }

.engineering-digital-presence-section .engineering-digital-presence-slider .marquee-track h2 { color: #A2A2A2; font-size: 70px; white-space: nowrap; flex-shrink: 0; padding-right: 0.5em; opacity: 1 !important; transform: none !important; transition: none !important; }

.engineering-digital-presence-section .tags-list-content { margin-top: 40px; gap: 20px; }

.engineering-digital-presence-section .tags-list-content p { font-family: 'Poppins Medium'; font-weight: 500; background: #E5E5E5; color: #222; padding: 12px 25px; box-sizing: border-box; border-radius: 20px; width: fit-content; text-align: center; }

@keyframes marquee-engineering { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

@media (max-width: 1380px) {
	.internal-business-unit-section .first-row .second-column h1 { font-size: 40px; }
	
	.business-unit-done-jobs-section { padding: 70px 0; }

	.internal-business-unit-section .second-row h2 { font-size: 48px; }

	.engineering-digital-presence-section { padding: 70px 0; }

	.engineering-digital-presence-section .engineering-digital-presence-slider h2 { font-size: 54px; }
}

@media (max-width: 992px) {
	.internal-business-unit-section { padding-bottom: 70px; }
	
	.internal-business-unit-section .first-row { flex-wrap: wrap; row-gap: 40px; }

	.internal-business-unit-section .first-row .column { width: 100%; text-align: center; }

	.internal-business-unit-section .first-row .first-column img,
	.internal-business-unit-section .first-row .first-column video { margin: auto; }

	.internal-business-unit-section .first-row .second-column a { margin: auto; margin-top: 20px; }

	.internal-business-unit-section .second-row { flex-wrap: wrap; row-gap: 20px; }

	.internal-business-unit-section .second-row .column { width: 100%; text-align: center; }

	.business-unit-done-jobs-section .row { flex-wrap: wrap; row-gap: 40px; }

	.business-unit-done-jobs-section .row .column { width: 100%; text-align: center; }

	.business-unit-done-jobs-section .business-unit-done-jobs-slider-content { margin-left: 0; }

	.engineering-digital-presence-section h2 { text-align: center; }

	.engineering-digital-presence-section .tags-list-content { justify-content: center; }
}

/* end business unit detail page styles */



/* business units list page styles */

.business-units-title-section { padding-top: 70px; }

.business-units-title-section .row { max-width: 600px; margin: auto; }

.business-units-title-section .row h1 { font-size: 45px; }

.business-units-title-section .row h1 .inherit { color: var(--primary); }

.business-units-title-section .row p { font-family: 'Open Sans Medium'; font-weight: 500; margin-top: 10px; }

.bu-horizontal-scroll-section { position: relative; }

.bu-sticky { position: sticky; top: 0; display: flex; align-items: center; padding: 70px 0; overflow: hidden; }

.bu-track { display: flex; gap: 50px; will-change: transform; }

.bu-track .business-unit-item { flex: 0 0 700px; max-width: 700px; opacity: 0; transform: translateX(60px); will-change: transform, opacity; transition: opacity 0.5s ease, transform 0.5s ease; }

.bu-track .business-unit-item:first-child { opacity: 1; transform: translateX(0); }

.bu-track .business-unit-item.is-visible { opacity: 1; transform: translateX(0); }

.bu-track .business-unit-item .row { column-gap: 50px; }

.bu-track .business-unit-item .row .column { width: 50%; }

.bu-track .business-unit-item .row .first-column img { width: 100%; }

.bu-track .business-unit-item .row .second-column h4 { font-size: 24px; font-family: 'Poppins Medium'; font-weight: 500; }

.bu-track .business-unit-item .row .second-column p { font-family: 'Open Sans Medium'; font-weight: 500; margin-top: 10px; }

.bu-track .business-unit-item .row .second-column a { color: var(--primary); column-gap: 7px; margin-top: 7px; }

.bu-track .business-unit-item .row .second-column a svg path { fill: var(--primary); transition: fill 0.6s; }

.bu-track .business-unit-item .row .second-column a:hover { color: var(--secondary); }

.bu-track .business-unit-item .row .second-column a:hover svg path { fill: var(--secondary); }

.bu-cta-section { padding-bottom: 70px; text-align: center; }

.bu-cta-section .btn { display: inline-block; }

@media (max-width: 1380px) {
    .business-units-title-section .row h1 { font-size: 36px; }
}

@media (max-width: 992px) {
    .bu-horizontal-scroll-section { height: auto !important; }

    .bu-sticky { position: relative; height: auto; overflow: visible; padding: 40px 0; }

    .bu-track { flex-direction: column; gap: 40px; align-items: center; max-width: 80%; margin: auto; }

    .bu-track .business-unit-item { flex: none; max-width: 100%; width: 100%; opacity: 1; transform: none; transition: none; margin-top: 50px; }

    .bu-track .business-unit-item:first-child { margin-top: 0; }
}

@media (max-width: 768px) {
    .bu-track .business-unit-item .row { flex-wrap: wrap; }

    .bu-track .business-unit-item .row .column { width: 100%; text-align: center; }

    .bu-track .business-unit-item .row .first-column img { max-width: 500px; margin: auto; }

    .bu-track .business-unit-item .row .second-column a { justify-content: center; }
}

/* end business units list page styles */



/* about us page styles */

.our-path-to-success-section { padding: 100px 0; }

.our-path-to-success-section h2 { font-size: 60px; margin-top: 15px; }

.our-path-to-success-section { max-width: 800px; margin: auto; }

.our-path-to-success-section .row { column-gap: 20px; }

.our-path-to-success-section .row:first-of-type { margin-top: 20px; }

.our-path-to-success-section .row .first-column,
.our-path-to-success-section .row .third-column { width: 45%; }

.our-path-to-success-section .row .second-column { width: 10%; }

.our-path-to-success-section .row .second-column .divider-vertical-line { height: 100px; width: 2px; display: block; background: #222; margin: auto; height: 200px; }

.our-path-to-success-section .row .second-column .dot-point { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: #f2f2f2; border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; }

.our-path-to-success-section .row .column .subtitle { color: #222; font-size: 20px; font-family: 'Poppins Medium'; font-weight: 500; }

.our-path-to-success-section .row .column .title { color: #222; font-size: 24px; font-family: 'Poppins Medium'; font-weight: 500; }

.our-path-to-success-section .row .column .description { font-family: 'Open Sans Medium'; font-weight: 500; }

.our-path-to-success-section .row .first-column,
.our-path-to-success-section .row .third-column { transition: opacity 0.6s ease, transform 0.6s ease; }

.our-path-to-success-section .row.disabled .first-column { opacity: 0.3; transform: translateX(-30px); }

.our-path-to-success-section .row.disabled .third-column { opacity: 0.3; transform: translateX(30px); }

.our-path-to-success-section .row.disabled .column .subtitle,
.our-path-to-success-section .row.disabled .column .title,
.our-path-to-success-section .row.disabled .column .description { color: rgba(0, 0, 0, 0.4); transition: color 0.6s ease; }

.our-path-to-success-section .row.disabled .column .divider-vertical-line { background: rgba(0, 0, 0, 0.2); transition: background 0.6s ease; }

.our-path-to-success-section .row.disabled .column .dot-point { transform: translateX(-50%) translateY(-50%) scale(0.7); transition: transform 0.4s ease, opacity 0.4s ease; opacity: 0.4; }

.our-path-to-success-section .row.disabled .column img { filter: grayscale(100%); transition: filter 0.6s ease; }

.timeline-progress-line { position: absolute; top: 0; left: 50%; width: 2px; background: #222; transform: translateX(-50%); height: 0; z-index: 2; transition: none; }

.what-we-offer-section { padding: 100px 0; background: #F2F2F2; }

.what-we-offer-section .row { column-gap: 70px; }

.what-we-offer-section .row .column { width: 50%; }

.what-we-offer-section .row .first-column h2 { margin-top: 15px; font-size: 60px; }

.what-we-offer-section .row .second-column h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.what-we-offer-section .row .second-column a { display: table; margin-top: 20px; background: #222; color: #fff; min-width: fit-content; }

.what-we-offer-section .row .second-column a:hover { background: var(--primary); }

.services-list-section { padding: 100px 0; }

.services-list-section .title-content h2 { color: #A2A2A2; margin-top: 15px; font-size: 60px; }

.services-list-section .title-content h2 .inherit { color: #222; }

.services-list-section .row { gap: 25px; margin-top: 40px; }

.services-list-section .row .column { width: calc(33.33% - 17px); background: #F2F2F2; border-radius: 27px; padding: 25px; box-sizing: border-box; }

.services-list-section .row .column h3 { margin-top: 25px; max-width: 60%; }

.services-list-section .row .column .plus-icon { width: 30px; height: 30px; min-width: 30px; background: #222; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-top: 30px; margin-left: auto; }

.services-list-section .row .column .plus-icon svg { fill: #fff; width: 20px; height: 20px; }

.services-list-section .row .column { cursor: pointer; transition: transform 0.3s ease; }

.services-list-section .row .column:hover { transform: translateY(-4px); }

.services-scroll-wrapper { position: relative; overflow-x: clip; overflow-y: visible; }

.services-scroll-wrapper.white-background,
.services-scroll-wrapper.white-background .services-list-section { background: #fff; }

.services-scroll-wrapper.white-background .services-list-section .slider-track .column,
.services-scroll-wrapper.white-background .services-list-section .slider-track .column .flip-card-front { background: #F2F2F2; }

.services-list-slider-section.is-sticky { position: sticky; }

.services-list-slider-section .services-slider { overflow-x: clip; overflow-y: visible; margin-top: 40px; }

.services-list-slider-section .services-slider .slider-track { display: flex; }

.services-list-slider-section .services-slider .slider-track .column { flex-shrink: 0; box-sizing: border-box; background: #F2F2F2; border-radius: 27px; padding: 25px; }

.services-list-slider-section .services-slider .slider-track .column h3 { margin-top: 25px; }

.services-list-slider-section .services-slider .slider-track .column .plus-icon { width: 30px; height: 30px; min-width: 30px; background: #222; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-top: 30px; margin-left: auto; }

.services-list-slider-section .services-slider .slider-track .column .plus-icon svg { fill: #fff; width: 20px; height: 20px; }

.services-list-slider-section .services-slider .slider-track .column { position: relative; cursor: pointer; transition: transform 0.3s ease; }

.services-list-slider-section .services-slider .slider-track .column:hover { transform: translateY(-4px); }

.trusted-by-leading-brands-in-about-us-section .marquee img { filter: initial; opacity: 1; }

@media (max-width: 1380px) {
    .about-us-title-section .row { max-width: 460px; }

    .our-path-to-success-section { padding: 70px 0; }

    .our-path-to-success-section h2 { font-size: 48px; }

    .our-path-to-success-section .row .column .subtitle { font-size: 16px; }

    .our-path-to-success-section .row .column .title { font-size: 19px; }

    .what-we-offer-section { padding: 70px 0; }

    .what-we-offer-section .row .first-column h2 { font-size: 48px; }

    .services-list-section { padding: 70px 0; }

    .services-list-section .title-content h2 { font-size: 48px; }
}

@media (max-width: 992px) {
	.what-we-offer-section .row { flex-wrap: wrap; row-gap: 40px; }

    .what-we-offer-section .row .column { width: 100%; text-align: center; }

    .what-we-offer-section .row .second-column a { margin: auto; margin-top: 20px; }

	.services-list-section .row .column { width: calc(50% - 12.5px); }

}

@media (max-width: 768px) {
	.services-list-section .row .column { width: 100%; }

	.services-list-section .row .column h3 { max-width: 100%; }
}

/* end about us page styles */



/* locations page styles */

.locations-banner-section { background-image: url('../images/locations-banner-image.jpg'); background-size: cover; background-position: center; padding: 200px 0; padding-top: 290px; margin-top: -90px; }

.locations-banner-section h3,
.locations-banner-section h1 { color: #fff; }

.locations-banner-section h1 { margin-top: 15px; }

.locations-banner-section a { background: #fff; color: #222; margin: auto; margin-top: 20px; display: table; min-width: fit-content; }

.locations-banner-section a:hover { background: var(--primary); color: #fff; }

.locations-phrase-section { padding: 100px 0; }

.locations-phrase-section h2 { color: #A2A2A2; font-size: 60px; max-width: 1000px; margin: auto; }

.locations-phrase-section h2 .inherit { color: var(--primary); }

.locations-map-section { margin-bottom: 100px; background-image: url('../images/map-location-image.png'); background-repeat: no-repeat; background-position: calc(50% - 100px) center; background-size: contain; }

.locations-map-section .row .column { width: 50%; }

.locations-map-section .row .column h2,
.locations-map-section .row .column h4:last-of-type { margin-top: 15px; }

.locations-map-section .row .column h4:last-of-type { font-family: 'Poppins Regular'; font-weight: 400; max-width: 320px; }

.locations-map-section .row .column a { display: table; margin-top: 20px; min-width: fit-content; background: #222; color: #fff; }

.locations-map-section .row .column a:hover { background: var(--primary); }

.locations-map-section .first-row .column { max-width: fit-content; margin-left: auto; }

.locations-map-mobile { display: none; }

@media (max-width: 1380px) {
	.locations-phrase-section { padding: 70px 0; }

    .locations-phrase-section h2 { font-size: 48px; max-width: 800px; }

    .locations-map-section { margin-bottom: 70px; }
}

@media (max-width: 992px) {
	.locations-map-section { background-image: none !important; }

	.locations-map-mobile { display: block; width: 100%; max-width: 500px; margin: 0 auto 40px; }

	.locations-map-section .row .column { width: 100%; max-width: 100%; text-align: center; }

	.locations-map-section .row .column h4:last-of-type { max-width: 100%; }

	.locations-map-section .second-row { margin-top: 50px; }

	.locations-map-section .row .column a { margin: auto; margin-top: 20px; }
}

@media (max-width: 575px) {
	h1 { font-size: 38px; }

    .locations-phrase-section h2 { font-size: 38px; }
}

/* end locations page styles */



/* digital business strategy page styles */

.internal-strategy-banner-section { padding: 100px 0; padding-top: 160px; margin-top: -90px; background: #222; }

.internal-strategy-banner-section .row .column { width: 50%; }

.internal-strategy-banner-section .row .column h1,
.internal-strategy-banner-section .row .column h3,
.internal-strategy-banner-section .row .column h4 { color: #fff; }

.internal-strategy-banner-section .row .column h1,
.internal-strategy-banner-section .row .column h4 { margin-top: 15px; }

.internal-strategy-banner-section .row .column h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.internal-strategy-banner-section .row .column a { display: table; margin-top: 20px; background: #fff; color: #222; min-width: fit-content; }

.internal-strategy-banner-section .row .column a:hover { background: var(--primary); color: #fff; }

.harness-the-power-of-data-section { padding: 100px 0; }

.harness-the-power-of-data-section .row { column-gap: 70px; }

.harness-the-power-of-data-section .row .column { width: 50%; }

.harness-the-power-of-data-section .row .first-column img { width: 100%; margin: auto; }

.harness-the-power-of-data-section .row .second-column h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.harness-the-power-of-data-section .row .second-column h2 { font-family: 'Poppins SemiBold'; font-weight: 600; margin-top: 15px; }

.harness-the-power-of-data-section .row .second-column h4:last-of-type { font-family: 'Poppins Regular'; font-weight: 400; margin-top: 15px; }

.harness-the-power-of-data-section .row .second-column a { display: table; min-width: fit-content; background: #222; color: #fff; margin-top: 20px; }

.harness-the-power-of-data-section .row .second-column a:hover { background: var(--primary); }

.adopt-and-thrive-section { padding: 100px 0; background: #222; }

.adopt-and-thrive-section .row { column-gap: 70px; }

.adopt-and-thrive-section .row.reversed { flex-direction: row-reverse; }

.adopt-and-thrive-section .row .column { width: 50%; }

.adopt-and-thrive-section .row .first-column h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.adopt-and-thrive-section .row .first-column h2,
.adopt-and-thrive-section .row .first-column h4 { color: #fff; }

.adopt-and-thrive-section .row .first-column h2 { margin-top: 15px; }

.adopt-and-thrive-section .row .first-column h4:last-of-type { font-family: 'Poppins Regular'; font-weight: 400; margin-top: 15px; }

.adopt-and-thrive-section .row .first-column a { display: table; background: #fff; color: #222; margin-top: 20px; min-width: fit-content; }

.adopt-and-thrive-section .row .first-column a:hover { background: var(--primary); color: #fff; }

.adopt-and-thrive-section .row .second-column img { width: 100%; margin: auto; }

.a-world-of-opportunities-section .title-content h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.a-world-of-opportunities-section .title-content h2 { font-size: 60px; margin-top: 15px; }

.a-world-of-opportunities-section .title-content h2,
.a-world-of-opportunities-section .title-content h4 { color: #fff; }

.a-world-of-opportunities-section .row { margin-top: 50px; }

.a-world-of-opportunities-section .row .first-column img { max-width: 200px; margin: inherit; margin-left: auto; }

.a-world-of-opportunities-section .row .second-column { max-width: 350px; }

.a-world-of-opportunities-section .row .second-column h4 { color: #fff; font-family: 'Poppins Regular'; font-weight: 400; }

.a-world-of-opportunities-section .row .second-column a { background: #fff; color: #222; display: table; min-width: fit-content; margin-top: 20px; }

.a-world-of-opportunities-section .row .second-column a:hover { background: var(--primary); color: #fff; }

@media (max-width: 1380px) {
	.internal-strategy-banner-section { padding: 70px 0; padding-top: 160px; }

    .a-world-of-opportunities-section .title-content h2 { font-size: 48px; }

    .a-world-of-opportunities-section .row .second-column { max-width: 280px; }

    .harness-the-power-of-data-section { padding: 70px 0; }

    .adopt-and-thrive-section { padding: 70px 0; }
}

@media (max-width: 992px) {
	.internal-strategy-banner-section .row .column { width: 100%; text-align: center; }

	.internal-strategy-banner-section .row .column a { margin: auto; margin-top: 20px; }

	.internal-strategy-banner-section .row .column h4 br { display: none; }

    .harness-the-power-of-data-section .row { flex-wrap: wrap; row-gap: 40px; }

    .harness-the-power-of-data-section .row .column { width: 100%; text-align: center; }

    .harness-the-power-of-data-section .row .first-column img { max-width: 500px; margin: auto; }

    .harness-the-power-of-data-section .row .second-column a { margin: auto; margin-top: 20px; }

    .adopt-and-thrive-section .row { flex-wrap: wrap; flex-direction: column-reverse; row-gap: 40px; }

    .adopt-and-thrive-section .row .column { width: 100%; text-align: center; }

    .adopt-and-thrive-section .row .first-column a { margin: auto; margin-top: 20px; }

    .adopt-and-thrive-section .row .second-column img { max-width: 500px; margin: auto; }

    .a-world-of-opportunities-section .row { flex-direction: column; }

    .a-world-of-opportunities-section .row .first-column img { max-width: 160px; margin: auto; }

    .a-world-of-opportunities-section .row .second-column { max-width: 80%; }

    .a-world-of-opportunities-section .row .second-column a { margin: auto; margin-top: 20px; }
}

@media (max-width: 575px) {
	.a-world-of-opportunities-section .title-content h2 { font-size: 38px; }
}

/* end digital business strategy page styles */



/* wordpress page styles */

.internal-trusted-by-leading-brands-section { background: #fff; }

.internal-trusted-by-leading-brands-section .marquee { margin-top: 0; }

.internal-trusted-by-leading-brands-section .marquee img { filter: none; opacity: 1; }

.why-choose-this-technology-section { padding-bottom: 100px; }

.why-choose-this-technology-section .title-content h2 { color: #A2A2A2; font-size: 60px; margin-top: 15px; }

.why-choose-this-technology-section .row { column-gap: 70px; margin-top: 70px; }

.why-choose-this-technology-section .row .column { width: 50%; }

.why-choose-this-technology-section .row .first-column img { width: 100%; border-radius: 27px; }

.why-choose-this-technology-section .row .second-column h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.why-choose-this-technology-section .row .second-column a { background: #222; color: #fff; display: table; margin-top: 20px; min-width: fit-content; }

.why-choose-this-technology-section .row .second-column a:hover { background: var(--primary); }

.technology-wording-scroll-wrapper { position: relative; }

.technology-wording-section { padding-top: 30px; padding-bottom: 70px; }

.technology-wording-section.is-sticky { position: sticky; }

.technology-wording-marquee { overflow: hidden; }

.main-content .technology-wording-section .technology-wording-marquee h2 { font-size: 75px; white-space: nowrap; will-change: transform; opacity: 1; transform: none; line-height: 1.3; }

.technology-wording-marquee h2 img { height: 60px; }

@keyframes marquee-technology { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

.integrating-a-technology-with-your-business-section { background: #F2F2F2; padding: 100px 0; }

.integrating-a-technology-with-your-business-section .row .column { width: 50%; }

.integrating-a-technology-with-your-business-section .row .first-column h4 { font-family: 'Poppins Regular'; font-weight: 400; margin-top: 15px; }

.integrating-a-technology-with-your-business-section .row .first-column a { background: #222; color: #fff; margin-top: 20px; display: table; min-width: fit-content; }

.integrating-a-technology-with-your-business-section .row .first-column a:hover { background: var(--primary); }

.integrating-a-technology-with-your-business-section .row .second-column img { width: 100%; border-top-left-radius: 27px; border-bottom-left-radius: 27px; max-height: 500px; object-fit: cover; }

.latest-works-section { padding: 100px 0; }

.latest-works-section .latest-works-content { margin-left: calc((100vw - min(1200px, 80vw)) / 2); }

.latest-works-section .latest-works-content h2 { margin-top: 15px; }

.latest-works-scroll-wrapper { position: relative; overflow: clip; }

.latest-works-scroll-wrapper.gray-background { background: #F2F2F2; }

.latest-works-section.is-sticky {  position: sticky; }

.latest-works-section.is-sticky .latest-works-content { margin-left: 0; }

.latest-works-section .latest-works-slider { margin-top: 40px; overflow: hidden; }

.latest-works-section .latest-works-slider .slider-track { display: flex; }

.latest-works-section .latest-works-slider .item { flex-shrink: 0; box-sizing: border-box; }

.latest-works-section .latest-works-slider .item img { width: 100%; border-radius: 27px; }

@media (max-width: 1380px) {
	.latest-works-section { padding: 70px 0; }

	.integrating-a-technology-with-your-business-section { padding: 70px 0; }

	.why-choose-this-technology-section { padding-bottom: 70px; }

	.why-choose-this-technology-section .title-content h2 { font-size: 48px; }

	.technology-wording-marquee h2 { font-size: 60px; }
}

@media (max-width: 992px) {
	.why-choose-this-technology-section .row { flex-wrap: wrap; row-gap: 40px; }

	.why-choose-this-technology-section .row .column { width: 100%; text-align: center; }

	.why-choose-this-technology-section .title-content { text-align: center; }

	.why-choose-this-technology-section .row .first-column img { max-width: 500px; margin: auto; }

	.why-choose-this-technology-section .row .second-column a { margin: auto; margin-top: 20px; }

	.integrating-a-technology-with-your-business-section .row { flex-wrap: wrap; row-gap: 40px; }

	.integrating-a-technology-with-your-business-section .row .column { width: 100%; text-align: center; }

	.integrating-a-technology-with-your-business-section .row .first-column a { margin: auto; margin-top: 20px; }

    .integrating-a-technology-with-your-business-section .row .first-column .column-content,
	.integrating-a-technology-with-your-business-section .row .second-column .column-content { padding: 0; max-width: 80%; margin: auto; }

	.integrating-a-technology-with-your-business-section .row .second-column img { max-width: 500px; margin: auto; border-radius: 27px; }

	.latest-works-section .latest-works-content { margin-left: 0; }
}

/* end wordpress page styles */



/* creative agency page styles */

.creative-agency-banner-section { padding: 100px 0; position: relative; overflow: hidden; }

/* Palabra decorativa de fondo: en inbound es el h1; en creative/growth es un p y el h1 es el eyebrow (.as-h3).
   :where() deja la especificidad en (0,2,0) para que .engage-convert-banner-section h1 siga ganando en inbound. */
.main-content .creative-agency-banner-section :where(h1:not(.as-h3), .creative-word) { font-family: 'Poppins Medium'; font-weight: 500; color: #007CBF; opacity: 0.24 !important; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%) !important; font-size: clamp(150px, 21vw, 350px); line-height: 1.4; white-space: nowrap; overflow: hidden; z-index: 0; margin-top: -90px; }

.creative-agency-banner-section .container { position: relative; z-index: 1; }

.creative-agency-banner-section h2 { margin-top: 15px; font-size: 60px; }

.creative-agency-banner-section h4 { margin: auto; margin-top: 180px; font-family: 'Poppins Regular'; font-weight: 400; max-width: 550px; }

.creative-agency-banner-section a { background: #222; color: #fff; display: table; margin: auto; margin-top: 20px; min-width: fit-content; }

.creative-agency-banner-section a:hover { background: var(--primary); }

.creative-agency-banner-section .creative-mobile { display: none; }

.elevate-your-brand-section { padding: 100px 0; }

.elevate-your-brand-section .row { column-gap: 70px; }

.elevate-your-brand-section .row .column { width: 50%; }

.elevate-your-brand-section .row .first-column h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.elevate-your-brand-section .row .first-column h2 { color: #A2A2A2; margin-top: 15px; font-size: 60px; }

.elevate-your-brand-section .row .first-column h2 .inherit { color: #222; }

.elevate-your-brand-section .row .second-column h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.elevate-your-brand-section .row .second-column a { background: #222; color: #fff; display: table; min-width: fit-content; margin-top: 20px; }

.elevate-your-brand-section .row .second-column a:hover { background: var(--primary); }

.engaging-digital-experiences-section { padding: 70px 0; background: #F2F2F2; }

.engaging-digital-experiences-section .row { column-gap: 70px; }

.engaging-digital-experiences-section .row .column { width: 50%; }

.engaging-digital-experiences-section .row .first-column h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.engaging-digital-experiences-section .row .first-column h2 { margin-top: 15px; }

.engaging-digital-experiences-section .row .first-column h4:last-of-type { font-family: 'Poppins Regular'; font-weight: 400; margin-top: 15px; }

.engaging-digital-experiences-section .row .first-column a { background: #222; color: #fff; min-width: fit-content; display: table; margin-top: 20px; }

.engaging-digital-experiences-section .row .first-column a:hover { background: var(--primary); }

.engaging-digital-experiences-section .row .second-column img { width: 100%; }

.optimize-your-user-experience-section { padding: 70px 0; }

.optimize-your-user-experience-section .row { column-gap: 70px; }

.optimize-your-user-experience-section .row .column { width: 50%; }

.optimize-your-user-experience-section .row .first-column img { width: 100%; }

.optimize-your-user-experience-section .row .second-column h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.optimize-your-user-experience-section .row .second-column h2 { margin-top: 15px; }

.optimize-your-user-experience-section .row .second-column h4:last-of-type { font-family: 'Poppins Regular'; font-weight: 400; margin-top: 15px; }

.optimize-your-user-experience-section .row .second-column a { display: table; margin-top: 20px; min-width: fit-content; background: #222; color: #fff; }

.optimize-your-user-experience-section .row .second-column a:hover { background: var(--primary); }

@media (max-width: 1380px) {
	.creative-agency-banner-section { padding: 70px 0; }

	.creative-agency-banner-section h2 { font-size: 48px; }

	.elevate-your-brand-section { padding: 70px 0; }

	.elevate-your-brand-section .row .first-column h2 { font-size: 48px; }
}

@media (max-width: 992px) {
	.elevate-your-brand-section .row { flex-wrap: wrap; row-gap: 40px; }

	.elevate-your-brand-section .row .column { width: 100%; text-align: center; }

	.elevate-your-brand-section .row .second-column a { margin: auto; margin-top: 20px; }

	.engaging-digital-experiences-section .row { flex-wrap: wrap; row-gap: 40px; }

	.engaging-digital-experiences-section .row .column { width: 100%; text-align: center; }

	.engaging-digital-experiences-section .row .first-column a { margin: auto; margin-top: 20px; }

	.engaging-digital-experiences-section .row .second-column img { max-width: 500px; margin: auto; }

	.optimize-your-user-experience-section .row { flex-wrap: wrap; row-gap: 40px; }

	.optimize-your-user-experience-section .row .column { width: 100%; text-align: center; }

	.optimize-your-user-experience-section .row .first-column img { max-width: 500px; margin: auto; }

	.optimize-your-user-experience-section .row .second-column a { margin: auto; margin-top: 20px; }
}

@media (max-width: 768px) {
	.creative-agency-banner-section .creative-desktop { display: none; }

	.main-content .creative-agency-banner-section .creative-mobile { display: block; position: relative; top: auto; transform: none !important; font-size: 90px; margin-top: 15px; overflow: visible; }

	.creative-agency-banner-section h4 { margin-top: 40px; }
}

@media (max-width: 575px) {
	.main-content .creative-agency-banner-section .creative-mobile { font-size: 65px; }
}

/* end creative agency page styles */



/* customers page styles */

.customers-section { padding: 70px 0; }

.customers-section .title-content { max-width: 650px; margin: auto; }

.customers-section .title-content h1 { margin-top: 15px; }

.customers-section .title-content h4 { margin-top: 15px; font-family: 'Poppins Regular'; font-weight: 400; }

.customers-section .title-content a { background: #222; color: #fff; display: table; min-width: fit-content; margin: auto; margin-top: 20px; }

.customers-section .title-content a:hover { background: var(--primary); }

.customers-section .row { margin-top: 50px; gap: 20px; }

.customers-section .row .item { width: calc(16.66% - 17px); }

.customers-section .row .item { opacity: 0; transform: translateY(30px) scale(0.95); }

.customers-section .row .item img { margin: auto; }

@media (max-width: 1380px) {
	.customers-section .title-content { max-width: 560px; }

	.customers-section .row .item img { max-width: 140px; }
}

@media (max-width: 1280px) {
	.customers-section .row .item { width: calc(25% - 15px); }
}

@media (max-width: 992px) {
	.customers-section .row .item { width: calc(33.33% - 15px); }
}

@media (max-width: 768px) {
	.customers-section .row .item { width: calc(50% - 10px); }
}

/* end customers page styles */



/* marketing consulting page styles */

.skai-header.transparent-initial-heading { background: transparent; }

/* end marketing consulting page styles */



/* erp page styles */

.guiding-your-erp-section .row .column a { margin: auto; margin-top: 20px; }

.innovating-beyond-automation-section .row .column img { max-width: 400px; margin: auto; }

/* end erp page styles */



/* marketo page styles */

.marketo-banner-section .row .column { width: 100%; max-width: 680px; }

.efforless-automation-and-integration-section { padding: 120px 0; }

.efforless-automation-and-integration-section .row { column-gap: 70px; }

.efforless-automation-and-integration-section .row .column { width: 50%; }

.efforless-automation-and-integration-section .row .first-column img { width: 100%; }

.efforless-automation-and-integration-section .row .second-column h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.efforless-automation-and-integration-section .row .second-column h2 { margin-top: 15px; }

.efforless-automation-and-integration-section .row .second-column h4:last-of-type { margin-top: 15px; font-family: 'Poppins Regular'; font-weight: 400; }

.efforless-automation-and-integration-section .row .second-column a { background: #222; color: #fff; display: table; min-width: fit-content; margin-top: 20px; }

.efforless-automation-and-integration-section .row .second-column a:hover { background: var(--primary); }

.transform-your-marketing-strategy-section { background: #F2F2F2; padding: 120px 0; }

.transform-your-marketing-strategy-section .row { column-gap: 70px; }

.transform-your-marketing-strategy-section .row .column { width: 50%; }

.transform-your-marketing-strategy-section .row .first-column h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.transform-your-marketing-strategy-section .row .first-column h2 { margin-top: 15px; }

.transform-your-marketing-strategy-section .row .first-column h4:last-of-type { margin-top: 15px; font-family: 'Poppins Regular'; font-weight: 400; }

.transform-your-marketing-strategy-section .row .first-column a { background: #222; color: #fff; display: table; min-width: fit-content; margin-top: 20px; }

.transform-your-marketing-strategy-section .row .first-column a:hover { background: var(--primary); }

.transform-your-marketing-strategy-section .row .second-column img { width: 100%; }

@media (max-width: 1380px) {
	.marketo-banner-section .row .column { max-width: 520px; }
	
	.efforless-automation-and-integration-section { padding: 70px 0; }

	.transform-your-marketing-strategy-section { padding: 70px 0; }
}

@media (max-width: 992px) {
	.marketo-banner-section .row .column { max-width: 100%; }

    .efforless-automation-and-integration-section .row { flex-wrap: wrap; row-gap: 40px; }

    .efforless-automation-and-integration-section .row .column { width: 100%; text-align: center; }

    .efforless-automation-and-integration-section .row .first-column img { max-width: 500px; margin: auto; }

    .efforless-automation-and-integration-section .row .second-column a { margin: auto; margin-top: 20px; }

    .transform-your-marketing-strategy-section .row { flex-direction: column-reverse; flex-wrap: wrap; }

    .transform-your-marketing-strategy-section .row .column { width: 100%; text-align: center; }

    .transform-your-marketing-strategy-section .row .first-column a { margin: auto; margin-top: 20px; }

    .transform-your-marketing-strategy-section .row .second-column img { max-width: 500px; margin: auto; }
}

/* end marketo page styles */



/* terms and conditions page styles */

.questions-chart-section { background: #222222; padding: 120px 0; }

.questions-chart-section .row { max-width: 800px; margin: auto; }

.questions-chart-section .row h2 { color: #fff; }

.questions-chart-section .row a { display: table; margin: auto; margin-top: 20px; min-width: fit-content; }

@media (max-width: 1380px) {
	.questions-chart-section { padding: 70px 0; }

	.questions-chart-section .row { max-width: 700px; }
}

/* end terms and conditions page styles */



/* privacy policy page styles */

.privacy-policy-section .row .first-column img { max-width: 240px; }

.consent-section { background: #222; padding: 70px 0; }

.consent-section .row h2,
.consent-section .row h4 { color: #fff; }

.consent-section .row h4 { margin-top: 15px; font-family: 'Poppins Regular'; font-weight: 400; }

.we-explain-section { padding: 120px 0; background: #F2F2F2; }

.we-explain-section.in-white { background: #fff; }

.we-explain-section .row { column-gap: 70px; }

.we-explain-section .row .column { width: 50%; }

.we-explain-section .row .column h2 { color: #A2A2A2; }

.we-explain-section .row .column h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.we-explain-section .row .column p { margin-top: 20px; font-family: 'Poppins Regular'; font-weight: 400; }

.how-we-use-your-information-section { padding: 120px 0; }

.how-we-use-your-information-section .row { column-gap: 70px; }

.how-we-use-your-information-section .row .first-column { width: 30%; }

.how-we-use-your-information-section .row .first-column h2 { color: #A2A2A2; }

.how-we-use-your-information-section .row .first-column h2 .inherit { color: #222; }

.how-we-use-your-information-section .row .first-column h4 { margin-top: 15px; font-family: 'Poppins Regular'; font-weight: 400; }

.how-we-use-your-information-section .row .second-column { width: 70%; }

.how-we-use-your-information-section .row .second-column .inner-row { gap: 25px; }

.how-we-use-your-information-section .row .second-column .inner-row .inner-column { width: calc(50% - 17px); background: #F2F2F2; border-radius: 27px; padding: 25px; box-sizing: border-box; }

.how-we-use-your-information-section .row .second-column .inner-row .inner-column .plus-icon { width: 30px; height: 30px; min-width: 30px; background: #222; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-top: 30px; margin-left: auto; }

.how-we-use-your-information-section .row .second-column .inner-row .inner-column .plus-icon svg { fill: #fff; width: 20px; height: 20px; }

.how-we-use-your-information-section .row .second-column p { font-family: 'Poppins Regular'; font-weight: 400; margin-top: 30px; }

.rednodo-follows-a-standard-section { padding: 120px 0; background: #F2F2F2; }

.rednodo-follows-a-standard-section .row { gap: 25px; }

.rednodo-follows-a-standard-section .row .column { width: calc(33.33% - 17px); background: #fff; border-radius: 27px; padding: 25px; box-sizing: border-box; }

.rednodo-follows-a-standard-section .row .column h3 { margin-top: 25px; }

.rednodo-follows-a-standard-section .row .column .plus-icon { width: 30px; height: 30px; min-width: 30px; background: #222; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-top: 30px; margin-left: auto; }

.rednodo-follows-a-standard-section .row .column .plus-icon svg { fill: #fff; width: 20px; height: 20px; }

.rednodo-follows-a-standard-section p { margin-top: 30px; font-family: 'Poppins Regular'; font-weight: 400; }

.advertising-partner-section { background: #222; padding: 120px 0; }

.advertising-partner-section .row { column-gap: 70px; }

.advertising-partner-section .row:nth-child(2) { margin-top: 40px; }

.advertising-partner-section .row .column { width: 50%; }

.advertising-partner-section .row .column img { width: 100%; }

.advertising-partner-section .row .column h3,
.advertising-partner-section .row .column p { color: #fff; }

.advertising-partner-section .row .column p { margin-top: 15px; font-family: 'Poppins Regular'; font-weight: 400; }

.ccpa-section { background: #F2F2F2; padding: 120px 0; }

.ccpa-section h2 { color: #A2A2A2; }

.ccpa-section h2 .inherit { color: #222; display: block; }

.ccpa-section h4 { margin-top: 15px; font-family: 'Poppins Regular'; font-weight: 400; }

.ccpa-section .row { margin-top: 40px; gap: 25px; }

.ccpa-section .row .column { width: calc(50% - 12.5px); background: #fff; border-radius: 27px; padding: 40px; box-sizing: border-box; }

.ccpa-section .row .column p { font-family: 'Poppins Regular'; font-weight: 400; }

.gdpr-section { padding: 120px 0; }

.gdpr-section h2 { color: #A2A2A2; }

.gdpr-section h4 { margin-top: 15px; font-family: 'Poppins Regular'; font-weight: 400; }

.gdpr-section .row { margin-top: 40px; gap: 25px; }

.gdpr-section .row .column { width: calc(50% - 12.5px); background: #F2F2F2; border-radius: 27px; padding: 40px; box-sizing: border-box; }

.gdpr-section .row .column p { margin-top: 15px; font-family: 'Poppins Regular'; font-weight: 400; }

@media (max-width: 1380px) {
	.we-explain-section,
	.how-we-use-your-information-section,
	.rednodo-follows-a-standard-section,
	.advertising-partner-section,
	.ccpa-section,
	.gdpr-section { padding: 70px 0; }
}

@media (max-width: 992px) {
    .privacy-policy-section .row .first-column img { max-width: 240px; }

    .we-explain-section .row { flex-wrap: wrap; row-gap: 40px; }

    .we-explain-section .row .column { width: 100%; text-align: center; }

    .how-we-use-your-information-section .row { flex-wrap: wrap; row-gap: 40px; }

    .how-we-use-your-information-section .row .column { width: 100%; }

    .how-we-use-your-information-section .row .first-column { text-align: center; }

    .rednodo-follows-a-standard-section .row { flex-wrap: wrap; justify-content: center; }

    .rednodo-follows-a-standard-section .row .column { width: calc(50% - 13px); }

    .advertising-partner-section .row { flex-wrap: wrap; row-gap: 40px; }

	.advertising-partner-section .row .column { width: 100%; text-align: center; }

	.advertising-partner-section .row .column img { max-width: 500px; margin: auto; }

	.advertising-partner-section .row:nth-child(2) { flex-direction: column-reverse; margin-top: 70px; }
}

@media (max-width: 768px) {
    .how-we-use-your-information-section .row .second-column .inner-row .inner-column,
    .rednodo-follows-a-standard-section .row .column,
    .ccpa-section .row .column,
    .gdpr-section .row .column { width: 100%; }
}

/* end privacy policy page styles */



/* cookies policy page styles */

.cookies-policy-section .second-row { margin-top: 40px; gap: 25px; }

.cookies-policy-section .second-row .column { width: calc(50% - 17px); background: #F2F2F2; border-radius: 27px; padding: 25px; box-sizing: border-box; }

.cookies-policy-section .second-row .column .plus-icon { width: 30px; height: 30px; min-width: 30px; background: #222; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-top: 30px; margin-left: auto; }

.cookies-policy-section .second-row .column .plus-icon svg { fill: #fff; width: 20px; height: 20px; }

.cookies-policy-section .second-row .column { cursor: pointer; transition: transform 0.3s ease; }

.cookies-policy-section .second-row .column:hover { transform: translateY(-4px); }

.types-of-cookies-used-section { padding-top: 20px; padding-bottom: 120px; }

.types-of-cookies-used-section h4 { font-family: 'Poppins Regular'; font-weight: 400; margin-top: 15px; }

.types-of-cookies-used-section .row { gap: 25px; margin-top: 40px; }

.types-of-cookies-used-section .row .column { width: calc(50% - 17px); background: #F2F2F2; border-radius: 27px; padding: 25px; box-sizing: border-box; }

.types-of-cookies-used-section .row .column .plus-icon { width: 30px; height: 30px; min-width: 30px; background: #222; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-top: 30px; margin-left: auto; }

.types-of-cookies-used-section .row .column .plus-icon svg { fill: #fff; }

.types-of-cookies-used-section .row .column { cursor: pointer; transition: transform 0.3s ease; }

.types-of-cookies-used-section .row .column:hover { transform: translateY(-4px); }

@media (max-width: 1380px) {
    .types-of-cookies-used-section { padding-top: 0; padding-bottom: 70px; }	
}

@media (max-width: 992px) {
	.cookies-policy-section .second-row .column { text-align: left; }
}

@media (max-width: 768px) {
    .cookies-policy-section .second-row .column,
    .types-of-cookies-used-section .row .column { width: 100%; }
}

/* end cookies policy page styles */



/* hubspot page styles */

.hubspot-form-section { padding: 100px 0; background: #222; }

.hubspot-form-section .row { column-gap: 70px; }

.hubspot-form-section .row .first-column { width: 40%; }

.hubspot-form-section .row .first-column h3,
.hubspot-form-section .row .first-column h1,
.hubspot-form-section .row .first-column h2 { color: #fff; }

.hubspot-form-section .row .first-column h1,
.hubspot-form-section .row .first-column h2 { margin-top: 15px; }

.hubspot-form-section .row .second-column { width: 60%; }

.hubspot-form-section .row .second-column form { display: grid; row-gap: 20px; }

.hubspot-form-section .row .second-column form .form-group { gap: 20px; }

.hubspot-form-section .row .second-column form input,
.hubspot-form-section .row .second-column form textarea { border: 0; border-bottom: 1px solid #fff; background: transparent; color: #fff; width: 100%; padding: 12px 0; box-sizing: border-box; }

.hubspot-form-section .row .second-column form textarea { resize: none; height: 100px; }

.hubspot-form-section .row .second-column form input::placeholder,
.hubspot-form-section .row .second-column form textarea::placeholder { color: #fff; }

.hubspot-form-section .row .second-column form button { margin-top: 10px; width: fit-content; }

.hubspot-brands-section { background: #fff; }

.the-first-steps-section { padding-top: 0; padding-bottom: 120px; }

.the-first-steps-section h2 { color: #A2A2A2; margin-top: 15px; }

.the-first-steps-section h2 .inherit { color: #222; }

.the-first-steps-section .row { gap: 25px; margin-top: 40px; }

.the-first-steps-section .row .column { width: calc(33.33% - 17px); background: #F2F2F2; border-radius: 27px; padding: 25px; box-sizing: border-box; }

.the-first-steps-section .row .column h3 { margin-top: 25px; }

.the-first-steps-section .row .column .plus-icon { width: 30px; height: 30px; min-width: 30px; background: #222; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-top: 30px; margin-left: auto; }

.the-first-steps-section .row .column .plus-icon svg { fill: #fff; width: 20px; height: 20px; }

.the-first-steps-section .row .column { cursor: pointer; transition: transform 0.3s ease; }

.the-first-steps-section .row .column:hover { transform: translateY(-4px); }

.we-are-here-for-you-banner-section { margin-top: 0; padding: 120px 0; }

.we-are-here-for-you-banner-section h2 { color: #fff; margin-top: 15px; }

.we-are-here-for-you-banner-section .row .column { width: 100%; max-width: 750px; }

@media (max-width: 1380px) {
    .hubspot-form-section { padding: 70px 0; }

    .the-first-steps-section { padding-bottom: 70px; }

    .we-are-here-for-you-banner-section { padding: 70px 0; }

    .we-are-here-for-you-banner-section .row .column { max-width: 650px; }
}

@media (max-width: 992px) {
	.the-first-steps-section h2,
	.the-first-steps-section h3 { text-align: center; }

    .hubspot-form-section .row { flex-wrap: wrap; }

    .hubspot-form-section .row .column { width: 100%; }

    .hubspot-form-section .row .second-column { margin-top: 40px; }

    .the-first-steps-section .row .column { width: calc(50% - 13px); }

    .we-are-here-for-you-banner-section .row .column { margin: auto; }
}

@media (max-width: 768px) {
    .hubspot-form-section .row .second-column form .form-group { flex-wrap: wrap; }

    .the-first-steps-section .row .column { width: 100%; }
}

/* end hubspot page styles */



/* salesforce page styles */

.go-beyond-the-basics-section .row .first-column img,
.enjoy-continuous-support-section .row .second-column img { border-radius: 27px; }

.go-beyond-the-basics-section .row .column img { max-width: 400px; margin: auto; }

.enjoy-continuous-support-section .row .column img { max-width: 350px; margin: auto; }

.get-the-ongoing-support-you-need-section { padding: 120px 0; }

.get-the-ongoing-support-you-need-section .first-row { column-gap: 70px; }

.get-the-ongoing-support-you-need-section .first-row .column { width: 50%; }

.get-the-ongoing-support-you-need-section .first-row .column img { width: 100%; border-radius: 27px; }

.get-the-ongoing-support-you-need-section .first-row .column h2 { margin-top: 15px; }

.get-the-ongoing-support-you-need-section .first-row .column h4:last-of-type { font-family: 'Poppins Regular'; font-weight: 400; margin-top: 15px; }

.get-the-ongoing-support-you-need-section .first-row .column a { background: #222; color: #fff; display: table; min-width: fit-content; margin-top: 20px; }

.get-the-ongoing-support-you-need-section .first-row .column a:hover { background: var(--primary); }

.get-the-ongoing-support-you-need-section .second-row { gap: 25px; }

.get-the-ongoing-support-you-need-section .second-row .column { width: calc(50% - 14px); background: #F2F2F2; border-radius: 27px; padding: 25px; box-sizing: border-box; }

.get-the-ongoing-support-you-need-section .second-row .column h3 { margin-top: 25px; }

.get-the-ongoing-support-you-need-section .second-row .column .plus-icon { width: 30px; height: 30px; min-width: 30px; background: #222; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-top: 30px; margin-left: auto; }

.get-the-ongoing-support-you-need-section .second-row .column .plus-icon svg { fill: #fff; width: 20px; height: 20px; }

.get-the-ongoing-support-you-need-section .second-row .column { cursor: pointer; transition: transform 0.3s ease; }

.get-the-ongoing-support-you-need-section .second-row .column:hover { transform: translateY(-4px); }

@media (max-width: 1380px) {
	.get-the-ongoing-support-you-need-section { padding: 70px 0; }
}

@media (max-width: 992px) {
	.transform-your-marketing-strategy-section .row { row-gap: 40px; }

	.get-the-ongoing-support-you-need-section .first-row { flex-wrap: wrap; row-gap: 40px; }

    .get-the-ongoing-support-you-need-section .first-row .column { width: 100%; text-align: center; }

    .get-the-ongoing-support-you-need-section .first-row .column img { max-width: 500px; margin: auto; }

    .get-the-ongoing-support-you-need-section .first-row .column a { margin: auto; margin-top: 20px; }

}

@media (max-width: 768px) {
	.get-the-ongoing-support-you-need-section .second-row .column { width: 100%; }
}

/* end salesforce page styles */



/* growth marketing page styles */

.welcome-to-rednodo-section .row .column img { border-radius: 27px; }

.go-beyond-the-basics-section .row.reversed { flex-direction: row-reverse; }

.enjoy-continuous-support-section .row.reversed { flex-direction: row-reverse; }

.marketing-strategies-section { background: #F2F2F2; padding-top: 120px; }

.marketing-strategies-section h2 { color: #222; }

.marketing-strategies-section .row .column,
.marketing-strategies-section .row .column .flip-card-front { background: #fff; }

.growth-marketing-brands-section h2 { margin-top: 15px; }

.growth-marketing-brands-section .marquee { margin-top: 40px; }

.growth-marketing-brands-section .marquee-track img { height: 48px; filter: grayscale(100%); transition: filter 0.3s ease; }

.growth-marketing-brands-section .marquee-track img:hover { filter: grayscale(0%); }

.propel-your-business-forward-section .row .column img { max-width: 300px; margin: auto; }

.customized-strategies-section .row .column img,
.nurture-relationships-section .row .column img,
.your-partner-for-online-marketing-section .row .column img { max-width: 350px; margin: auto; }

@media (max-width: 1380px) {
	.marketing-strategies-section { padding-top: 70px; }
}

@media (max-width: 992px) {
	.the-first-steps-section .row .column h3 { text-align: left; }
}

/* end growth marketing page styles */



/* marketing automation internal page styles */

.your-partner-in-automation-section .row .column img { max-width: 100%; }

.the-power-of-automation-section .row .column h2 { margin-top: 0; }

.the-power-of-automation-section .row .column img { max-width: 100%; }

@media (max-width: 992px) {
    .your-partner-in-automation-section .row .column img,
    .the-power-of-automation-section .row .column img { max-width: 500px; }	
}

/* end marketing automation internal page styles */



/* digital advertising internal page styles */

.our-advertising-services-section { background: #F2F2F2; }

.our-advertising-services-section .title-content h2 { color: #222; }

.our-advertising-services-section .services-slider .slider-track .column,
.our-advertising-services-section .services-slider .slider-track .column .flip-card-front { background: #fff; }

/* end digital advertising internal page styles */



/* inbound outbound page styles */

.engage-convert-banner-section { padding: 120px 0; }

.main-content .engage-convert-banner-section h1 { position: relative; white-space: normal; line-height: 0.95; margin-top: -140px; text-align: center; transform: none !important; top: auto; font-size: clamp(150px, 21vw, 329px); }

.engage-convert-banner-section h1 br + .word { margin-left: 20%; }

.main-content .engage-convert-banner-section h4 { margin-top: 40px; }

.attract-your-ideal-customers-section .row .column img,
.turn-interest-into-action-section .row .column img,
.measure-analyze-optimize-section .row .column img,
.which-social-media-do-i-develop-section .row .column img,
.brand-communication-section .row .column img { max-width: 450px; }

@media (max-width: 1800px) {
    .engage-convert-banner-section h1 br + .word { margin-left: 10%; }	
}

@media (max-width: 1600px) {
	.engage-convert-banner-section h1 br + .word { margin-left: 0; }
}

@media (max-width: 1380px) {
	.engage-convert-banner-section { padding: 70px 0; }
}

@media (max-width: 992px) {
	.main-content .engage-convert-banner-section h1 { margin-top: 0; font-size: 120px; }
}

@media (max-width: 768px) {
	.main-content .engage-convert-banner-section h1 { font-size: 96px; }
}

@media (max-width: 575px) {
	.main-content .engage-convert-banner-section h1 { font-size: 77px; }
}

@media (max-width: 480px) {
	.main-content .engage-convert-banner-section h1 { font-size: 62px; }
}

/* end inbound outbound page styles */



/* professional web design page styles */

.we-help-you-choose-right-development-section .row .column img,
.html-for-every-necessity-section .row .column img { max-width: 100%; }

.tech-buttons { flex-wrap: wrap; flex-direction: column; gap: 20px; margin-top: 20px; }

.tech-buttons a { margin-top: 0 !important; width: fit-content; }

.we-design-erps-section { padding: 40px 0; }

.we-design-erps-section h2 { font-size: 60px; font-family: 'Poppins Medium'; font-weight: 500; color: #A2A2A2; }

.we-design-erps-section h2 .inherit { color: #222; }

.we-design-erps-section a { display: table; margin-top: 20px; background: #222; color: #fff; min-width: fit-content; }

.we-design-erps-section a:hover { background: var(--primary); }

.your-website-always-working-section { background: #F2F2F2; padding: 120px 0; }

.your-website-always-working-section .row { column-gap: 70px; }

.your-website-always-working-section .row .column { width: 50%; }

.your-website-always-working-section .row .first-column h2 { margin-top: 15px; }

.your-website-always-working-section .row .second-column h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.your-website-always-working-section .row .second-column a { background: #222; color: #fff; min-width: fit-content; display: table; margin-top: 20px; }

.your-website-always-working-section .row .second-column a:hover { background: var(--primary); }

.keyword-identification-section .row .column img { max-width: 350px; margin: auto; }

.optimization-and-speed-of-your-website-section .row .column img { max-width: 300px; margin: auto; }

@media (max-width: 1380px) {
    .we-design-erps-section h2 { font-size: 48px; }

    .your-website-always-working-section { padding: 70px 0; }
}

@media (max-width: 992px) {
	.we-help-you-choose-right-development-section .row .column img,
    .html-for-every-necessity-section .row .column img { max-width: 500px; }

    .we-design-erps-section h2,
    .services-list-section .title-content h2 { font-size: 38px; }

    .your-website-always-working-section .row { flex-wrap: wrap; row-gap: 40px; }

    .your-website-always-working-section .row .column { width: 100%; text-align: center; }

    .your-website-always-working-section .row .second-column a { margin: auto; margin-top: 20px; }
}

/* end professional web design page styles */



/* events page styles */

.events-list-section .row { gap: 30px; margin-top: 50px; }

.events-list-section .row .column { padding: 0; cursor: default; width: calc(50% - 15px); display: flex; flex-direction: column; }

.events-list-section .row .column img { width: 100%; border-top-left-radius: 27px; border-top-right-radius: 27px; }

.events-list-section .row .column .text-content { padding: 25px; box-sizing: border-box; background: #fff; border-bottom-left-radius: 27px; border-bottom-right-radius: 27px; flex: 1; display: flex; flex-direction: column; }

.events-list-section .row .column .text-content h3 { margin-top: 10px; }

.events-list-section .row .column .text-content h4,
.events-list-section .row .column .text-content p { font-family: 'Poppins Regular'; font-weight: 400; }

.events-list-section .row .column .text-content p { margin-top: 10px; margin-bottom: 30px; }

.events-list-section .row .column .text-content .plus-icon { margin-left: initial; margin-top: auto; }

@media (max-width: 992px) {
	.events-list-section .row .column { width: 100%; }
}

/* end events page styles */



/* industries pages styles */

.real-estate-marketing-banner-section .row .column h1 { margin-top: 0; }

.real-estate-big-text-section { overflow: hidden; padding: 20px 0; }

.real-estate-big-text-section h2 { font-family: 'Poppins SemiBold'; font-weight: 600; color: #F2F2F2; white-space: nowrap; line-height: 1; margin: 0; display: inline-block; line-height: 0.7; }

.strategies-for-smbs-big-text-section h2 { line-height: 1; }

.digital-strategy-and-communication-section { padding-top: 30px; padding-bottom: 120px; }

.digital-strategy-and-communication-section .row { column-gap: 70px; }

.digital-strategy-and-communication-section .row.reversed { flex-direction: row-reverse; margin-top: 70px; }

.digital-strategy-and-communication-section .row .column { width: 50%; }

.digital-strategy-and-communication-section .row .column h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.digital-strategy-and-communication-section .row .column a { display: table; min-width: fit-content; background: #222; color: #fff; margin-top: 20px; }

.digital-strategy-and-communication-section .row .column a:hover { background: var(--primary); }

.digital-strategy-and-communication-section .row .column img { width: 100%; }

.digital-strategy-and-communication-section.marketing-for-ecommerce-section .row .column img,
.digital-strategy-and-communication-section.real-estate-marketing-section .row .column img { max-width: 350px; margin: auto; }

.digital-strategy-and-communication-section h2 { color: #A2A2A2; margin-top: 70px; }

.digital-strategy-and-communication-section h2 .inherit { color: var(--primary); }

.digital-strategy-and-communication-section h2 ~ a { display: table; min-width: fit-content; background: #222; color: #fff; margin-top: 20px; }

.digital-strategy-and-communication-section h2 ~ a.centered-btn { margin: auto; margin-top: 20px; }

.digital-strategy-and-communication-section h2 ~ a:hover { background: var(--primary); }

.real-estate-marketing-strategies-section { background: #F2F2F2; padding: 120px 0; }

.real-estate-marketing-strategies-section .subtitle { font-family: 'Poppins Regular'; font-weight: 400; }

.real-estate-marketing-strategies-section .title { margin-top: 10px; }

.real-estate-marketing-strategies-section .row { column-gap: 50px; border-radius: 27px; background: #fff; padding: 50px 70px; box-sizing: border-box; margin-top: 20px; }

.real-estate-marketing-strategies-section .row:first-of-type { margin-top: 50px; }

.real-estate-marketing-strategies-section .row .column { width: 50%; }

.real-estate-marketing-strategies-section .row .column h2 { font-family: 'Poppins Regular'; font-weight: 400; font-size: 50px; max-width: 80%; }

.real-estate-marketing-strategies-section .row .column h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.real-estate-marketing-strategies-section .row .column a { display: table; min-width: fit-content; background: #222; color: #fff; margin-top: 20px; }

.real-estate-marketing-strategies-section .row .column a:hover { background: var(--primary); }

.real-estate-marketing-strategies-section .row.reversed { flex-direction: row-reverse; }

.who-we-have-already-done-this-for-section { padding: 120px 0; }

.who-we-have-already-done-this-for-section .subtitle { font-family: 'Poppins Regular'; font-weight: 400; }

.who-we-have-already-done-this-for-section .title { margin-top: 10px; }

.who-we-have-already-done-this-for-section .title.no-margin-top { margin-top: 0; }

.who-we-have-already-done-this-for-section .row { margin-top: 20px; }

.who-we-have-already-done-this-for-section .row img { width: 100%; border-radius: 27px; min-height: 400px; object-fit: cover; }

.who-we-have-already-done-this-for-section .row .black-cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.2); border-radius: 27px; }

.who-we-have-already-done-this-for-section .row:first-of-type { margin-top: 50px; }

.who-we-have-already-done-this-for-section .row .column { width: 50%; position: absolute; padding: 50px 70px; box-sizing: border-box; z-index: 9; }

.who-we-have-already-done-this-for-section .row .column h2,
.who-we-have-already-done-this-for-section .row .column h4 { color: #fff; }

.who-we-have-already-done-this-for-section .row .column h4 { font-family: 'Poppins Regular'; font-weight: 400; margin-top: 20px; }

.who-we-have-already-done-this-for-section .title { margin-top: 10px; }

.who-we-have-already-done-this-for-section a { display: table; min-width: fit-content; background: #222; color: #fff; margin: auto; margin-top: 40px; }

.who-we-have-already-done-this-for-section a:hover { background: var(--primary); }

.veterinary-marketing-section { background: #F2F2F2; padding-top: 110px; padding-bottom: 120px; }

.veterinary-marketing-section .subtitle { font-family: 'Poppins Regular'; font-weight: 400; max-width: 700px; margin: auto; margin-top: 20px; }

.veterinary-marketing-section .row { margin-top: 40px; gap: 20px; }

.veterinary-marketing-section .row .column { width: calc(33.33% - 7px); background: #fff; border-radius: 20px; padding: 40px; box-sizing: border-box; display: flex; flex-direction: column; }

.veterinary-marketing-section .row .column h4 { font-family: 'Poppins Medium'; font-weight: 500; max-width: 60%; }

.veterinary-marketing-section .row .column p { font-family: 'Poppins Regular'; font-weight: 400; margin-top: 20px; margin-bottom: 20px; }

.veterinary-marketing-section .row .column a { display: table; width: fit-content; background: #222; color: #fff; margin-top: auto; }

.veterinary-marketing-section .row .column a:hover { background: var(--primary); }

.with-slider-wrapper { background: #F2F2F2; }

.with-slider-section.services-list-slider-section { background: #F2F2F2; }

.with-slider-section .services-slider .slider-track .column { background: #fff; border-radius: 20px; padding: 40px; display: flex; flex-direction: column; }

.with-slider-section .services-slider .slider-track .column h4 { font-family: 'Poppins Medium'; font-weight: 500; }

.with-slider-section .services-slider .slider-track .column p { font-family: 'Poppins Regular'; font-weight: 400; margin-top: 20px; margin-bottom: 20px; }

.with-slider-section .services-slider .slider-track .column a { display: table; width: fit-content; background: #222; color: #fff; margin-top: auto; }

.with-slider-section .services-slider .slider-track .column a:hover { background: var(--primary); }

.with-slider-bottom-section { padding-top: 0; }

.big-block-content { margin-top: 70px; }

.big-block-content .black-cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.2); border-radius: 27px; }

.with-slider-bottom-section .big-block-content { margin-top: 0; }

.big-block-content img { border-radius: 27px; width: 100%; }

.big-block-content .text-content { position: absolute; top: 70px; left: 70px; width: 50%; z-index: 9; }

.big-block-content .text-content h2,
.big-block-content .text-content h4 { color: #fff; }

.big-block-content .text-content h2 { font-family: 'Poppins SemiBold'; font-weight: 600; }

.big-block-content .text-content h4 { font-family: 'Poppins Regular'; font-weight: 400; margin-top: 10px; }

.big-block-content .text-content a { display: table; width: fit-content; background: #222; color: #fff; margin: initial; margin-top: 20px; }

.big-block-content .text-content a:hover { background: var(--primary); }

.pharmacy-marketing-section { background: #fff; }

.pharmacy-marketing-section .row .column { background: #f2f2f2; }

.marketing-for-technology-companies-banner-section .row .column { width: 60%; }

.marketing-for-technology-companies-banner-section ~ .real-estate-big-text-section h2 { line-height: 1.2; margin-top: -50px; }

.marketing-for-technology-companies-section .row .column img { max-width: 400px; margin: auto; }

.technology-marketing-strategies-section { padding: 120px 0; background: #F2F2F2; }

.technology-marketing-strategies-section .row { gap: 30px; margin-top: 40px; }

.technology-marketing-strategies-section .row .column { width: calc(50% - 15px); padding: 50px; box-sizing: border-box; border-radius: 21px; background: #fff; display: flex; flex-direction: column; justify-content: space-between; }

.technology-marketing-strategies-section .row .column h4 { font-family: 'Poppins Medium'; font-weight: 500; }

.technology-marketing-strategies-section .row .column p { font-family: 'Poppins Regular'; font-weight: 400; margin-top: 20px; margin-bottom: 20px; }

.technology-marketing-strategies-section .row .column a { display: table; width: fit-content; background: #222; color: #fff; margin-top: auto; }

.technology-marketing-strategies-section .row .column a:hover { background: var(--primary); }

.hospitality-marketing-banner-section .row .column { width: 60%; }

.presence-demand-and-performance-section .row .column h2 { color: #222; margin-top: 0; margin-bottom: 20px; }

.what-grows-your-business-section .row .column { display: initial; }

.what-grows-your-business-section .row .column p { margin-bottom: 0; }

.what-grows-your-business-section a { display: table; width: fit-content; background: #222; color: #fff; margin: auto; margin-top: 40px; }

.what-grows-your-business-section a:hover { background: var(--primary); }

.we-drive-brands-that-want-to-grow-section { padding: 120px 0; }

.we-drive-brands-that-want-to-grow-section.no-padding-top { padding-top: 0; }

.we-drive-brands-that-want-to-grow-section .row { column-gap: 70px; }

.we-drive-brands-that-want-to-grow-section .row.reversed { flex-direction: row-reverse; }

.we-drive-brands-that-want-to-grow-section .row .column { width: 50%; }

.we-drive-brands-that-want-to-grow-section .row .column img { width: 100%; max-width: 400px; margin: auto; }

.we-drive-brands-that-want-to-grow-section .row .column h4 { font-family: 'Poppins Regular'; font-weight: 400; margin-top: 20px; }

.we-drive-brands-that-want-to-grow-section .row .column ul { margin-top: 15px; padding-left: 20px; }

.we-drive-brands-that-want-to-grow-section .row .column ul li { list-style: initial; font-family: 'Poppins Regular'; font-weight: 400; }

.we-drive-brands-that-want-to-grow-section .row .column a { display: table; width: fit-content; background: #222; color: #fff; margin-top: 20px; }

.we-drive-brands-that-want-to-grow-section .row .column a:hover { background: var(--primary); }

.manufacturing-big-text-section h2 { line-height: 1.1; margin-top: -50px; }

.faqs-section { padding: 120px 0; }

.faqs-section.no-padding-top { padding-top: 0; }

.faqs-section .subtitle { font-family: 'Poppins Regular'; font-weight: 400; }

.faqs-section .title { margin-top: 10px; }

.faqs-section .row { margin-top: 20px; gap: 30px; align-items: flex-start; }

.faqs-section .row .faq-column { flex: 1; }

.faqs-section .row .tab-content { border-bottom: 1px solid rgba(50, 50, 50, 0.4); }

.faqs-section .row .tab-content .tab-header { column-gap: 30px; cursor: pointer; padding: 20px 0; }

.faqs-section .row .tab-content .tab-header h3 { font-size: 20px; font-family: 'Poppins Regular'; font-weight: 400; line-height: 1.5; max-width: 70%; }

.technology-marketing-faqs-section .row .tab-content .tab-header h3 { max-width: 100%; }

.faqs-section .row .tab-content .tab-header .icon svg { width: 20px; fill: #222; transition: transform 0.3s ease; }

.faqs-section .row .tab-content.active .tab-header .icon svg { transform: rotate(45deg); }

.faqs-section .row .tab-content .tab-body { height: 0; overflow: hidden; transition: height 0.3s ease; }

.faqs-section .row .tab-content .tab-body p { font-family: 'Poppins Regular'; font-weight: 400; padding-bottom: 20px; }

@media (max-width: 1380px) {
	.digital-strategy-and-communication-section { padding-bottom: 70px; }

	.real-estate-marketing-strategies-section,
	.who-we-have-already-done-this-for-section,
	.technology-marketing-strategies-section,
	.we-drive-brands-that-want-to-grow-section,
	.faqs-section { padding: 70px 0; }

	.faqs-section .row .tab-content .tab-header h3 { font-size: 16px; }

	.veterinary-marketing-section { padding-top: 60px; padding-bottom: 70px; }

	.real-estate-marketing-strategies-section .row .column h2 { font-size: 40px; max-width: 70%; }

	.veterinary-marketing-section .subtitle { max-width: 550px; }

	.marketing-for-technology-companies-banner-section .row .column { width: 52%; }

	.hospitality-marketing-banner-section .row .column { width: 52%; }
}

@media (max-width: 1200px) {
	.veterinary-marketing-section .row .column h4 { max-width: 100%; }
}

@media (max-width: 992px) {
	.digital-strategy-and-communication-section .row { flex-wrap: wrap; flex-direction: column-reverse; row-gap: 40px; }

	.digital-strategy-and-communication-section .row .column { width: 100%; text-align: center; }

    .digital-strategy-and-communication-section .row .column a { margin: auto; margin-top: 20px; }	

    .digital-strategy-and-communication-section h2 { text-align: center; font-size: 29px; }

    .digital-strategy-and-communication-section h2 ~ a { margin: auto; margin-top: 20px; }

    .digital-strategy-and-communication-section .row.reversed { flex-direction: column-reverse; }

    .real-estate-marketing-strategies-section .subtitle,
    .real-estate-marketing-strategies-section .title { text-align: center; }

    .real-estate-marketing-strategies-section .row { flex-wrap: wrap; row-gap: 20px; }

    .real-estate-marketing-strategies-section .row .column { width: 100%; text-align: center; }    

    .real-estate-marketing-strategies-section .row .column h2 { max-width: 100%; font-size: 32px; }

    .real-estate-marketing-strategies-section .row .column a { margin: auto; margin-top: 20px; }

    .who-we-have-already-done-this-for-section .title,
    .who-we-have-already-done-this-for-section .subtitle { text-align: center; }

    .who-we-have-already-done-this-for-section .row .column { width: 100%; text-align: center; }

    .veterinary-marketing-section .row { flex-wrap: wrap; }

    .veterinary-marketing-section .row .column { width: calc(50% - 10px); }

    .big-block-content img { min-height: 500px; object-fit: cover; }

    .big-block-content .text-content { text-align: center; left: 50%; transform: translateX(-50%); width: 80%; margin: auto; }

    .big-block-content .text-content a { margin: auto; margin-top: 20px; }

    .marketing-for-technology-companies-banner-section .row .column { width: 100%; }

    .marketing-for-technology-companies-banner-section ~ .real-estate-big-text-section h2 { margin-top: -25px; }

    .technology-marketing-strategies-section .row .column { width: 100%; text-align: center; }

    .technology-marketing-strategies-section .row .column a { margin: auto; }

    .we-drive-brands-that-want-to-grow-section .row { flex-wrap: wrap; row-gap: 40px; }

    .we-drive-brands-that-want-to-grow-section .row .column { width: 100%; text-align: center; }

    .we-drive-brands-that-want-to-grow-section .row .column a { margin: auto; margin-top: 20px; }

    .who-we-have-already-done-this-for-section .row img { min-height: 320px; }

    .manufacturing-big-text-section h2 { margin-top: -25px; }

    .faqs-section .row { flex-wrap: wrap; row-gap: 0; }

    .faqs-section .row .faq-column { width: 100%; flex: auto; }

    .faqs-section .row .tab-content .tab-header h3 { max-width: 100%; }
}

@media (max-width: 768px) {
	.veterinary-marketing-section .row .column { width: 100%; text-align: center; }

	.veterinary-marketing-section .row .column a { margin: auto; }
}

@media (max-width: 575px) {
	.real-estate-marketing-strategies-section .row { padding: 50px; }

	.real-estate-marketing-strategies-section .row .column h2 { font-size: 30px; }

	.who-we-have-already-done-this-for-section .row img { min-height: 450px; }

	.who-we-have-already-done-this-for-section .row .column { padding: 50px 25px; }
}

/* end industries pages styles */



/* WhatsApp AI agent page styles */

.whatsapp-ai-agent-services-section .services-slider { margin-top: 0; }

/* end WhatsApp AI agent page styles */



/* WhatsApp integration page styles */

.whatsapp-connection-with-crm-section { padding: 120px 0; }

.whatsapp-connection-with-crm-section .title { max-width: 770px; margin: auto; }

.whatsapp-connection-with-crm-section .subtitle { font-family: 'Poppins Regular'; font-weight: 400; max-width: 820px; margin: auto; margin-top: 15px; }

.whatsapp-connection-with-crm-section .row { gap: 30px; margin-top: 70px; }

.whatsapp-connection-with-crm-section .row .column { width: 50%; padding: 50px 70px; box-sizing: border-box; border-radius: 22px; }

.whatsapp-connection-with-crm-section .row .first-column { background: #F2F2F2; }

.whatsapp-connection-with-crm-section .row .second-column { background: var(--primary); }

.whatsapp-connection-with-crm-section .row .second-column h4,
.whatsapp-connection-with-crm-section .row .second-column ul li { color: #fff; }

.whatsapp-connection-with-crm-section .row .column h4 { font-family: 'Poppins Medium'; font-weight: 500; margin-top: 15px; }

.whatsapp-connection-with-crm-section .row .column ul { margin-top: 15px; padding-left: 20px; }

.whatsapp-connection-with-crm-section .row .column ul li { list-style: initial; font-family: 'Poppins Regular'; font-weight: 400; }

.whatsapp-connection-with-crm-section a { display: table; width: fit-content; margin: auto; margin-top: 40px; color: #fff; background: #222; }

.whatsapp-connection-with-crm-section a:hover { background: var(--primary); }

@media (max-width: 1380px) {
	.whatsapp-connection-with-crm-section { padding: 70px 0; }

	.whatsapp-connection-with-crm-section .title { max-width: 670px; }

	.whatsapp-connection-with-crm-section .subtitle { max-width: 660px; }
}

@media (max-width: 992px) {
	.whatsapp-connection-with-crm-section .row { flex-wrap: wrap; }

	.whatsapp-connection-with-crm-section .row .column { width: 100%; }
}

/* end WhatsApp integration page styles */



/* marketing plan page styles */

.marketing-plan-services-section .slider-track .column h4:last-of-type { font-family: 'Poppins Medium'; font-weight: 500; margin: 15px 0; }

.marketing-plan-services-section .slider-track .column p { font-family: 'Poppins Regular'; font-weight: 400; }

.marketing-plan-services-section a { display: table; margin: auto; margin-top: 40px; background: #222; color: #fff; width: fit-content; }

.marketing-plan-services-section a:hover { background: var(--primary); }

.marketing-plan-services-section .plan-timeline { position: relative; display: flex; align-items: center; justify-content: space-between; margin-top: 60px; }

.marketing-plan-services-section .plan-timeline::before { content: ''; position: absolute; top: 50%; left: 4px; right: 4px; height: 1px; background: #222; transform: translateY(-50%); z-index: 1; }

.marketing-plan-services-section .plan-timeline .timeline-step { position: relative; z-index: 2; width: 9px; height: 9px; border-radius: 50%; background: #222; }

.marketing-plan-services-section .services-slider { margin-top: 35px; }

/* end marketing plan page styles */



/* Google advertising page styles */

.google-advertising-banner-section .row,
.meta-advertising-banner-section .row { column-gap: 50px; }

@media (max-width: 992px) {
	.google-advertising-banner-section .row,
	.meta-advertising-banner-section .row { flex-wrap: wrap; row-gap: 50px; }

	.google-advertising-banner-section .row .column,
	.meta-advertising-banner-section .row .column { width: 100%; }
}

/* end Google advertising page styles */



/* thank you page styles */

.thank-you-section { padding: 120px 0; background: #fff; display: flex; align-items: center; }

.thank-you-content { text-align: center; max-width: 500px; margin: auto; }

.thank-you-content h4 { font-family: 'Poppins Regular'; font-weight: 400; margin-top: 15px; }

.thank-you-btn { display: inline-block; margin-top: 20px; background: #222; color: #fff; }

.thank-you-btn:hover { background: var(--primary); }

@media (max-width: 1380px) {
	.thank-you-section { padding: 70px 0; }

	.thank-you-content { max-width: 400px; }
}

/* end thank you page styles */



/* seo agency page styles */

.internal-custom-banner-section.seo-agency-visibility-section { padding-bottom: 120px; }

.keyword-identification-section { background: #f2f2f2; }

.keyword-identification-section .row .column img { max-width: 400px; }

.optimization-and-speed-of-your-website-section { background: #222; }

.optimization-and-speed-of-your-website-section .row .column h4,
.optimization-and-speed-of-your-website-section .row .column h2,
.optimization-and-speed-of-your-website-section .row .column p { color: #fff; }

.optimization-and-speed-of-your-website-section .row .column a { background: #fff; color: #222; }

.optimization-and-speed-of-your-website-section .row .column a:hover { color: #fff; }

.optimization-and-speed-of-your-website-section .row .column img { max-width: 400px; }

.our-seo-agency-method-section .title-content h2 { font-size: 45px; }

.our-seo-agency-method-section .title-content h4 { font-family: 'Poppins Regular'; font-weight: 400; max-width: 600px; margin: auto; margin-top: 15px; }

.our-seo-agency-method-section .title-content h3.first { font-family: 'Poppins Regular'; font-weight: 400; font-size: 20px; margin-top: 0; }

.our-agency-seo-services-list-slider-section { background: #222; }

.our-agency-seo-services-list-slider-section .title-content h2,
.our-agency-seo-services-list-slider-section .title-content h4 { color: #fff; }

.our-agency-seo-services-list-slider-section .title-content h2 { font-size: 45px; }

.services-list-slider-section .title-content h4,
.our-agency-seo-services-list-slider-section .title-content h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.why-rednodo-list-slider-section .title-content h2 { color: #222; font-size: 45px; }

.why-rednodo-list-slider-section .services-slider .slider-track .column,
.why-rednodo-list-slider-section .services-slider .slider-track .column .flip-card-front { background: transparent; }

.why-rednodo-list-slider-section .services-slider .slider-track .column .plus-icon { margin: initial; margin-top: 30px; }

.seo-agency-faqs-section { background: #f2f2f2; }

@media (max-width: 1380px) {
	.internal-custom-banner-section.seo-agency-visibility-section { padding-bottom: 70px; }

	.our-seo-agency-method-section .title-content h2 { font-size: 36px; }

	.our-seo-agency-method-section .title-content h3.first { font-size: 16px; }

	.our-agency-seo-services-list-slider-section .title-content h2,
	.why-rednodo-list-slider-section .title-content h2 { font-size: 36px; }
}

/* end seo agency page styles */



/* flip card styles */

/* Tarjetas que giran al pasar el mouse (o al enfocarlas) y muestran la info al dorso.
   La .column queda fija como area de hover; lo que gira es .flip-card-inner, asi el
   hover no se pierde a mitad del giro. Fondo y padding pasan de la columna a las caras. */

.flip-card { background: transparent !important; padding: 0 !important; perspective: 1200px; cursor: pointer; }

.flip-card:focus { outline: none; }

.flip-card:focus-visible { outline: 2px solid var(--primary); outline-offset: 4px; border-radius: 27px; }

.flip-card-inner { display: grid; height: 100%; transform-style: preserve-3d; transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); }

.flip-card:hover .flip-card-inner,
.flip-card:focus-within .flip-card-inner { transform: rotateY(180deg); }

.flip-card-front,
.flip-card-back { grid-area: 1 / 1; border-radius: 27px; padding: 25px; box-sizing: border-box; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.flip-card-front { background: #F2F2F2; display: flex; flex-direction: column; }

.flip-card-front > img { align-self: flex-start; }

/* El elemento antes del "+" ocupa el alto sobrante: el "+" queda abajo aunque el dorso estire la tarjeta */
.flip-card-front > :nth-last-child(2) { flex-grow: 1; }

.flip-card-back { background: var(--primary); color: #fff; transform: rotateY(180deg); display: flex; flex-direction: column; justify-content: center; font-size: 15px; line-height: 1.6; }

.flip-card-back p,
.flip-card-back li { color: #fff; }

.flip-card-back ul { padding-left: 20px; }

.flip-card-back ul li { list-style: initial; }

@media (prefers-reduced-motion: reduce) {
	.flip-card-inner { transition: none; }
}

/* end flip card styles */



/* extra styles */

.internal-custom-banner-section { padding: 50px 0; }

.internal-custom-banner-section .row { column-gap: 70px; }

.internal-custom-banner-section .row .column { width: 50%; }

.internal-custom-banner-section .row .column h1,
.internal-custom-banner-section .row .column h4 { margin-top: 15px; }

.internal-custom-banner-section .row .column h4 { font-family: 'Poppins Regular'; font-weight: 400; }

.internal-custom-banner-section .row .column a { display: table; margin-top: 20px; background: #222; color: #fff; min-width: fit-content; }

.internal-custom-banner-section .row .column a:hover { background: var(--primary); }

.internal-custom-banner-section .row .column img { width: 100%; max-width: 350px; margin: auto; }

.contact-us-banner-section,
.hubspot-form-section,
.google-advertising-banner-section,
.meta-advertising-banner-section { padding-top: 160px; background-image: url('../images/contact-us-main-banner-image.jpg'); background-size: cover; background-position: center center; }

.google-advertising-banner-section,
.meta-advertising-banner-section { padding-top: 220px; }

.ads-pages-form form { display: grid; row-gap: 20px; }

.ads-pages-form form .form-group { gap: 20px; }

.ads-pages-form form input,
.ads-pages-form form textarea { border: 0; border-bottom: 1px solid #fff; background: transparent; color: #fff; width: 100%; padding: 12px 0; box-sizing: border-box; }

.ads-pages-form form textarea { resize: none; height: 100px; }

.ads-pages-form form input::placeholder,
.ads-pages-form form textarea::placeholder { color: #fff; }

.ads-pages-form form button { margin-top: 10px; width: fit-content; }

.ads-pages-form form #ads-form-feedback { color: #fff; }

.audiovisual-production-company-banner-section { background-image: url(../images/audiovisual-production-company-main-banner-image.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-top: 0; }

.marketing-plan-banner-section { background-image: url(../images/marketing-plan-main-banner-image.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-top: 0; }

.whatsapp-integration-with-hubspot-banner-section { background-image: url(../images/whatsapp-integration-with-hubspot-main-banner-image.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-top: 0; }

.content-generation-banner-section { background-image: url(../images/content-generation-main-banner-image.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-top: 0; }

.enterprise-banner-section { background-image: url(../images/enterprise-main-banner-image.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-top: 0; }

.enterprise-form-section { padding-bottom: 120px; }

.enterprise-form-section .form-card { background: #222; border-radius: 27px; padding: 60px; }

.enterprise-form-section .form-card h2 { color: #fff; }

.enterprise-form-section .form-card form { display: grid; row-gap: 35px; margin-top: 45px; }

.enterprise-form-section .form-card form .form-grid { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 50px; row-gap: 35px; }

.enterprise-form-section .form-card form input,
.enterprise-form-section .form-card form select,
.enterprise-form-section .form-card form textarea { border: 0; border-bottom: 1px solid #fff; background: transparent; color: #fff; width: 100%; padding: 12px 0; box-sizing: border-box; font-family: 'Poppins Regular'; font-weight: 400; }

.enterprise-form-section .form-card form textarea { resize: none; height: 60px; }

.enterprise-form-section .form-card form input::placeholder,
.enterprise-form-section .form-card form textarea::placeholder { color: #fff; }

.enterprise-form-section .form-card form select { appearance: none; -webkit-appearance: none; cursor: pointer; }

.enterprise-form-section .form-card form select:invalid { color: #fff; }

.enterprise-form-section .form-card form select option { color: #222; }

.enterprise-form-section .form-card form button { width: fit-content; }

.enterprise-form-section .form-card form #enterprise-form-feedback { color: #fff; }

.whatsapp-automation-banner-section { background-image: url(../images/whatsapp-automation-main-banner-image.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-top: 0; }

.digital-growth-for-pymes-banner-section { background-image: url(../images/digital-growth-for-pymes-main-banner-image.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-top: 0; }

.ia-agent-for-whatsapp-banner-section { margin-top: 0; }

.ia-agent-for-whatsapp-banner-section .row .column { width: 100%; max-width: 800px; }

.ads-lion-banner-section { padding-top: 20px; padding-bottom: 50px; }

@media (max-width: 1380px) {
    .ia-agent-for-whatsapp-banner-section .row .column { max-width: 640px; }
}

@media (max-width: 992px) {
	.enterprise-form-section { padding-bottom: 80px; }

	.enterprise-form-section .form-card { padding: 50px; }

	.enterprise-form-section .form-card form .form-grid { grid-template-columns: 1fr; column-gap: 0; }

	.internal-custom-banner-section .row { flex-wrap: wrap; row-gap: 50px; }

	.internal-custom-banner-section .row .column { width: 100%; text-align: center; }

	.internal-custom-banner-section .row .column a { margin: auto; margin-top: 20px; }
}

/* end extra styles */
