Update corporate training workflow and animation improvements
- Replace 'Innovate with us' with 'Assessment of current skillset' in corporate training workflow - Adjust tech cards animation speed (5s to 8s duration) - Reduce testimonials section spacing and container height - Add hover pause functionality for tech and testimonial marquees - Various layout and animation optimizations
This commit is contained in:
@@ -50,7 +50,7 @@
|
||||
}
|
||||
|
||||
.hero-content h1 {
|
||||
font-size: 4.5rem;
|
||||
font-size: 4rem;
|
||||
line-height: 1.1;
|
||||
margin-bottom: 1rem;
|
||||
letter-spacing: 1.5px;
|
||||
@@ -114,9 +114,9 @@
|
||||
}
|
||||
|
||||
.hero-supporting-text {
|
||||
font-size: 1.2rem;
|
||||
font-size: 1.3rem;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
line-height: 1.5;
|
||||
line-height: 1.8;
|
||||
margin: 1.5rem auto;
|
||||
max-width: 600px;
|
||||
text-align: center;
|
||||
@@ -298,8 +298,9 @@
|
||||
|
||||
.hero-section p,
|
||||
#automation-flows-hero p {
|
||||
font-size: 1.45rem;
|
||||
font-size: 1.3rem;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.hero-section.gn-responsive-container {
|
||||
@@ -341,9 +342,9 @@
|
||||
|
||||
.industry-hero p {
|
||||
font-family: 'VT323', monospace;
|
||||
font-size: 1.45rem;
|
||||
font-size: 1.3rem;
|
||||
color: #e0e0e0;
|
||||
line-height: 1.6;
|
||||
line-height: 1.8;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
@@ -480,6 +481,23 @@
|
||||
transform: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
|
||||
/* ===== PREVENT SCROLL ANIMATIONS ON PURPLE BUTTONS GLOBALLY ===== */
|
||||
/* Disable scroll animations for all purple buttons across all pages */
|
||||
.btn-primary.animate-on-scroll,
|
||||
.btn.animate-on-scroll,
|
||||
button.animate-on-scroll {
|
||||
opacity: 1 !important;
|
||||
transform: none !important;
|
||||
transition: all 0.3s ease !important; /* Keep only hover transitions */
|
||||
}
|
||||
|
||||
.btn-primary.animate-on-scroll.animated,
|
||||
.btn.animate-on-scroll.animated,
|
||||
button.animate-on-scroll.animated {
|
||||
opacity: 1 !important;
|
||||
transform: none !important;
|
||||
}
|
||||
/* ===== TECHNOLOGY CARDS AND ANIMATIONS ===== */
|
||||
|
||||
/* ===== TECHNOLOGY SECTION ===== */
|
||||
@@ -532,12 +550,13 @@
|
||||
|
||||
.tech-cards-track {
|
||||
display: flex;
|
||||
animation: techCardsFlow 50s linear infinite; /* Changed from 75s to 50s to make it 1.5x faster */
|
||||
animation: techCardsFlowFast 8s linear infinite; /* Reduced speed from 5s to 8s */
|
||||
will-change: transform;
|
||||
gap: 70px;
|
||||
}
|
||||
|
||||
.tech-cards-track:hover {
|
||||
/* Paused state for hover functionality */
|
||||
.tech-cards-track.paused {
|
||||
animation-play-state: paused;
|
||||
}
|
||||
|
||||
@@ -550,6 +569,15 @@
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes techCardsFlowFast {
|
||||
0% {
|
||||
transform: translateX(0);
|
||||
}
|
||||
100% {
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
/* ===== INDIVIDUAL TECH CARDS ===== */
|
||||
.tech-card {
|
||||
flex: 0 0 auto;
|
||||
@@ -718,10 +746,10 @@
|
||||
}
|
||||
|
||||
.tech-card p {
|
||||
font-size: 1.1rem;
|
||||
font-size: 1.3rem;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
transition: all 0.3s ease;
|
||||
line-height: 1.4;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.tech-card:hover p {
|
||||
@@ -1504,9 +1532,10 @@ body.contact-page {
|
||||
}
|
||||
|
||||
.expert-advice-card p {
|
||||
font-size: 1.2rem;
|
||||
font-size: 1.3rem;
|
||||
margin-bottom: 1.5rem;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
/* ===== ENHANCED CONTACT INFO STYLING ===== */
|
||||
@@ -1767,8 +1796,8 @@ body.contact-page {
|
||||
|
||||
.overview-card p {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
line-height: 1.7;
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.8;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
/* Responsive adjustments */
|
||||
@@ -1874,7 +1903,7 @@ body.contact-page {
|
||||
/* ===== CUSTOMER TESTIMONIALS SECTION ===== */
|
||||
|
||||
.testimonials-section {
|
||||
padding: 6rem 0;
|
||||
padding: 6rem 0 2rem 0; /* Reduced bottom padding from 6rem to 2rem */
|
||||
background: linear-gradient(135deg, rgba(0, 0, 0, 0.1), rgba(20, 20, 40, 0.3));
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
@@ -1903,7 +1932,7 @@ body.contact-page {
|
||||
|
||||
.testimonials-heading {
|
||||
text-align: center;
|
||||
margin-bottom: 4rem;
|
||||
margin-bottom: 2.5rem; /* Reduced from 4rem to 2.5rem */
|
||||
padding: 0 2rem;
|
||||
}
|
||||
|
||||
@@ -1930,11 +1959,11 @@ body.contact-page {
|
||||
}
|
||||
|
||||
.testimonials-heading p {
|
||||
font-size: 1.4rem;
|
||||
font-size: 1.3rem;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
line-height: 1.6;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
/* Floating Testimonials Track */
|
||||
@@ -1942,8 +1971,8 @@ body.contact-page {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
height: 600px;
|
||||
margin: 2rem 0;
|
||||
height: 480px; /* Reduced from 600px to 480px */
|
||||
margin: 1rem 0; /* Reduced from 2rem to 1rem */
|
||||
}
|
||||
|
||||
.testimonials-track {
|
||||
@@ -1956,7 +1985,8 @@ body.contact-page {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.testimonials-track:hover {
|
||||
/* Paused state for hover functionality */
|
||||
.testimonials-track.paused {
|
||||
animation-play-state: paused;
|
||||
}
|
||||
|
||||
@@ -1971,11 +2001,12 @@ body.contact-page {
|
||||
|
||||
/* Individual Testimonial Card */
|
||||
.testimonial-card {
|
||||
flex: 0 0 380px;
|
||||
flex: 0 0 600px; /* Increased width for landscape layout */
|
||||
height: 350px; /* Increased height for bigger cards */
|
||||
background: linear-gradient(135deg, rgba(25, 35, 55, 0.95) 0%, rgba(35, 45, 65, 0.98) 100%);
|
||||
border: 1px solid rgba(82, 238, 245, 0.2);
|
||||
border-radius: 20px;
|
||||
padding: 2.5rem;
|
||||
padding: 2rem;
|
||||
margin: 1rem 0;
|
||||
backdrop-filter: blur(15px);
|
||||
box-shadow:
|
||||
@@ -1984,8 +2015,10 @@ body.contact-page {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
transition: all 0.4s ease;
|
||||
animation: cardFloat 8s ease-in-out infinite;
|
||||
animation-delay: var(--delay, 0s);
|
||||
display: flex; /* Use flexbox for horizontal layout */
|
||||
align-items: center;
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.testimonial-card:nth-child(1) { --delay: 0s; }
|
||||
@@ -1995,21 +2028,6 @@ body.contact-page {
|
||||
.testimonial-card:nth-child(5) { --delay: 6s; }
|
||||
.testimonial-card:nth-child(6) { --delay: 7.5s; }
|
||||
|
||||
@keyframes cardFloat {
|
||||
0%, 100% {
|
||||
transform: translateY(0px) rotateX(0deg);
|
||||
}
|
||||
25% {
|
||||
transform: translateY(-15px) rotateX(2deg);
|
||||
}
|
||||
50% {
|
||||
transform: translateY(-8px) rotateX(0deg);
|
||||
}
|
||||
75% {
|
||||
transform: translateY(-20px) rotateX(-2deg);
|
||||
}
|
||||
}
|
||||
|
||||
.testimonial-card::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
@@ -2050,24 +2068,28 @@ body.contact-page {
|
||||
/* Customer Info */
|
||||
.customer-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
margin-bottom: 0; /* Remove bottom margin for landscape layout */
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
flex-shrink: 0; /* Prevent shrinking */
|
||||
min-width: 180px; /* Minimum width for customer info section */
|
||||
}
|
||||
|
||||
.customer-avatar {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
width: 80px; /* Slightly larger for landscape layout */
|
||||
height: 80px;
|
||||
border-radius: 50%;
|
||||
background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #ffffff;
|
||||
font-size: 1.5rem;
|
||||
font-size: 1.8rem;
|
||||
font-weight: 600;
|
||||
margin-right: 1rem;
|
||||
margin: 0 0 1rem 0; /* Center and add bottom margin */
|
||||
box-shadow: 0 4px 16px rgba(99, 102, 241, 0.3);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
@@ -2103,13 +2125,17 @@ body.contact-page {
|
||||
.review-content {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
flex: 1; /* Take remaining space */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.review-text {
|
||||
font-size: 1.1rem;
|
||||
font-size: 1.1rem; /* Slightly smaller for landscape layout */
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
line-height: 1.7;
|
||||
margin-bottom: 1.5rem;
|
||||
line-height: 1.6; /* Reduced line height for better fit */
|
||||
margin-bottom: 1rem; /* Reduced margin */
|
||||
font-style: italic;
|
||||
position: relative;
|
||||
}
|
||||
@@ -2176,7 +2202,7 @@ body.contact-page {
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.testimonials-track-container {
|
||||
height: 500px;
|
||||
height: 400px; /* Reduced from 500px to 400px */
|
||||
}
|
||||
|
||||
.testimonial-card {
|
||||
@@ -2191,11 +2217,11 @@ body.contact-page {
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.testimonials-section {
|
||||
padding: 4rem 0;
|
||||
padding: 4rem 0 1.5rem 0; /* Reduced bottom padding for mobile */
|
||||
}
|
||||
|
||||
.testimonials-track-container {
|
||||
height: 450px;
|
||||
height: 350px; /* Reduced from 450px to 350px */
|
||||
}
|
||||
|
||||
.testimonial-card {
|
||||
@@ -2207,9 +2233,9 @@ body.contact-page {
|
||||
.testimonials-heading h2 {
|
||||
font-size: 2.4rem;
|
||||
}
|
||||
|
||||
.testimonials-heading p {
|
||||
font-size: 1.2rem;
|
||||
.testimonials-heading p {
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.customer-info {
|
||||
|
||||
95
css/core.css
95
css/core.css
@@ -413,12 +413,12 @@ section h2 {
|
||||
}
|
||||
|
||||
.section-intro {
|
||||
font-size: 1.2rem;
|
||||
font-size: 1.3rem;
|
||||
color: var(--text-light);
|
||||
text-align: center;
|
||||
max-width: 900px;
|
||||
margin: 0 auto 2.5rem;
|
||||
line-height: 1.6;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
/* ===== GRID LAYOUTS ===== */
|
||||
@@ -493,7 +493,7 @@ section h2 {
|
||||
}
|
||||
|
||||
.solution-item p {
|
||||
font-size: 1.15rem;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.article-card img {
|
||||
@@ -728,8 +728,8 @@ section h2 {
|
||||
|
||||
.specialization-description {
|
||||
color: var(--text-light);
|
||||
line-height: 1.6;
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.8;
|
||||
font-size: 1.3rem;
|
||||
margin-bottom: 20px;
|
||||
flex-grow: 1;
|
||||
}
|
||||
@@ -1029,8 +1029,9 @@ footer {
|
||||
|
||||
.footer-bottom {
|
||||
text-align: center;
|
||||
padding-top: 20px;
|
||||
/* Removed the border-top that was creating the horizontal dividing grey line */
|
||||
margin-top: 30px;
|
||||
padding-top: 25px;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.2); /* Add horizontal line above footer bottom */
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
@@ -1122,19 +1123,68 @@ footer {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.exp-item img {
|
||||
/* ===== EXPERTISE ICON WRAPPER ===== */
|
||||
.exp-icon-wrapper {
|
||||
position: relative;
|
||||
width: 110px;
|
||||
height: auto;
|
||||
height: 110px;
|
||||
margin-bottom: 1.5rem;
|
||||
opacity: 0.95;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: all 0.4s ease;
|
||||
filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
border-radius: 12px;
|
||||
padding: 12px;
|
||||
border: 1px solid rgba(82, 238, 245, 0.2);
|
||||
box-shadow:
|
||||
0 4px 15px rgba(0, 0, 0, 0.5),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||
backdrop-filter: blur(15px);
|
||||
}
|
||||
|
||||
.exp-icon-wrapper::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: linear-gradient(135deg, rgba(82, 238, 245, 0.1) 0%, rgba(162, 171, 255, 0.05) 100%);
|
||||
border-radius: 12px;
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
|
||||
.exp-item img {
|
||||
width: 86px;
|
||||
height: auto;
|
||||
opacity: 0.9;
|
||||
transition: all 0.4s ease;
|
||||
filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.exp-item:hover .exp-icon-wrapper {
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
border-color: rgba(82, 238, 245, 0.5);
|
||||
box-shadow:
|
||||
0 8px 25px rgba(82, 238, 245, 0.3),
|
||||
0 4px 15px rgba(0, 0, 0, 0.6),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.2),
|
||||
0 0 0 1px rgba(82, 238, 245, 0.3);
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.exp-item:hover .exp-icon-wrapper::before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.exp-item:hover img {
|
||||
opacity: 1;
|
||||
transform: scale(1.05);
|
||||
filter: drop-shadow(0 6px 12px rgba(82, 238, 245, 0.3));
|
||||
filter: drop-shadow(0 6px 12px rgba(82, 238, 245, 0.4)) brightness(1.15) contrast(1.1);
|
||||
}
|
||||
|
||||
.exp-item p:first-of-type {
|
||||
@@ -1152,8 +1202,8 @@ footer {
|
||||
|
||||
.exp-item .exp-description {
|
||||
margin-top: 0;
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.5;
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.8;
|
||||
text-align: center;
|
||||
color: rgba(255, 255, 255, 0.95);
|
||||
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
|
||||
@@ -1353,9 +1403,10 @@ footer {
|
||||
}
|
||||
|
||||
.webinar-card-header p {
|
||||
font-size: 1.2rem;
|
||||
font-size: 1.3rem;
|
||||
color: var(--text-muted);
|
||||
margin: 0;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
/* Upcoming Webinars Content */
|
||||
@@ -1457,9 +1508,9 @@ footer {
|
||||
|
||||
.webinar-description {
|
||||
color: var(--text-light);
|
||||
line-height: 1.6;
|
||||
line-height: 1.8;
|
||||
margin-bottom: 1.5rem;
|
||||
font-size: 1.1rem;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.webinar-takeaways {
|
||||
@@ -1792,9 +1843,9 @@ footer {
|
||||
}
|
||||
|
||||
.gn-app-intro-text p {
|
||||
font-size: 1.1rem;
|
||||
font-size: 1.3rem;
|
||||
color: var(--text-light);
|
||||
line-height: 1.6;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.gn-app-features-list {
|
||||
@@ -1928,9 +1979,9 @@ footer {
|
||||
}
|
||||
|
||||
.gn-video-info p {
|
||||
font-size: 1rem;
|
||||
font-size: 1.3rem;
|
||||
color: var(--text-muted);
|
||||
line-height: 1.6;
|
||||
line-height: 1.8;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
@@ -380,11 +380,11 @@ html {
|
||||
|
||||
.case-studies-hero p {
|
||||
font-family: var(--font-body);
|
||||
font-size: 1.4rem;
|
||||
font-size: 1.3rem;
|
||||
color: var(--text-light);
|
||||
max-width: 800px;
|
||||
margin: 0 auto 2rem auto;
|
||||
line-height: 1.7;
|
||||
line-height: 1.8;
|
||||
opacity: 0.9;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -568,9 +568,9 @@ html {
|
||||
|
||||
.article-card p {
|
||||
font-family: var(--font-body);
|
||||
font-size: 1.1rem;
|
||||
font-size: 1.3rem;
|
||||
color: var(--text-light);
|
||||
line-height: 1.6;
|
||||
line-height: 1.8;
|
||||
margin-bottom: 2rem;
|
||||
flex-grow: 1;
|
||||
}
|
||||
@@ -977,9 +977,9 @@ section#transform-cta-section.container {
|
||||
|
||||
.course-info p {
|
||||
color: var(--text-muted);
|
||||
line-height: 1.6;
|
||||
line-height: 1.8;
|
||||
margin-bottom: 1.5rem;
|
||||
font-size: 1.1rem;
|
||||
font-size: 1.3rem;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
@@ -1197,7 +1197,7 @@ section#transform-cta-section.container {
|
||||
.workflow-intro p {
|
||||
font-size: 1.3rem;
|
||||
color: var(--text-light);
|
||||
line-height: 1.7;
|
||||
line-height: 1.8;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
@@ -1259,8 +1259,8 @@ section#transform-cta-section.container {
|
||||
|
||||
.benefit-item p {
|
||||
color: var(--text-light);
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.8;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@@ -1359,8 +1359,8 @@ section#transform-cta-section.container {
|
||||
|
||||
.step-content p {
|
||||
color: var(--text-light);
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.6;
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.8;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
@@ -1488,10 +1488,9 @@ section#transform-cta-section.container {
|
||||
width: 92%;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.workflow-intro p {
|
||||
font-size: 1.1rem;
|
||||
} .workflow-intro p {
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.workflow-benefits h3,
|
||||
@@ -1560,10 +1559,9 @@ section#transform-cta-section.container {
|
||||
|
||||
.cta-content h3 {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
.cta-content p {
|
||||
font-size: 1.1rem;
|
||||
} .cta-content p {
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.8;
|
||||
}
|
||||
.workflow-cta-btn {
|
||||
padding: 0.7rem 1.5rem;
|
||||
|
||||
@@ -189,11 +189,10 @@
|
||||
/* Case studies mobile */
|
||||
.case-studies-hero h1 {
|
||||
font-size: 2.2rem;
|
||||
}
|
||||
|
||||
.case-studies-hero p,
|
||||
} .case-studies-hero p,
|
||||
#contact-us-section .contact-header p {
|
||||
font-size: 1.2rem;
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.filter-controls {
|
||||
@@ -364,10 +363,10 @@
|
||||
letter-spacing: 0.3px;
|
||||
filter: brightness(1.08);
|
||||
}
|
||||
|
||||
.hero-content p {
|
||||
font-size: 1.2rem;
|
||||
.hero-content p {
|
||||
font-size: 1.3rem;
|
||||
margin-bottom: 1.2rem;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.hero-content .btn-primary {
|
||||
@@ -460,9 +459,9 @@
|
||||
#contact-us-section .contact-header h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
#contact-us-section .contact-header p {
|
||||
font-size: 1.1rem;
|
||||
#contact-us-section .contact-header p {
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
/* Button adjustments extra small */
|
||||
@@ -604,10 +603,9 @@
|
||||
.workflow-section {
|
||||
padding: 2.5rem 0;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.workflow-intro p {
|
||||
font-size: 1.1rem;
|
||||
} .workflow-intro p {
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.workflow-benefits h3,
|
||||
@@ -664,10 +662,9 @@
|
||||
|
||||
.cta-content h3 {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
.cta-content p {
|
||||
font-size: 1.1rem;
|
||||
} .cta-content p {
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.workflow-cta-btn {
|
||||
@@ -1257,6 +1254,22 @@
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
/* Disable scroll animations for all purple buttons globally */
|
||||
.btn-primary.animate-on-scroll,
|
||||
.btn.animate-on-scroll,
|
||||
button.animate-on-scroll {
|
||||
opacity: 1 !important;
|
||||
transform: none !important;
|
||||
transition: all 0.3s ease !important; /* Keep only hover transitions */
|
||||
}
|
||||
|
||||
.btn-primary.animate-on-scroll.animated,
|
||||
.btn.animate-on-scroll.animated,
|
||||
button.animate-on-scroll.animated {
|
||||
opacity: 1 !important;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
/* Stagger animation delays */
|
||||
.animate-on-scroll:nth-child(1) { transition-delay: 0.1s; }
|
||||
.animate-on-scroll:nth-child(2) { transition-delay: 0.2s; }
|
||||
|
||||
Reference in New Issue
Block a user