
/* /zopah_website/static/src/css/blog.css */
 .page-hero{background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"%3E%3Crect fill="%23333" width="1200" height="600"/%3E%3C/svg%3E'); background-size: cover; background-position: center; min-height: 500px; display: flex; align-items: center; justify-content: center; text-align: center; color: white; position: relative;}.page-hero h1{font-size: 3.5rem; font-weight: 700; margin-bottom: 1rem;}.scroll-indicator{width: 30px; height: 30px; border: 2px solid white; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-top: 2rem; cursor: pointer; animation: bounce 2s infinite;}@keyframes bounce{0%, 20%, 50%, 80%, 100%{transform: translateY(0);}40%{transform: translateY(-10px);}60%{transform: translateY(-5px);}}.blog-section{padding: 80px 0; background: white;}.blog-filters{display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center; margin-bottom: 3rem;}.filter-btn{padding: 8px 24px; border: 2px solid var(--gray-300); border-radius: 25px; background: white; color: var(--text-secondary); text-decoration: none; font-size: 0.9rem; font-weight: 500; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 0.5px;}.filter-btn:hover{border-color: var(--primary-500); color: var(--primary-500);}.filter-btn.active{background: var(--primary-500); border-color: var(--primary-500); color: white;}.blog-card{background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer; height: 100%; display: flex; flex-direction: column;}.blog-card:hover{transform: translateY(-4px); box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);}.blog-image{width: 100%; height: 220px; object-fit: cover; background: var(--gray-300); display: block;}.blog-content{padding: 1.5rem; flex-grow: 1; display: flex; flex-direction: column;}.blog-meta{display: flex; gap: 0.5rem; margin-bottom: 1rem; font-size: 0.75rem; flex-wrap: wrap; align-items: center;}.blog-category{color: var(--primary-500); font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;}.blog-date{color: var(--text-muted); font-size: 0.75rem;}.blog-title{font-size: 1.1rem; font-weight: 600; color: var(--text-primary); margin-bottom: 0.8rem; line-height: 1.4; min-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.blog-excerpt{color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin: 0; flex-grow: 1;}.pagination-section{padding: 2rem 0; display: flex; justify-content: center; margin-top: 2rem;}.pagination{display: flex; gap: 0.5rem; align-items: center;}.page-link{width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--gray-300); background: white; color: var(--text-secondary); display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 0.9rem; transition: all 0.3s ease; font-weight: 500;}.page-link:hover{background: var(--gray-200); color: var(--text-primary); border-color: var(--gray-300);}.page-link.active{background: var(--text-primary); color: white; border-color: var(--text-primary);}.page-link.disabled{opacity: 0.5; cursor: not-allowed; pointer-events: none;}@media (max-width: 768px){.page-hero h1{font-size: 2.5rem;}.blog-image{height: 200px;}.blog-section{padding: 40px 0;}.blog-filters{gap: 0.5rem; margin-bottom: 2rem;}.filter-btn{padding: 6px 16px; font-size: 0.8rem;}}@media (max-width: 480px){.page-hero h1{font-size: 2rem;}.blog-image{height: 180px;}.blog-title{font-size: 1rem;}.blog-excerpt{font-size: 0.85rem;}}.blog-image.loading{background: var(--gray-300); animation: pulse 1.5s ease-in-out infinite;}@keyframes pulse{0%, 100%{opacity: 1;}50%{opacity: 0.5;}}

/* /zopah_website/static/src/css/gallery.css */
 .page-hero{background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"%3E%3Cdefs%3E%3Cpattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"%3E%3Crect width="40" height="40" fill="%23333"/%3E%3Crect width="38" height="38" x="1" y="1" fill="%23444"/%3E%3C/pattern%3E%3C/defs%3E%3Crect width="1200" height="600" fill="url(%23grid)"/%3E%3C/svg%3E'); background-size: cover; background-position: center; min-height: 500px; display: flex; align-items: center; justify-content: center; text-align: center; color: white; position: relative;}.page-hero h1{font-size: 3.5rem; font-weight: 700; margin-bottom: 1rem;}.scroll-indicator{width: 30px; height: 30px; border: 2px solid white; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-top: 2rem; cursor: pointer; animation: bounce 2s infinite;}@keyframes bounce{0%, 20%, 50%, 80%, 100%{transform: translateY(0);}40%{transform: translateY(-10px);}60%{transform: translateY(-5px);}}.gallery-section{padding: 80px 0; background: white;}.gallery-category{margin-bottom: 3rem;}.category-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; cursor: pointer; padding: 1rem; border-radius: 8px; transition: background-color 0.3s ease;}.category-header:hover{background-color: var(--gray-50);}.category-header h2{font-size: 2rem; font-weight: 600; color: var(--text-primary); margin: 0;}.category-toggle{width: 40px; height: 40px; border-radius: 50%; background: transparent; border: 2px solid var(--text-primary); display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; flex-shrink: 0;}.category-toggle:hover{background-color: var(--primary-500); border-color: var(--primary-500); color: white;}.category-toggle i{transition: transform 0.3s ease; color: var(--text-primary);}.category-toggle:hover i{color: white;}.category-toggle.active i{transform: rotate(180deg);}.gallery-carousel{position: relative; margin-bottom: 2rem;}.carousel-container{overflow: hidden; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);}.carousel-image{width: 100%; height: 500px; object-fit: cover; background: var(--gray-300); transition: opacity 0.3s ease-in-out; display: block;}.carousel-control{position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background: rgba(0, 0, 0, 0.7); border: none; border-radius: 50%; color: white; font-size: 1.2rem; cursor: pointer; z-index: 10; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center;}.carousel-control:hover{background: rgba(0, 0, 0, 0.9); transform: translateY(-50%) scale(1.1);}.carousel-control:active{transform: translateY(-50%) scale(0.95);}.carousel-control.prev{left: 20px;}.carousel-control.next{right: 20px;}.carousel-counter{position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.7); color: white; padding: 8px 20px; border-radius: 25px; font-size: 14px; font-weight: 500; z-index: 10; user-select: none;}.carousel-counter .current-slide{font-weight: 700;}.carousel-images-data{display: none !important;}@media (max-width: 768px){.page-hero h1{font-size: 2.5rem;}.category-header h2{font-size: 1.5rem;}.carousel-image{height: 350px;}.carousel-control{width: 40px; height: 40px; font-size: 1rem;}.carousel-control.prev{left: 10px;}.carousel-control.next{right: 10px;}.carousel-counter{padding: 6px 15px; font-size: 12px;}.gallery-section{padding: 40px 0;}}@media (max-width: 480px){.page-hero h1{font-size: 2rem;}.category-header h2{font-size: 1.25rem;}.carousel-image{height: 250px;}.category-header{padding: 0.5rem;}.category-toggle{width: 35px; height: 35px;}}.carousel-image.loading{background: var(--gray-300); animation: pulse 1.5s ease-in-out infinite;}@keyframes pulse{0%, 100%{opacity: 1;}50%{opacity: 0.5;}}

/* /zopah_website/static/src/css/style.css */
 :root{--primary-50: #e8f2fb; --primary-100: #c2dff5; --primary-200: #99cbef; --primary-300: #70b7e9; --primary-400: #52a7e4; --primary-500: #2473be; --primary-600: #1f62a3; --primary-700: #1a5188; --primary-800: #15406d; --primary-900: #0f2e52; --secondary-50: #fff4e6; --secondary-100: #ffe0b2; --secondary-200: #ffcc80; --secondary-300: #ffb74d; --secondary-400: #ffa726; --secondary-500: #ff9800; --secondary-600: #fb8c00; --secondary-700: #f57c00; --secondary-800: #ef6c00; --secondary-900: #e65100; --success-50: #e8f5e9; --success-100: #c8e6c9; --success-200: #a5d6a7; --success-300: #81c784; --success-400: #66bb6a; --success-500: #4caf50; --success-600: #43a047; --success-700: #388e3c; --success-800: #2e7d32; --success-900: #1b5e20; --danger-50: #ffebee; --danger-100: #ffcdd2; --danger-200: #ef9a9a; --danger-300: #e57373; --danger-400: #ef5350; --danger-500: #f44336; --danger-600: #e53935; --danger-700: #d32f2f; --danger-800: #c62828; --danger-900: #b71c1c; --warning-50: #fffbf0; --warning-100: #fff3d9; --warning-200: #ffe9b8; --warning-300: #ffdf97; --warning-400: #ffd87e; --warning-500: #ffc107; --warning-600: #ffb300; --warning-700: #ffa000; --warning-800: #ff8f00; --warning-900: #ff6f00; --info-50: #e0f7fa; --info-100: #b2ebf2; --info-200: #80deea; --info-300: #4dd0e1; --info-400: #26c6da; --info-500: #00bcd4; --info-600: #00acc1; --info-700: #0097a7; --info-800: #00838f; --info-900: #006064; --gray-50: #fafafa; --gray-100: #f5f5f5; --gray-200: #eeeeee; --gray-300: #e0e0e0; --gray-400: #bdbdbd; --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; --dark-bg-primary: #1a252f; --dark-bg-secondary: #2c3e50; --dark-bg-tertiary: #34495e; --text-primary: #2c3e50; --text-secondary: #666666; --text-muted: #999999;}.btn-primary{--bs-btn-bg: var(--primary-500); --bs-btn-border-color: var(--primary-500); --bs-btn-hover-bg: var(--primary-600); --bs-btn-hover-border-color: var(--primary-600); --bs-btn-active-bg: var(--primary-700); --bs-btn-active-border-color: var(--primary-700); --bs-btn-disabled-bg: var(--primary-500); --bs-btn-disabled-border-color: var(--primary-500);}.btn-outline-primary{--bs-btn-color: var(--primary-500); --bs-btn-border-color: var(--primary-500); --bs-btn-hover-bg: var(--primary-500); --bs-btn-hover-border-color: var(--primary-500); --bs-btn-active-bg: var(--primary-500); --bs-btn-active-border-color: var(--primary-500);}.btn-secondary{--bs-btn-bg: var(--secondary-500); --bs-btn-border-color: var(--secondary-500); --bs-btn-hover-bg: var(--secondary-600); --bs-btn-hover-border-color: var(--secondary-600); --bs-btn-active-bg: var(--secondary-700); --bs-btn-active-border-color: var(--secondary-700);}.btn-success{--bs-btn-bg: var(--success-500); --bs-btn-border-color: var(--success-500); --bs-btn-hover-bg: var(--success-600); --bs-btn-hover-border-color: var(--success-600);}.btn-danger{--bs-btn-bg: var(--danger-500); --bs-btn-border-color: var(--danger-500); --bs-btn-hover-bg: var(--danger-600); --bs-btn-hover-border-color: var(--danger-600);}.btn-warning{--bs-btn-bg: var(--warning-500); --bs-btn-border-color: var(--warning-500); --bs-btn-hover-bg: var(--warning-600); --bs-btn-hover-border-color: var(--warning-600); --bs-btn-color: #000;}.btn-info{--bs-btn-bg: var(--info-500); --bs-btn-border-color: var(--info-500); --bs-btn-hover-bg: var(--info-600); --bs-btn-hover-border-color: var(--info-600);}.bg-primary{background-color: var(--primary-500) !important;}.bg-primary-light{background-color: var(--primary-50) !important; color: var(--primary-800) !important;}.bg-primary-dark{background-color: var(--primary-700) !important;}.bg-secondary{background-color: var(--secondary-500) !important;}.bg-success{background-color: var(--success-500) !important;}.bg-danger{background-color: var(--danger-500) !important;}.bg-warning{background-color: var(--warning-500) !important; color: #000 !important;}.bg-info{background-color: var(--info-500) !important;}.text-primary{color: var(--primary-500) !important;}.text-secondary{color: var(--secondary-500) !important;}.text-success{color: var(--success-500) !important;}.text-danger{color: var(--danger-500) !important;}.text-warning{color: var(--warning-500) !important;}.text-info{color: var(--info-500) !important;}.border-primary{border-color: var(--primary-500) !important;}.border-secondary{border-color: var(--secondary-500) !important;}.border-success{border-color: var(--success-500) !important;}.border-danger{border-color: var(--danger-500) !important;}.border-warning{border-color: var(--warning-500) !important;}.border-info{border-color: var(--info-500) !important;}.alert-primary{--bs-alert-bg: var(--primary-50); --bs-alert-border-color: var(--primary-100); --bs-alert-color: var(--primary-800);}.alert-secondary{--bs-alert-bg: var(--secondary-50); --bs-alert-border-color: var(--secondary-100); --bs-alert-color: var(--secondary-800);}.alert-success{--bs-alert-bg: var(--success-50); --bs-alert-border-color: var(--success-100); --bs-alert-color: var(--success-800);}.alert-danger{--bs-alert-bg: var(--danger-50); --bs-alert-border-color: var(--danger-100); --bs-alert-color: var(--danger-800);}.alert-warning{--bs-alert-bg: var(--warning-50); --bs-alert-border-color: var(--warning-100); --bs-alert-color: var(--warning-800);}.alert-info{--bs-alert-bg: var(--info-50); --bs-alert-border-color: var(--info-100); --bs-alert-color: var(--info-800);}.badge.bg-primary{background-color: var(--primary-500) !important;}.badge.bg-secondary{background-color: var(--secondary-500) !important;}.badge.bg-success{background-color: var(--success-500) !important;}.badge.bg-danger{background-color: var(--danger-500) !important;}.badge.bg-warning{background-color: var(--warning-500) !important; color: #000 !important;}.badge.bg-info{background-color: var(--info-500) !important;}a{color: var(--primary-500); text-decoration: none;}a:hover{color: var(--primary-600);}.progress-bar{background-color: var(--primary-500);}.progress-bar.bg-secondary{background-color: var(--secondary-500) !important;}.progress-bar.bg-success{background-color: var(--success-500) !important;}.progress-bar.bg-danger{background-color: var(--danger-500) !important;}.progress-bar.bg-warning{background-color: var(--warning-500) !important;}.progress-bar.bg-info{background-color: var(--info-500) !important;}.form-check-input:checked{background-color: var(--primary-500); border-color: var(--primary-500);}.form-control:focus, .form-select:focus{border-color: var(--primary-500); box-shadow: 0 0 0 0.25rem rgba(36, 115, 190, 0.25);}.list-group-item-primary{background-color: var(--primary-50); color: var(--primary-800);}.list-group-item-primary.list-group-item-action:hover{background-color: var(--primary-100);}.table-primary{--bs-table-bg: var(--primary-50); --bs-table-color: var(--primary-800);}.pagination .page-link{color: var(--primary-500);}.pagination .page-item.active .page-link{background-color: var(--primary-500); border-color: var(--primary-500);}.pagination .page-link:hover{color: var(--primary-600);}.navbar.bg-primary{background-color: var(--primary-500) !important;}.nav-pills .nav-link.active, .nav-pills .show > .nav-link{color: var(--primary-500) !important; background-color: white !important;}.bg-gradient-primary{background: linear-gradient( 135deg, var(--primary-500) 0%, var(--primary-400) 100% ) !important; color: white;}.bg-gradient-secondary{background: linear-gradient( 135deg, var(--secondary-500) 0%, var(--secondary-300) 100% ) !important; color: white;}.shadow-primary{box-shadow: 0 0.5rem 1rem rgba(36, 115, 190, 0.15) !important;}body{font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 0;}.zopah-navbar{transition: all 0.3s ease; background-color: transparent;}.zopah-navbar.scrolled{background-color: var(--bs-primary) !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}.navbar{background: transparent; width: 100%; z-index: 1000; padding: 1.5rem 0;}.navbar-brand{color: white !important; font-size: 1.5rem; font-weight: bold;}.navbar-nav .nav-link{color: white !important; margin: 0 0.8rem; font-size: 0.95rem; transition: opacity 0.3s ease;}.navbar-nav .nav-link:hover{opacity: 0.8;}.header-contact{display: flex; align-items: center; gap: 1rem;}.phone-btn{color: white; text-decoration: none; font-size: 0.9rem; transition: opacity 0.3s ease;}.phone-btn:hover{opacity: 0.8;}.get-quote-btn{border: 2px solid white; color: white; background: transparent; padding: 8px 20px; border-radius: 25px; text-decoration: none; font-size: 0.9rem; transition: all 0.3s ease;}.get-quote-btn:hover{background: white; color: var(--primary-500);}.hero-section{background: linear-gradient(135deg, #5b6fc7 0%, #7b88d4 50%, #a8b5e8 100%); min-height: 600px; position: relative; padding-top: 150px; padding-bottom: 100px;}.hero-content h1{color: white; font-size: 3.5rem; font-weight: 700; line-height: 1.2; margin-bottom: 1.5rem;}.hero-content p{color: rgba(255, 255, 255, 0.9); font-size: 1rem; line-height: 1.6; margin-bottom: 2rem; max-width: 500px;}.hero-btn{background: var(--primary-500); color: white; border: none; padding: 12px 30px; border-radius: 50px; font-weight: 600; cursor: pointer; transition: background 0.3s ease;}.hero-btn:hover{background: var(--primary-600); color: white; text-decoration: none;}.hero-btn:active{background: var(--primary-700);}.hero-image{position: absolute; right: 0; bottom: 0; width: 50%; height: 100%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><rect fill="%23aaa" opacity="0.2" width="600" height="600"/></svg>'); background-size: cover;}.about-section{padding: 80px 0;}.section-badge{color: var(--primary-500); font-weight: 600; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 1px; margin-bottom: 1rem;}.section-title{font-size: 2.5rem; font-weight: 700; color: var(--text-primary); margin-bottom: 1.5rem; line-height: 1.3;}.about-text{color: var(--text-secondary); line-height: 1.8; margin-bottom: 2rem;}.learn-more-btn{background: var(--primary-500); color: white; border: none; padding: 12px 30px; border-radius: 42px; font-weight: 600; text-transform: uppercase; font-size: 0.9rem; cursor: pointer; transition: background 0.3s ease;}.learn-more-btn:hover{background: var(--primary-600); color: white; text-decoration: none;}.learn-more-btn:active{background: var(--primary-700);}.services-section{background: #f0f4fd; padding: 80px 0;}.service-item{display: flex; align-items: center; padding: 1.5rem; background: white; border-radius: 8px; margin-bottom: 1rem; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer;}.service-item:hover{transform: translateY(-2px); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}.service-icon{color: var(--primary-500); font-size: 1.5rem; margin-right: 1rem;}.service-name{font-weight: 600; color: var(--text-primary); margin: 0;}.service-detail-box{padding: 2rem; border-radius: 8px;}.round-circle-icon{width: 40px; height: 40px; border-radius: 50%; background: white; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; margin-bottom: 1rem;}.service-detail-box h5{display: flex; align-items: center; margin-bottom: 1rem; color: var(--text-primary);}.service-detail-box p{color: var(--text-secondary); line-height: 1.8; margin-bottom: 1.5rem;}.creative-banner{background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), linear-gradient(135deg, var(--primary-500) 0%, var(--primary-400) 100%); background-size: cover; background-position: center; padding: 100px 0; text-align: center; color: white;}.creative-banner h2{font-size: 2.5rem; font-weight: 700; margin-bottom: 0.5rem;}.stats-section{padding: 80px 0;}.stat-box{text-align: center;}.stat-number{font-size: 3rem; font-weight: 700; color: var(--text-primary); margin-bottom: 0.5rem;}.stat-label{color: var(--text-secondary); font-size: 1.1rem;}.rating-stars{color: var(--warning-500); font-size: 1.5rem; margin: 0.5rem 0;}.testimonial-card{background: white; padding: 2rem; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); height: 100%; transition: transform 0.3s ease, box-shadow 0.3s ease;}.testimonial-card:hover{transform: translateY(-4px); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);}.testimonial-text{color: var(--text-secondary); line-height: 1.6; margin-bottom: 2rem;}.testimonial-author{display: flex; align-items: center; gap: 1rem;}.author-img{width: 50px; height: 50px; border-radius: 50%; background: var(--gray-300);}.author-name{font-weight: 600; color: var(--text-primary); margin: 0;}.author-title{color: var(--text-muted); font-size: 0.9rem;}.blog-section{background: var(--gray-50); padding: 80px 0;}.blog-card{background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); height: 100%; transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer;}.blog-card:hover{transform: translateY(-4px); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);}.blog-image{width: 100%; height: 200px; background: var(--gray-300);}.blog-content{padding: 1.5rem;}.blog-category{color: var(--primary-500); font-weight: 600; font-size: 0.8rem; text-transform: uppercase; margin-bottom: 0.5rem;}.blog-date{color: var(--text-muted); font-size: 0.85rem; margin-bottom: 1rem;}.blog-title{color: var(--text-primary); font-weight: 600; font-size: 1rem; line-height: 1.5;}.round-arrow{width: 30px; height: 30px; border-radius: 50%;}.footer-cta{background: var(--primary-500); padding: 60px 0; text-align: center; color: white;}.footer-cta h2{font-size: 2.5rem; font-weight: 700;}.footer{background: var(--primary-500); color: white; padding: 60px 0 30px;}.footer h5{font-weight: 600; margin-bottom: 1.5rem;}.footer-links{list-style: none; padding: 0;}.footer-links li{margin-bottom: 0.8rem;}.footer-links a{color: rgba(255, 255, 255, 0.7); text-decoration: none; font-size: 0.9rem; transition: color 0.3s ease;}.footer-links a:hover{color: white;}.footer-bottom{border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top: 3rem; padding-top: 2rem;}@media (max-width: 768px){.section-title{font-size: 2rem;}.hero-content h1{font-size: 2.5rem;}.hero-btn{width: 100%;}.stat-number{font-size: 2.5rem;}.creative-banner h2{font-size: 2rem;}.footer-cta h2{font-size: 2rem;}}@media (max-width: 576px){.section-title{font-size: 1.75rem;}.hero-content h1{font-size: 2rem;}.about-section, .services-section, .stats-section, .blog-section{padding: 60px 0;}.hero-section{padding-top: 120px; padding-bottom: 60px;}}