:root {--primary-green:#3b82f6; --dark-green:#1d4ed8; --light-green:#bfdbfe; --white:#ffffff; --dark-gray:#1f2937; --light-gray:#f3f4f6; --text-dark:#374151; --border-light:#e5e7eb; --shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1); --shadow-md:0 4px 6px -1px rgba(0,0,0,0.1); --shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1); --btn-duration:0.45s; --btn-ease:cubic-bezier(0.22,1,0.36,1); }* {margin:0; padding:0; box-sizing:border-box; }body {font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif; color:var(--text-dark); line-height:1.6; overflow-x:hidden; }html {scroll-behavior:smooth; }.navbar-custom {background-color:var(--white); box-shadow:var(--shadow-sm); padding:1rem 0; transition:all 0.3s ease; }.navbar-custom:hover {box-shadow:var(--shadow-md); }.brand-icon {background:linear-gradient(135deg,var(--primary-green),var(--dark-green)); color:var(--white); border-radius:50%; width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; font-weight:bold; margin-right:8px; }.navbar-brand {color:var(--dark-gray) !important; font-size:1.5rem; }.nav-link {color:var(--text-dark) !important; font-weight:500; margin-left:1.5rem; transition:all 0.3s ease; }.nav-link:hover {color:var(--primary-green) !important; }.hero-section {background:linear-gradient(135deg,rgba(59,130,246,0.1),rgba(96,165,250,0.05)); padding:150px 0 100px; min-height:100vh; display:flex; align-items:center; margin-top:70px; position:relative; overflow:hidden; }.hero-section::before {content:''; position:absolute; top:-50%; right:-10%; width:600px; height:600px; background:radial-gradient(circle,rgba(59,130,246,0.1) 0%,transparent 70%); border-radius:50%; z-index:0; }.hero-content {position:relative; z-index:1; }.hero-title {font-size:4rem; font-weight:900; color:var(--dark-gray); margin-bottom:1.5rem; line-height:1.1; letter-spacing:-1px; }.gradient-text {background:linear-gradient(135deg,var(--primary-green),var(--dark-green)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }.hero-subtitle {font-size:1.6rem; color:var(--primary-green); font-weight:700; margin-bottom:1.5rem; letter-spacing:0.5px; }.hero-description {font-size:1.15rem; color:var(--text-dark); max-width:550px; margin-bottom:2.5rem; line-height:1.8; font-weight:500; }.btn,button,input[type="submit"] {transition:transform var(--btn-duration) var(--btn-ease),box-shadow var(--btn-duration) var(--btn-ease),background-color var(--btn-duration) var(--btn-ease),border-color var(--btn-duration) var(--btn-ease),color var(--btn-duration) var(--btn-ease); will-change:transform,box-shadow; transform:translateZ(0); backface-visibility:hidden; }.btn-action {padding:1rem 2.5rem !important; font-weight:700; border-radius:10px; transition:transform var(--btn-duration) var(--btn-ease),box-shadow var(--btn-duration) var(--btn-ease),background var(--btn-duration) var(--btn-ease),border-color var(--btn-duration) var(--btn-ease),color var(--btn-duration) var(--btn-ease); font-size:1rem; display:inline-flex; align-items:center; justify-content:center; }.btn-primary {background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%); border:none; color:var(--white); box-shadow:0 4px 15px rgba(59,130,246,0.3); }.btn-primary:hover {background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 100%); border:none; transform:translateY(-4px); box-shadow:0 8px 25px rgba(59,130,246,0.4); }.btn-outline-primary {color:var(--primary-green); border-color:var(--primary-green); border-width:2px; background-color:transparent; }.btn-outline-primary:hover {background-color:var(--primary-green); color:var(--white); border-color:var(--primary-green); transform:translateY(-4px); box-shadow:0 8px 25px rgba(59,130,246,0.3); }.btn:active,button:active,input[type="submit"]:active {transform:translateY(-1px) scale(0.99); }.hero-icon {font-size:10rem; background:linear-gradient(135deg,var(--primary-green),var(--dark-green)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; opacity:0.15; animation:float 4s ease-in-out infinite; }@keyframes float {0%,100% {transform:translateY(0px); }50% {transform:translateY(-20px); }}.section-title {font-size:2.5rem; font-weight:800; color:var(--dark-gray); margin-bottom:0.5rem; }.section-subtitle {font-size:1rem; color:var(--primary-green); font-weight:600; }.about-section {background:linear-gradient(135deg,rgba(59,130,246,0.08),rgba(96,165,250,0.06)); }.about-text {font-size:1.05rem; color:var(--text-dark); line-height:1.75; max-width:760px; margin:0.75rem auto 0; }.about-shell {background:linear-gradient(135deg,rgba(255,255,255,0.82),rgba(255,255,255,0.72)); border:1px solid rgba(59,130,246,0.12); border-radius:32px; padding:2.25rem 2rem; box-shadow:none; }.about-story-card {background:rgba(255,255,255,0.75); border-radius:22px; padding:1.5rem; border:1px solid rgba(59,130,246,0.08); }.about-points {list-style:none; margin:0; padding:0; }.about-points li {position:relative; padding-left:1.8rem; margin-bottom:1.15rem; font-size:1.03rem; color:var(--text-dark); line-height:1.65; }.about-points li:last-child {margin-bottom:0; }.about-points li::before {content:''; position:absolute; left:0.45rem; top:0.7rem; width:8px; height:8px; border-radius:50%; background:linear-gradient(135deg,var(--primary-green),var(--dark-green)); }.about-feature-panel {background:linear-gradient(165deg,rgba(255,255,255,0.9),rgba(191,219,254,0.35)); border:1px solid rgba(59,130,246,0.15); border-radius:18px; padding:1.5rem; box-shadow:0 10px 24px rgba(29,78,216,0.1); }.about-feature-icon {width:56px; height:56px; border-radius:14px; display:inline-flex; align-items:center; justify-content:center; font-size:1.4rem; margin-bottom:0.9rem; color:var(--primary-green); background:rgba(59,130,246,0.14); }.about-feature-panel h4 {color:var(--dark-gray); font-size:1.25rem; margin-bottom:0.6rem; font-weight:800; }.about-feature-panel p {color:var(--text-dark); margin-bottom:0; line-height:1.65; }.about-pillar-card {background:var(--white); border-radius:12px; padding:2rem; border-top:4px solid var(--primary-green); box-shadow:var(--shadow-sm); transition:all 0.3s ease; text-align:center; height:100%; max-width:300px; margin:0 auto; }.about-pillar-card:hover {transform:translateY(-10px); box-shadow:var(--shadow-lg); }.about-pillar-card i {font-size:2.5rem; color:var(--primary-green); margin-bottom:1rem; }.about-pillar-card h4 {color:var(--dark-gray); font-weight:800; margin-bottom:0.5rem; }.about-pillar-card p {margin-bottom:0; color:var(--text-dark); font-size:0.95rem; }.services-section {background-color:var(--white); }.service-card {background:var(--white); padding:2.5rem 2rem; border-radius:12px; box-shadow:var(--shadow-md); transition:all 0.3s ease; text-align:center; border:2px solid transparent; }.service-card:hover {border-color:var(--primary-green); transform:translateY(-15px); box-shadow:var(--shadow-lg); }.service-card-link {text-decoration:none; color:inherit; display:block; cursor:pointer; }.service-icon {width:70px; height:70px; background:linear-gradient(135deg,var(--primary-green),var(--dark-green)); color:var(--white); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.8rem; margin:0 auto 1.5rem; transition:all 0.3s ease; }.service-card:hover .service-icon {transform:rotate(10deg) scale(1.1); }.service-card h4 {color:var(--dark-gray); font-weight:700; margin-bottom:1rem; font-size:1.3rem; }.service-card p {color:var(--text-dark); font-size:0.95rem; }.packages-section {background-color:var(--light-gray); }.package-card {background:var(--white); border-radius:14px; box-shadow:var(--shadow-md); padding:2rem; height:100%; border:2px solid transparent; transition:all 0.3s ease; }.package-card:hover {transform:translateY(-8px); box-shadow:var(--shadow-lg); border-color:var(--primary-green); }.package-label {display:inline-block; background:var(--light-green); color:var(--dark-green); font-size:0.75rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; padding:0.35rem 0.7rem; border-radius:999px; margin-bottom:1rem; }.package-card h4 {color:var(--dark-gray); font-weight:700; margin-bottom:0.5rem; }.package-price {color:var(--primary-green); font-size:1.4rem; font-weight:800; margin-bottom:1rem; }.package-features {list-style:none; padding-left:0; margin-bottom:1.5rem; }.package-features li {color:var(--text-dark); font-size:0.95rem; margin-bottom:0.6rem; padding-left:1.2rem; position:relative; }.package-features li::before {content:'\2022'; color:var(--text-dark); font-weight:700; position:absolute; left:0; top:0; }.featured-package {border-color:var(--primary-green); position:relative; }.featured-package::after {content:'Most Popular'; position:absolute; top:14px; right:14px; background:linear-gradient(135deg,var(--primary-green),var(--dark-green)); color:var(--white); font-size:0.68rem; font-weight:700; text-transform:uppercase; letter-spacing:0.06em; padding:0.3rem 0.55rem; border-radius:999px; }.faq-section {background-color:var(--white); }.faq-item {border:1px solid #e5e7eb; border-radius:10px; overflow:hidden; margin-bottom:0.9rem; box-shadow:var(--shadow-sm); }.faq-item .accordion-button {background:var(--white); color:var(--dark-gray); font-weight:700; padding:1rem 1.2rem; box-shadow:none; }.faq-item .accordion-button:not(.collapsed) {background:#f8fffc; color:var(--dark-green); }.faq-item .accordion-button:focus {box-shadow:0 0 0 0.2rem rgba(16,185,129,0.2); }.faq-item .accordion-body {color:var(--text-dark); line-height:1.7; padding:1rem 1.2rem 1.2rem; }.faq-item .collapsing {transition:height 0.45s cubic-bezier(0.22,1,0.36,1); }.faq-item .accordion-collapse .accordion-body {opacity:0; transform:translateY(-6px); transition:opacity 0.3s ease,transform 0.3s ease; }.faq-item .accordion-collapse.show .accordion-body,.faq-item .collapsing .accordion-body {opacity:1; transform:translateY(0); }.portfolio-section {background-color:var(--light-gray); }.portfolio-card {background:var(--white); padding:2rem; border-radius:12px; box-shadow:var(--shadow-md); transition:all 0.3s ease; position:relative; overflow:hidden; }.portfolio-card::before {content:''; position:absolute; top:0; left:0; width:100%; height:4px; background:linear-gradient(90deg,var(--primary-green),var(--dark-green)); }.portfolio-card:hover {transform:translateY(-10px); box-shadow:var(--shadow-lg); }.portfolio-card-link {text-decoration:none; color:inherit; display:block; cursor:pointer; }.portfolio-header {font-size:3rem; color:var(--primary-green); margin-bottom:1rem; }.portfolio-card h4 {color:var(--dark-gray); font-weight:700; margin-bottom:1rem; font-size:1.2rem; }.portfolio-card p {color:var(--text-dark); font-size:0.95rem; margin-bottom:1.5rem; }.portfolio-tags {display:flex; flex-wrap:wrap; gap:0.5rem; }.tag {background-color:var(--light-green); color:var(--dark-green); padding:0.4rem 0.8rem; border-radius:20px; font-size:0.8rem; font-weight:600; }.testimonials-section {background-color:var(--light-gray); }.testimonial-card {background:var(--white); padding:2.5rem 2rem; border-radius:12px; box-shadow:var(--shadow-md); transition:all 0.3s ease; height:100%; position:relative; border-left:4px solid var(--primary-green); }.testimonial-card:hover {transform:translateY(-10px); box-shadow:var(--shadow-lg); }.stars {display:flex; gap:0.5rem; }.stars i {color:#fbbf24; font-size:1.1rem; }.testimonial-text {color:var(--text-dark); font-size:0.95rem; line-height:1.8; font-style:italic; margin:1rem 0; }.testimonial-author {display:flex; align-items:center; gap:1rem; }.author-avatar {font-size:3rem; color:var(--primary-green); opacity:0.7; }.author-name {font-weight:700; color:var(--dark-gray); margin:0; font-size:1rem; }.author-title {color:var(--text-dark); font-size:0.85rem; margin:0; opacity:0.8; }.skills-section {background:linear-gradient(135deg,var(--light-gray) 0%,rgba(59,130,246,0.05) 100%); }.skills-section .section-title {color:var(--dark-gray); font-size:2.5rem; font-weight:900; letter-spacing:-1px; margin-bottom:0.5rem; }.skills-section .section-subtitle {color:var(--primary-green); font-size:1rem; font-weight:600; }.skill-category-card {background:var(--white); padding:1.8rem; border-radius:12px; box-shadow:0 2px 12px rgba(59,130,246,0.14); transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94); border:1px solid rgba(59,130,246,0.1); height:100%; display:flex; flex-direction:column; }.skill-category-card:hover {box-shadow:0 8px 20px rgba(59,130,246,0.12); border-color:rgba(59,130,246,0.2); }.skill-icon {width:50px; height:50px; background:linear-gradient(135deg,var(--primary-green),var(--dark-green)); color:var(--white); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.8rem; margin-bottom:0.8rem; box-shadow:0 4px 12px rgba(59,130,246,0.15); }.skill-category-title {color:var(--dark-gray); font-weight:800; font-size:1.2rem; margin-bottom:0.8rem; display:block; letter-spacing:-0.3px; }.skill-list {display:flex; flex-wrap:wrap; gap:0.5rem; flex-grow:1; align-content:flex-start; }.skill-badge {background-color:rgba(59,130,246,0.08); color:var(--dark-green); padding:0.45rem 0.8rem; border-radius:8px; font-size:0.85rem; font-weight:600; transition:all 0.2s ease; display:inline-block; border:1px solid rgba(59,130,246,0.15); white-space:nowrap; }.skill-badge:hover {background-color:var(--primary-green); color:var(--white); border-color:var(--primary-green); transform:translateY(-2px); box-shadow:0 4px 12px rgba(59,130,246,0.2); }.skill-category {color:var(--dark-gray); font-weight:700; font-size:1.1rem; margin-bottom:1rem; display:block; }.blog-section {background-color:var(--light-gray); }.blog-more-btn {padding:0.6rem 1.2rem; font-size:1rem; font-weight:600; border-radius:8px; min-width:180px; }.blog-more-btn:hover {transform:translateY(-2px); box-shadow:0 6px 16px rgba(59,130,246,0.2); }.blog-card {background:var(--white); padding:2rem; border-radius:12px; box-shadow:var(--shadow-md); transition:all 0.3s ease; height:100%; position:relative; }.blog-card:hover {transform:translateY(-10px); box-shadow:var(--shadow-lg); }.blog-date {color:var(--primary-green); font-weight:700; font-size:0.8rem; margin-bottom:1rem; text-transform:uppercase; }.blog-card h4 {color:var(--dark-gray); font-weight:700; margin-bottom:1rem; font-size:1.2rem; line-height:1.4; }.blog-card p {color:var(--text-dark); font-size:0.95rem; margin-bottom:1.5rem; }.read-more {color:var(--primary-green); font-weight:700; text-decoration:none; transition:all 0.3s ease; display:inline-block; }.read-more:hover {color:var(--dark-green); transform:translateX(5px); }.article-page {background:radial-gradient(circle at top left,rgba(26,111,223,0.14),transparent 45%),radial-gradient(circle at bottom right,rgba(74,144,226,0.12),transparent 42%),#f6f9ff; min-height:100vh; }.article-back-link {color:var(--primary-green); text-decoration:none; font-weight:700; display:inline-flex; align-items:center; transition:color 0.3s ease; }.article-back-link:hover {color:var(--dark-green); }.article-card {max-width:880px; margin:0 auto; background:var(--white); border-radius:16px; box-shadow:var(--shadow-lg); border:1px solid rgba(26,111,223,0.12); overflow:hidden; }.article-header {padding:2.5rem 2.5rem 1.5rem; background:linear-gradient(135deg,rgba(26,111,223,0.08),rgba(74,144,226,0.1)); border-bottom:1px solid rgba(26,111,223,0.14); }.article-badge {display:inline-block; padding:0.35rem 0.8rem; border-radius:999px; background:rgba(26,111,223,0.12); color:var(--primary-green); font-size:0.78rem; font-weight:800; letter-spacing:0.04em; text-transform:uppercase; margin-bottom:1rem; }.article-header h1 {font-size:2rem; line-height:1.3; color:var(--dark-gray); margin-bottom:0.7rem; }.article-meta {margin:0; color:var(--text-muted); font-weight:600; }.article-body {padding:2rem 2.5rem 2.5rem; }.article-body p,.article-body li {color:var(--text-dark); font-size:1rem; line-height:1.8; }.article-body h2 {color:var(--dark-gray); margin-top:2rem; margin-bottom:0.75rem; font-size:1.35rem; }.article-body h3 {color:var(--dark-gray); margin-top:1.35rem; margin-bottom:0.6rem; font-size:1.1rem; }.article-body ul,.article-body ol {margin-bottom:1.25rem; padding-left:1.35rem; }.article-body blockquote {margin:1.75rem 0; padding:1.05rem 1.25rem; border-left:4px solid var(--primary-green); background:rgba(26,111,223,0.07); border-radius:8px; color:var(--dark-gray); font-style:italic; }.article-body .pullquote {margin:1.75rem 0; padding:1.05rem 1.25rem; border-left:4px solid var(--primary-green); background:rgba(26,111,223,0.07); border-radius:8px; color:var(--dark-gray); font-style:italic; line-height:1.7; }.article-body .highlight-box {margin:1.75rem 0; padding:1.1rem 1.2rem; border-radius:10px; border:1px solid rgba(26,111,223,0.2); background:linear-gradient(135deg,rgba(26,111,223,0.08),rgba(74,144,226,0.05)); }.article-body .highlight-box strong {display:block; margin-bottom:0.45rem; font-size:0.82rem; letter-spacing:0.04em; text-transform:uppercase; color:var(--primary-green); }.article-body .highlight-box p {margin-bottom:0; }.article-body .divider {display:flex; align-items:center; gap:0.8rem; margin:1.8rem 0; color:var(--primary-green); font-size:0.8rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; }.article-body .divider::before,.article-body .divider::after {content:""; flex:1; height:1px; background:rgba(26,111,223,0.2); }.article-body .conclusion {margin-top:2rem; padding:1.5rem; border-radius:12px; border:1px solid rgba(26,111,223,0.2); background:linear-gradient(140deg,rgba(26,111,223,0.12),rgba(74,144,226,0.08)); }.article-body .conclusion h2 {margin-top:0; }.article-body .cta-link {display:inline-block; margin-top:0.6rem; text-decoration:none; font-weight:700; color:var(--dark-green); }.article-body .cta-link:hover {color:var(--primary-green); }.article-sidebar {position:sticky; top:120px; margin-top:1rem; }.sidebar-widget {background:var(--white); border-radius:12px; padding:1.75rem; box-shadow:0 2px 12px rgba(26,111,223,0.08); border:1px solid rgba(26,111,223,0.12); transition:all 0.3s ease; }.sidebar-widget:hover {box-shadow:0 4px 20px rgba(26,111,223,0.12); }.sidebar-widget h3 {font-size:1.15rem; font-weight:700; color:var(--dark-gray); margin-bottom:1.5rem; padding-bottom:1rem; border-bottom:2px solid rgba(26,111,223,0.1); }.other-article-item {display:flex; flex-direction:column; gap:0.5rem; padding:1rem; margin-bottom:1rem; border-radius:8px; background:rgba(26,111,223,0.03); border:1px solid rgba(26,111,223,0.08); text-decoration:none; transition:all 0.3s ease; color:inherit; }.other-article-item:hover {background:rgba(26,111,223,0.08); border-color:var(--primary-green); transform:translateX(4px); }.other-article-item:last-child {margin-bottom:0; }.other-article-tag {display:inline-block; font-size:0.7rem; font-weight:800; letter-spacing:0.04em; text-transform:uppercase; color:var(--primary-green); padding:0.25rem 0.6rem; background:rgba(16,185,129,0.1); border-radius:4px; width:fit-content; }.other-article-item strong {font-size:0.95rem; line-height:1.4; color:var(--dark-gray); }@media (max-width:768px) {.article-header {padding:1.8rem 1.25rem 1.2rem; }.article-header h1 {font-size:1.5rem; }.article-body {padding:1.4rem 1.25rem 1.9rem; }.article-body h2 {font-size:1.2rem; }.article-body h3 {font-size:1.02rem; }.article-sidebar {position:relative; top:0; margin-top:2rem; }.sidebar-widget {padding:1.25rem; }.sidebar-widget h3 {font-size:1rem; margin-bottom:1rem; padding-bottom:0.75rem; }.other-article-item {padding:0.8rem; margin-bottom:0.8rem; }.other-article-item strong {font-size:0.9rem; }}.resources-section {background-color:var(--white); }.resource-card {background:var(--light-gray); padding:2rem; border-radius:12px; transition:all 0.3s ease; text-align:center; border:2px solid var(--border-light); }.resource-card:hover {border-color:var(--primary-green); transform:translateY(-10px); box-shadow:var(--shadow-lg); }.resource-icon {font-size:2.5rem; color:var(--primary-green); margin-bottom:1rem; }.resource-card h4 {color:var(--dark-gray); font-weight:700; margin-bottom:1rem; font-size:1.1rem; }.resource-card p {color:var(--text-dark); font-size:0.95rem; margin-bottom:1.5rem; }.resource-card .btn-outline-primary {margin-top:auto; }.contact-section {background-color:var(--light-gray); }.contact-info {background:var(--white); padding:2rem; border-radius:12px; box-shadow:var(--shadow-sm); transition:all 0.3s ease; }.contact-info:hover {box-shadow:var(--shadow-md); transform:translateY(-5px); }.contact-info i {font-size:2rem; color:var(--primary-green); margin-bottom:1rem; }.contact-info h5 {color:var(--dark-gray); font-weight:700; margin-bottom:0.5rem; }.contact-info a {color:var(--primary-green); text-decoration:none; font-weight:600; transition:all 0.3s ease; }.contact-info a:hover {color:var(--dark-green); }.contact-form {background:var(--white); padding:2.5rem; border-radius:12px; box-shadow:var(--shadow-md); }.contact-form .form-control {border:2px solid var(--border-light); padding:0.75rem 1rem; border-radius:8px; transition:all 0.3s ease; font-size:1rem; }.contact-form .form-control:focus {border-color:var(--primary-green); box-shadow:0 0 0 0.2rem rgba(16,185,129,0.25); }.contact-form textarea {resize:none; font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif; }.footer {background:linear-gradient(180deg,#111827 0%,#0f172a 100%); color:rgba(255,255,255,0.9); padding:3.75rem 0 1.25rem; margin-top:5rem; }.footer-top {align-items:flex-start; }.footer-col {margin-bottom:0.5rem; }.footer-col-middle {text-align:center; }.footer-col-middle h5 {width:170px; margin-left:auto; margin-right:auto; text-align:left; padding-left:0; }.footer-col-middle .footer-links {display:block; width:170px; margin-left:auto; margin-right:auto; text-align:left; padding-left:0; }.footer-col-end {text-align:right; padding-right:14px; }.footer-col-end h5 {width:144px; text-align:left; margin-left:auto; }.footer-col-end .social-links {justify-content:flex-end; }.footer h5 {color:var(--white); font-weight:800; margin-bottom:1rem; letter-spacing:0.2px; }.footer p {color:rgba(255,255,255,0.7); margin-bottom:0.4rem; line-height:1.75; }.footer-brand-text {max-width:440px; }.footer-links {list-style:none; padding:0; margin:0; }.footer-links li {margin-bottom:0.55rem; }.footer-links a {color:rgba(255,255,255,0.75); text-decoration:none; transition:color 0.25s ease,padding-left 0.25s ease; }.footer-links a:hover {color:var(--white); padding-left:4px; }.social-links {display:flex; gap:0.75rem; flex-wrap:wrap; }.social-link {width:40px; height:40px; border-radius:10px; border:1px solid rgba(255,255,255,0.2); color:rgba(255,255,255,0.85); display:inline-flex; align-items:center; justify-content:center; text-decoration:none; transition:all 0.25s ease; }.social-link:hover {background:rgba(59,130,246,0.2); border-color:rgba(59,130,246,0.45); color:var(--white); transform:translateY(-2px); }.footer-divider {border:0; border-top:1px solid rgba(255,255,255,0.12); margin:1.5rem 0 1rem; }.footer .text-center p {margin-bottom:0; font-size:0.85rem; color:rgba(255,255,255,0.65); }.contact-info-box {background:var(--white); padding:2.5rem; border-radius:12px; box-shadow:0 4px 15px rgba(59,130,246,0.08); border:1px solid rgba(59,130,246,0.1); height:100%; }.contact-info-title {color:var(--dark-gray); font-weight:800; font-size:1.4rem; letter-spacing:-0.5px; }.contact-info-item {display:flex; gap:1.5rem; padding-bottom:1.5rem; border-bottom:1px solid rgba(59,130,246,0.08); transition:all 0.3s ease; }.contact-info-item:last-child {border-bottom:none; padding-bottom:0; }.contact-info-item:hover {padding-left:0.5rem; }.contact-info-icon {width:50px; height:50px; background:linear-gradient(135deg,rgba(59,130,246,0.1),rgba(29,78,216,0.05)); border-radius:10px; display:flex; align-items:center; justify-content:center; color:var(--primary-green); font-size:1.5rem; flex-shrink:0; }.contact-info-item.whatsapp-item .contact-info-icon {transform:translateY(-4px); }.contact-info-details h6 {color:var(--dark-gray); font-weight:700; margin-bottom:0.3rem; font-size:1rem; }.contact-info-details p {color:var(--text-dark); margin-bottom:0.3rem; font-weight:600; }.contact-info-details a {color:var(--primary-green); text-decoration:none; font-weight:700; transition:all 0.3s ease; }.contact-info-details a:hover {color:var(--dark-green); }.contact-info-details small {color:#9ca3af; font-size:0.85rem; display:block; }.contact-form {background:var(--white); padding:2.5rem; border-radius:12px; box-shadow:0 4px 15px rgba(59,130,246,0.08); border:1px solid rgba(59,130,246,0.1); }.contact-form .form-control {border:1.5px solid rgba(59,130,246,0.15); padding:0.85rem 1.2rem; border-radius:8px; transition:all 0.3s ease; font-size:1rem; background:rgba(59,130,246,0.02); }.contact-form .form-control:focus {border-color:var(--primary-green); box-shadow:0 0 0 0.2rem rgba(59,130,246,0.1); background:var(--white); }.contact-form textarea {resize:none; font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif; }.trust-bar {background:linear-gradient(135deg,var(--dark-gray) 0%,#2d3748 100%); padding:3rem 0; position:relative; overflow:hidden; }.trust-bar-title {text-align:center; color:var(--light-gray); font-size:0.85rem; font-weight:700; letter-spacing:2px; text-transform:uppercase; margin-bottom:2.5rem; opacity:0.9; }.logos-container {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:3rem; }.logo-item {display:flex; align-items:center; justify-content:center; padding:0.5rem 1.5rem; transition:all 0.3s ease; cursor:pointer; }.logo-img {max-height:50px; max-width:120px; filter:grayscale(100%); opacity:0.7; transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94); }.logo-item:hover .logo-img {filter:grayscale(0%); opacity:1; transform:scale(1.1); }@media (max-width:768px) {.hero-title {font-size:2.5rem; }.hero-subtitle {font-size:1.2rem; }.hero-description {font-size:1rem; }.hero-buttons {flex-direction:column; }.hero-buttons .btn {width:100%; margin-bottom:1rem; }.section-title {font-size:2rem; }.about-shell {border-radius:20px; padding:1.4rem 1.1rem; }.about-story-card {padding:1rem; }.about-points li {font-size:0.98rem; margin-bottom:0.9rem; }.about-feature-panel {padding:1.2rem; }.nav-link {margin-left:0; padding:0.5rem 0; }.hero-icon {margin-top:2rem; font-size:5rem; }.skill-list {gap:0.6rem; }.skill-badge {padding:0.5rem 0.9rem; font-size:0.8rem; }.skill-category-card {padding:2rem 1.8rem; }.skill-icon {width:45px; height:45px; font-size:1.6rem; margin-bottom:1rem; }.skill-category-title {font-size:1.1rem; margin-bottom:1rem; }.skills-section .section-title {font-size:2.2rem; }.contact-info-box {padding:2rem; }.contact-info-title {font-size:1.2rem; }.contact-info-item {gap:1.2rem; padding-bottom:1.2rem; }.contact-info-icon {width:45px; height:45px; font-size:1.3rem; }.contact-info-details h6 {font-size:0.95rem; }.contact-form {padding:2rem; }.contact-form .form-control {padding:0.75rem 1rem; font-size:0.95rem; }.trust-bar-title {font-size:0.75rem; letter-spacing:1.5px; }.logos-container {gap:2rem; }.footer {padding:3rem 0 1.25rem; }.footer-top {row-gap:1.5rem; }.footer-brand-text {max-width:100%; }.footer-col-middle,.footer-col-end {text-align:left; }.footer-col-middle .footer-links {display:block; width:auto; margin-left:0; margin-right:0; padding-left:0; }.footer-col-middle h5 {width:auto; margin-left:0; margin-right:0; text-align:left; }.footer-col-end .social-links {justify-content:flex-start; }.footer-col-end {padding-right:0; }.footer-col-end h5 {width:auto; margin-left:0; text-align:left; }.logo-img {max-height:45px; max-width:100px; }.testimonial-card {padding:2rem 1.5rem; }.testimonial-text {font-size:0.9rem; }.stars i {font-size:1rem; }}@media (max-width:480px) {.hero-title {font-size:2rem; }.hero-subtitle {font-size:1rem; }.section-title {font-size:1.5rem; }.about-text {font-size:0.95rem; }.about-pillar-card {padding:1.35rem 1rem; }.navbar-brand {font-size:1.2rem; }.hero-section {padding:100px 0 50px; margin-top:60px; }.service-card,.portfolio-card,.blog-card,.resource-card {padding:1.5rem; }.trust-bar-title {font-size:0.7rem; letter-spacing:1px; margin-bottom:2rem; }.logos-container {gap:1.5rem; }.logo-item {padding:0.5rem 1rem; }.logo-img {max-height:40px; max-width:90px; }.testimonial-card {padding:1.5rem 1.25rem; border-left-width:3px; }.testimonial-text {font-size:0.85rem; line-height:1.6; }.author-avatar {font-size:2.5rem; }.author-name {font-size:0.95rem; }.author-title {font-size:0.8rem; }.skill-category-card {padding:1.8rem 1.5rem; }.skill-icon {width:42px; height:42px; font-size:1.5rem; margin-bottom:0.9rem; }.skill-category-title {font-size:1.05rem; margin-bottom:0.9rem; }.skill-list {gap:0.5rem; }.skill-badge {padding:0.48rem 0.85rem; font-size:0.78rem; }.skills-section .section-title {font-size:1.8rem; }.footer {padding:2.5rem 0 1rem; }.footer h5 {margin-bottom:0.8rem; }.footer-links li {margin-bottom:0.45rem; }.social-links {gap:0.6rem; }.contact-info-box {padding:1.8rem; margin-bottom:1rem; }.contact-info-title {font-size:1.1rem; }.contact-info-item {gap:1rem; padding-bottom:1rem; }.contact-info-icon {width:42px; height:42px; font-size:1.2rem; }.contact-info-details h6 {font-size:0.9rem; font-weight:700; }.contact-info-details p {font-size:0.9rem; }.contact-form {padding:1.8rem; }.contact-form .form-control {padding:0.7rem 1rem; font-size:0.9rem; }}@keyframes slideInUp {from {opacity:0; transform:translateY(30px); }to {opacity:1; transform:translateY(0); }}.portfolio-card,.service-card,.blog-card,.resource-card {animation:slideInUp 0.6s ease-out; }