* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'Inter', sans-serif;}
body {background:#fff;}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width:1370px;}
.main{padding-top: 130px;padding-bottom: 100px;}
/* HEADER */
.btn{transform: scale(1.05);}
.btn:hover{transform: scale(1.05);}
.card{border:0;}
.header {padding:0;background: #fff;box-shadow: 0 0 5px #00000082;position: fixed;top: 0;z-index: 999;left: 0;right: 0;}
.header .container{display: flex;align-items: center;justify-content: space-between;padding:0 60px;}
.logo {display: flex;align-items: center;gap: 10px;font-size: 20px;font-weight: 700;color: #1a73e8;}
.header .logo img,
.mobileHead .logo img { max-height: 34px; width: auto; }
/* menu */
ul.mainMenu {padding: 0;margin: 0;display: flex;list-style-type: none;}
nav a {margin: 0 18px;text-decoration: none;color: #334155;font-weight: 500;}
ul.mainMenu li {padding: 30px 0;}
ul.mainMenu .mega-menu {position: absolute;right: 0;top:70px;padding-top: 0.5rem;opacity: 0;visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;left: 50%; transform: translateX(-50%); width:1200px;}
ul.mainMenu .submenu:hover .mega-menu {opacity: 1;visibility: visible;}
ul.mainMenu .dropdown-content {background: white;border-radius: 1rem;box-shadow: 0 20px 48px rgba(15, 23, 42, 0.15);border: 1px solid #f1f5f9;padding: 2rem;}
ul.mainMenu .dropdown-section {margin-bottom: 1.5rem;}
ul.mainMenu .dropdown-title {color: #0f172a;font-weight: 600;font-size: 1.125rem;margin-bottom: 1rem;}
ul.mainMenu .dropdown-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap:5px;}
ul.mainMenu .dropdown-items {display: flex;align-items: center;gap: 0.5rem;color: #334155;font-size: 15px;padding: 0.375rem 0;text-decoration: none;transition: color 0.2s;}
ul.mainMenu .dropdown-items:hover {color: #2563EB;}
ul.mainMenu .dot {width: 6px;height: 6px;border-radius: 9999px;flex-shrink: 0;}
ul.mainMenu .dot-blue {background: #2563EB;}
ul.mainMenu .dot-gray {background: #94a3b8;}
ul.mainMenu .divider-line {border-top: 1px solid #e2e8f0;margin: 1.5rem 0;}
ul.mainMenu .btn-view-all {display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;width: 100%;padding: 0.75rem 1.5rem;background: linear-gradient(to right, #f8fafc, #f1f5f9);color: #0f172a;border-radius: 0.75rem;font-weight: 600;font-size: 0.875rem;text-decoration: none;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);transition: all 0.2s;border: none;cursor: pointer;}
ul.mainMenu .btn-view-all:hover {background: linear-gradient(to right, #2563EB, #06b6d4);color: white;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);}
ul.mainMenu .arrow-icon {width: 16px;height: 16px;transition: transform 0.2s;}
ul.mainMenu .btn-view-all:hover .arrow-icon {transform: translateX(4px);}
ul.mainMenu .dropMenu {display: inline-flex;align-items: center;gap: 6px;}
ul.mainMenu .dropMenu-chevron {transition: transform 0.2s;}
ul.mainMenu .submenu:hover .dropMenu-chevron {transform: rotate(180deg);}
/* end menu */
.header-btn {text-decoration: none;background:linear-gradient(131deg, #267cfb, #0dcaf0);color: white;border: none;padding: 10px 20px;border-radius:20px;font-weight: 600;cursor: pointer;    font-size: 15px;}
.header-btn:hover {color: #fff;box-shadow: 0 7px 10px #dae6f5;transform: scale(1.05);}
.header-link {text-decoration:none;color:#334155;font-weight:600;font-size:15px;padding:10px 4px;}
.header-link:hover {color:#1a73e8;}
.header-btn-outline {text-decoration:none;background:#fff;color:#267cfb;border:1.5px solid #267cfb;padding:8.5px 18px;border-radius:20px;font-weight:600;font-size:15px;}
.header-btn-outline:hover {background:#eff6ff;}
.userDr { width: 40px;display: flex;height: 40px;align-items: center;background: #eee;box-shadow: 0 0 2px #00000066;border-radius: 20px;align-items: center;justify-content: center;font-size: 24px;}
.usr{display: flex; align-items: center; gap:10px;}
.userDr svg{width: 23px; height: 23px;}
/* HERO */
section.hero {background:linear-gradient(to right, #faf9f6, #eef6ff); margin-top:80px;}
/* max-width:1370px (top of file) makes .container full-bleed on laptop screens, so the hero needs its own side padding (same 60/30/20 ladder as .footer) */
.hero .container{display: flex;min-height: calc(100vh - 90px);padding:110px 60px;align-items: center;gap:40px;}
.hero-left span.badge {margin: 0;margin-bottom: 29px;font-size: 13.5px;right: 0;left: 0;font-size: 13.5px;position: relative;}
/* LEFT */
.hero-left {width: 50%;}
.hero-left .badge {font-weight: 500;border-radius: 20px;padding-block: calc(.25rem * 2);border-style: solid;border-width: 1px;border-color: #dbeafe;
background: linear-gradient(131deg, #eff6ff, #ecfeff);color: #1447e6;padding: 13px 20px;}

.hero-left h1 {font-size: 69px;font-weight:700;line-height: 1.1;    color: #0f172a;}
.hero-left h1 span {background: linear-gradient(131deg, #267cfb, #0dcaf0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.hero-left p {margin: 25px 0;font-size: 18px;color: #64748b;max-width: 520px;}
.hero-left .search-box {position: relative;margin-bottom: 18px;}
.hero-left .search-box i {position: absolute;top: 50%;left:30px;transform: translateY(-50%);color: #94a3b8;}
.hero-left .search-box input {width: 100%;padding:15px 10px 15px 48px;border-radius: 14px;border: 1px solid #e2e8f0;padding-left: 35px;}
.tags span {display: inline-flex;align-items: center;gap: 6px;padding: 10px 16px;border-radius: 20px;border: 1px solid #e2e8f0;margin-right: 10px;font-size: 14px;transition:background 0.2s, color 0.2s;}
#categoryTags span:hover {background: #2563eb;color: #fff;border-color: #2563eb;}
#categoryTags span:hover i {color: #fff;}
/* RIGHT */
.hero-right{position:relative;width:50%;height:460px;display: flex;align-items: center;}
.hero-left, .hero-right{min-width:0;}
/* satellite cards sit above the central card so none of them get buried behind it */
.hero-right .cards{z-index:2;}
/* COMMON CARD */
.hero-right .cards{position:absolute;background:#fff;border-radius:18px;padding:16px 20px;
box-shadow:0 30px 70px rgba(0,0,0,.15);font-family:Inter,sans-serif;    font-size: 14px;
line-height: 17px;}
/* PRICE */
.hero-right .price-card{top:0px;left:0px;background:#e5bb15;display:flex;align-items:center;gap:12px; color:#fff;}
.hero-right .price-icon{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-weight:700;}
.hero-right .price-text strong{font-size:18px;
display: block;}
/* RATING TOP */
.rating-top{top:0px;right:0;text-align:left;}
.rating-top .stars{color:#facc15}
.rating-top strong{font-size:18px}
.rating-top small{display:block;color:#64748b}
.hero-left .search-box {
    padding: 15px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #e0e6eb;
}
/* PROFILE */

.avatar-wrap{position:relative;width:110px;margin:0 auto 10px;}
.avatar-wrap img{width:110px;height:110px;border-radius:50%;box-shadow:0 0 26px #40a5e96b;border: 3px solid #b1d0e5;}
.verified{position:absolute;bottom:-10px;right:28%;background:linear-gradient(131deg, #267cfb, #0dcaf0);color:#fff;width:35px;height:35px;border-radius:50%;display:flex;
align-items:center;justify-content:center;font-size:14px;}
.verified svg{width:23px; height:33px;}
.profile-card h3{margin-top:8px}
.profile-card p{color:#64748b;font-size:14px;margin-top: 3px; margin-bottom: 0;}
.profile-meta{margin-top:20px;display:flex;justify-content:center;gap:14px;font-size:14px;font-weight: 400;color: #71767a;}
.profile-meta b{color: #000;}
/* LOCATION */
.location-card{bottom:40px;left:0;display:flex;gap:10px;}
.loc-icon{width:34px;height:34px;background:linear-gradient(131deg, #267cfb, #0dcaf0);color:#fff;border-radius:40%;display:flex;align-items:center;justify-content:center;}
.loc-icon svg{width: 23px; height:23px;}
/* TOP RATED */
.top-rated{bottom:0;left:0;right:0;width:fit-content;margin:0 auto;font-weight:600;}
/* RESPONSE */
.hero-right .response-card{bottom:40px;right:0;background:#22c55e;color:#fff;display:flex;gap:10px;}
strong.font-big.d-block {
font-size: 20px;
margin-top: 8px;
}
.clock{width:34px;height:34px;background:rgba(255,255,255,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;}
/* FLOATING (SUBTLE) */
@keyframes float{
0%{transform:translateY(0); }
50%{transform:translateY(-10px)}
100%{transform:translateY(0)}
}
@keyframes float2{
0%{transform:rotate(0deg)}
50%{transform:rotate(15deg)}
100%{transform:rotate(0deg)}
}
.float-1{animation:float 4s ease-in-out infinite}
.float-2{animation:float 5s ease-in-out infinite}
.float-3{animation:float 6s ease-in-out infinite}
.float-4{animation:float 4.5s ease-in-out infinite}
.float-5{animation:float 5.5s ease-in-out infinite}
.float-6{animation:float 6.5s ease-in-out infinite}
.float-2s {animation: float2 4s ease-in-out infinite;}
.hero-right .card.profile-card.float-3 {position: relative;width: 335px;padding: 30px; margin: auto; text-align: center;
z-index: 1;background:#fff;border-radius:18px;padding:16px 20px;box-shadow:0 30px 70px rgba(0,0,0,.15);font-family:Inter,sans-serif;}
.avatar-wrap .quote-icon{width:70px;height:70px;border-radius:50%;background:linear-gradient(131deg, #267cfb, #0dcaf0);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto;}
/* End hero section */

/* Start category section */

.categories-section{ padding: 90px 0;text-align:center;background:#fff;}
.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:30px;border:1px solid #e2e8f0;background:#fff;
font-size:14px;color:#1e293b;}
.categories-section h2{margin:24px 0 12px;font-size:44px;font-weight:800;color:#0f172a;}
.subtitle{font-size:18px;color:#64748b;line-height:1.6;}
.category-grid{margin-top:70px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
/* CARD */
.category-card{background:#fff;border-radius:18px;padding:26px;text-align:left;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.08);display:block;color:inherit;text-decoration:none;transition:transform 0.2s, box-shadow 0.2s;}
.category-card:hover{transform:translateY(-4px);box-shadow:0 24px 56px rgba(0,0,0,.12);color:inherit;text-decoration:none;}
.icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.icon svg{width:22px;height:22px;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;}
.blue{background:#e0f2fe;color:#2563eb}
.yellow{background:#fef9c3;color:#f59e0b}
.purple{background:#f3e8ff;color:#9333ea}
.green{background:#dcfce7;color:#16a34a}
.icon svg{stroke:currentColor}
.count{position:absolute;top:22px;right:22px;font-size:14px;color:#64748b;}
.category-card h3{font-size:20px;font-weight:700;margin-bottom:6px;}
.category-card p{font-size:15px;color:#64748b;margin-bottom:24px;}
.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#475569;    background: #fff;
    padding: 0;}
.arrow{font-size:18px;}
.stats-card {max-width:900px;margin: auto;padding: 28px 36px;background: linear-gradient(180deg,#f8fbff 0%,#fdfefe 100%);border: 1px solid #e6eef7;
border-radius: 22px;display: flex;align-items: center;justify-content: center;margin-top: 70px;}
.stat {display: flex;flex-direction: column;gap: 6px;}
.stat-value {font-size: 36px;font-weight: 700;color: #0b5cff;line-height: 1;}
.stat-label {font-size: 14px;color: #475569;font-weight: 500;}
.divider {width: 1px;height: 48px;background: #dbe5f1;}
.cta-btn {background: linear-gradient(180deg,#2f6df6 0%,#1e5be6 100%);color: #ffffff;border: none;padding: 16px 28px;border-radius: 14px;font-size: 15px;font-weight: 600;cursor: pointer;display: flex;align-items: center;gap: 10px;box-shadow: 0 10px 22px rgba(46, 108, 255, 0.25);transition: transform 0.2s ease, box-shadow 0.2s ease;text-decoration:none;}
.cta-btn:hover {transform: translateY(-1px);box-shadow: 0 14px 26px rgba(46, 108, 255, 0.35);}
.cta-btn span {font-size: 18px;line-height: 1;}

@media (max-width: 768px) {
.stats-card {padding: 24px;}
.divider {display: none;}
}

.process-section {padding: 90px 0px;background: radial-gradient(circle at right,#f1f7ff 0%,#ffffff 55%);}
/* Top Badge */
.top-badge {display: inline-flex;align-items: center;gap: 8px;padding: 8px 14px;border-radius: 999px;background: #ffffff;border: 1px solid #e5ecf6;font-size: 14px;font-weight: 600;color: #2563eb;box-shadow: 0 6px 16px rgba(0,0,0,0.06);}
.top-badge::before {content: "✦";font-size: 14px;}
.heading {margin-top: 28px;text-align: center;}
.heading h2 {font-size: 46px;font-weight: 700;line-height: 1.2;margin: 0;}
.heading p {margin-top: 18px;font-size: 18px;color: #64748b;max-width: 700px;margin-left: auto;margin-right: auto;}
/* Content */
.process-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 80px;align-items: center;margin-top: 80px;}
/* Left */
.step-badge {display: inline-flex;align-items: center;gap: 8px;padding: 6px 14px;border-radius: 999px;background: #f1f7ff;font-size: 13px;font-weight: 700;color: #2563eb;margin-bottom: 16px;}
.step-title {font-size: 34px;font-weight: 700;margin: 0 0 16px;}
.step-desc {font-size: 16px;line-height: 1.7;color: #475569;max-width: 460px;}
.next-step {margin-top: 26px;display: flex;align-items: center;gap: 10px;font-size: 14px;color: #2563eb;font-weight: 600;}
.next-step span {color: #0f172a;font-weight: 700;}

/* Right Card */
.visual-card {position: relative;background: #ffffff;border-radius: 26px;padding: 60px;border: 1px solid #e6eef7;box-shadow: 0 20px 50px rgba(15,23,42,0.08);min-height: 360px;overflow: hidden;}
.bg-shape {position: absolute;width: 200px;height: 200px;border-radius: 22px;background: #eef6ff;}
.bg-shape.one {bottom:0px;left:0px;    background: linear-gradient(47deg, #e9f9fc, #fff);}
.bg-shape.two {top: 0px;right: 0px;background: linear-gradient(47deg, #ffffff, #e9f9fc);}
.icon-circle {position: relative;width: 140px;height: 140px;background: linear-gradient(180deg, #0ea5ff, #0284ff);border-radius: 50%;
display: flex;align-items: center;justify-content: center;margin: auto;box-shadow: 0 18px 40px rgba(14,165,255,0.45);z-index: 2;}
.icon-circle svg{width:60px; height:60px;     color: #fff;}
.visual-card .step-number {position: absolute;bottom: -6px;right: -6px;background: #ff9800;color: #ffffff;width: 44px;height: 44px;border-radius: 50%;
font-size: 16px;font-weight: 700;display: flex;align-items: center;justify-content: center;box-shadow: 0 10px 20px rgba(255,152,0,0.45);z-index: 2;}
.visual-card--photo {padding: 0;height: 360px;min-height: 0;}
.visual-card--photo img {width: 100%;height: 100%;object-fit: cover;display: block;}
.cta-box{max-width:900px;margin:auto;padding:70px 60px 40px;border-radius:32px;background:radial-gradient(circle at top right, #254aa5 0%, transparent 55%),linear-gradient(135deg, #0b1f45 0%, #123a8c 45%, #0b2f7d 100%);color:#ffffff;
margin-top: 90px;}
.cta-box h2{margin:0;font-size:36px;font-weight:700;text-align:center;}
.cta-box p{margin:14px auto 0;font-size:17px;line-height:1.6;color:#dbe7ff;text-align:center;max-width:680px;}
.cta-actions{margin-top:36px;display:flex;justify-content:center;gap:20px;}
.btn-primary{background:#ffffff;color:#0b1f45;padding:16px 28px;font-size:15px;font-weight:600;border-radius:14px;border:none;cursor:pointer;display:flex;align-items:center;gap:10px;text-decoration:none;}
.btn-secondary{background:rgba(255,255,255,0.08);color:#ffffff;padding:16px 28px;font-size:15px;font-weight:600;border-radius:14px;border:1px solid rgba(255,255,255,0.25);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;}
.cta-divider{margin:48px 0 28px;height:1px;background:rgba(255,255,255,0.15);}
.cta-features{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;}
.feature{display:flex;align-items:center;gap:10px;font-size:14px;color:#e7efff;font-weight:500;}
.check{width:18px;height:18px;border-radius:50%;background:#22c55e;display:flex;align-items:center;justify-content:center;font-size:12px;color:#ffffff;}
@media (max-width: 900px) {
.process-grid {grid-template-columns: 1fr;gap: 50px;}
.process-grid > div:not(.visual-card) {order: 1;}
.process-grid > .visual-card {order: 2;}
.visual-card--photo {height: 220px;max-width: 420px;width: 100%;margin: 0 auto;}
.heading h2 {font-size: 36px;}
}

.section{padding:88px 0;}
.top-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;
background:#ffffff;border:1px solid #e6edf6;font-size:14px;font-weight:600;color:#2563eb;
box-shadow:0 6px 16px rgba(15,23,42,.06);}
.heading{text-align:center;margin-top:28px;}
.heading h2{margin:0;font-size:48px;font-weight:700;letter-spacing:-0.3px;}
.heading p{margin-top:16px;font-size:18px;line-height:1.6;color:#64748b;max-width:760px;margin-left:auto;margin-right:auto;}
.section .cards{margin-top:72px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
@media (min-width: 769px) {
.section .cards.cards-1{grid-template-columns:1fr;max-width:340px;margin-left:auto;margin-right:auto;}
.section .cards.cards-2{grid-template-columns:repeat(2,1fr);max-width:640px;margin-left:auto;margin-right:auto;}
.section .cards.cards-3{grid-template-columns:repeat(3,1fr);max-width:960px;margin-left:auto;margin-right:auto;}
}
.section .card{background:#ffffff;border-radius:20px;padding:26px 24px 24px;border:1px solid #edf2f7;box-shadow:0 20px 40px rgba(15,23,42,.06);text-align:center;}
.avatar{position:relative;width:60px;height:60px;margin:0 auto 14px;}
.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #2563eb;}
.avatar-initials{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(131deg, #267cfb, #0dcaf0);color:#fff;font-weight:700;font-size:22px;border:3px solid #2563eb;box-sizing:border-box;}
.avatar .verified {width: 24px;height: 24px;}
.avatar .verified svg{width: 16px;height: 16px;}
.name{font-size:18px;font-weight:700;margin:6px 0 4px;}
.role{font-size:14px;color:#475569;}
.location{margin-top:4px;font-size:13px;color:#64748b;display:flex;justify-content:center;gap:4px;}
.location svg {width: 13px;height: 20px;}
.rating{margin:10px 0 20px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;}
.rating strong{font-weight:700;color:#0b1324;}
.rating span{color:#64748b;}
.meta .divider{height:15px;background:#475569;margin:0;width:1px;}
.meta{display:flex;justify-content:space-between;font-size:13px;color:#475569;margin-bottom:10px;}
.section .badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;border-radius:999px;margin-bottom:14px;}
.section .badge.top{background:#fff7db;border:1px solid #fde68a;color:#b45309;width: 100%;text-align: center;display: block;    position: relative;margin-bottom: 15px;top: 0;left: 0;right: 0;bottom: 0;}
.section .badge.fast{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;position: relative;margin-bottom: 15px;top: 0;left: 0;right: 0;bottom: 0;}
.btn{width:auto;padding:12px 20px;border-radius:12px;background:#f8fbff;border:1px solid #e5ecf6;font-weight:600;cursor:pointer;display:inline-block;text-decoration:none;color:#0b1324;}
.bottom-cta{margin-top:60px;text-align:center;}
.bottom-cta a,.bottom-cta button{padding:16px 36px;border-radius:16px;background:linear-gradient(90deg,#2563eb,#0ea5ff);color:#ffffff;border:none;font-size:16px;font-weight:600;cursor:pointer;display:inline-block;text-decoration:none;}
.stars svg{color:#fdc700;width: 12px;}
.meta svg {width: 12px;height: 12px;}

/* Testimonials */
.section.Testimonial .badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #e6edf6;color:#2563eb;font-size:14px;font-weight:600;box-shadow:0 6px 16px rgba(0,0,0,.06);    position: relative;
    margin: 0;}
.section.Testimonial h2{margin:28px 0 14px;font-size:46px;font-weight:700;}
.section.Testimonial .sub{font-size:18px;color:#64748b;max-width:760px;margin:auto;}
.section.Testimonial .slider{position:relative;overflow:hidden;margin-top:50px;padding:20px 0;}
.section.Testimonial .slides{display:flex;align-items:stretch;transition:transform .5s ease;will-change:transform;}
.section.Testimonial .slide{flex:0 0 auto;width:min(760px,78vw);margin:0 14px;opacity:.6;transition:opacity .5s ease;}
.section.Testimonial .slide.active{opacity:1;}
.section.Testimonial .profile{text-align:left;}
.section.Testimonial .avatar{width:84px;height:84px;border-radius:50%;overflow:hidden;border:3px solid #2563eb;margin-bottom:14px; margin: 0; margin-bottom: 10px;}
.section.Testimonial .avatar img{width:100%;height:100%;object-fit:cover; border:0;}
.section.Testimonial .profile h4{margin:0;font-size:16px;font-weight:700;}
.section.Testimonial .profile p{margin:4px 0;font-size:13px;color:#64748b;}
.section.Testimonial .stars{display:flex;gap:4px;margin-top:8px;}
.section.Testimonial .star{width:16px;height:16px;fill:#facc15;}
.section.Testimonial .quote{font-size:24px;line-height:1.7;color:#334155;}
.section.Testimonial .service{margin-top:18px;display:inline-block;padding:8px 16px;border-radius:999px;background:#eef4ff;border:1px solid #dbeafe;color:#2563eb;font-size:13px;font-weight:600;}
.section.Testimonial .dots{margin-top:50px;display:flex;justify-content:center;gap:10px;}
.section.Testimonial .dot{width:12px;height:12px;border-radius:50%;background:#c7d2fe;cursor:pointer;}
.section.Testimonial .dot.active{width:50px;border-radius:999px;background:linear-gradient(131deg, #267cfb, #0dcaf0);}
.section.Testimonial .thumbs{margin-top:40px;display:flex;gap:20px; justify-content: center;}
.section.Testimonial .thumb{background:#fff;border-radius:16px;padding:18px 14px;border:1px solid #a9b0b7;cursor:pointer;    text-align: center;min-width: 200px;}
.section.Testimonial .thumb.active{background:#eef6ff;border:2px solid #2563eb;}
.section.Testimonial .thumb img{width:48px;height:48px;border-radius:50%;object-fit:cover;}
.section.Testimonial .thumb h5{margin:10px 0 4px;font-size:13px;font-weight:700;}
.section.Testimonial .thumb p{margin:0;font-size:12px;color:#64748b;}
.section.Testimonial .card-slide {display: flex;gap: 40px;background:#fff;border-radius:20px;padding:50px;box-shadow:0 32px 64px #0f172a26;box-sizing:border-box;height:100%;}
.section.Testimonial .profile h4 {white-space: nowrap;}
.section.Testimonial .thumb .stars {justify-content: center;}

/* Professionals slider (reuses the Testimonial slider mechanism: sliding track + peek + dots) */
.section.Professionals .slider{position:relative;margin-top:50px;overflow:hidden;padding:10px 0;}
.section.Professionals .slides{display:flex;align-items:stretch;transition:transform .5s ease;will-change:transform;}
.section.Professionals .slide{flex:0 0 auto;width:300px;margin:0 14px;opacity:1;transition:opacity .5s ease;display:flex;justify-content:center;}
.section.Professionals .slide .card{width:100%;max-width:300px;}
.section.Professionals .dots{margin-top:36px;display:flex;justify-content:center;gap:10px;}
.section.Professionals .dot{width:12px;height:12px;border-radius:50%;background:#c7d2fe;cursor:pointer;}
.section.Professionals .dot.active{width:50px;border-radius:999px;background:linear-gradient(131deg, #267cfb, #0dcaf0);}

/* Shared prev/next arrow controls for both peek sliders */
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #e5ecf6;box-shadow:0 8px 20px rgba(15,23,42,.14);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;color:#0b1324;padding:0;transition:background .2s ease, box-shadow .2s ease;}
.slider-arrow:hover{background:#f8fbff;box-shadow:0 10px 24px rgba(15,23,42,.2);}
.slider-arrow svg{width:20px;height:20px;}
.slider-arrow--prev{left:8px;}
.slider-arrow--next{right:8px;}
.slider-arrow[disabled]{opacity:.35;cursor:default;pointer-events:none;}
@media(max-width:640px){
.slider-arrow{width:36px;height:36px;}
.slider-arrow svg{width:16px;height:16px;}
}

.stats-grid {display: flex;flex-wrap: wrap;justify-content: center;gap: 24px;margin-top: 70px;}
.stat-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;padding:1.4rem;box-shadow:0 10px 30px rgba(15,23,42,0.08); min-width:200px;}
.stat-value{font-size:32px;font-weight:700;margin-bottom:8px;background: linear-gradient(131deg, #267cfb, #0dcaf0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.stat-label{font-size:14px;font-weight:500;color:#475569;}
@media (max-width: 900px){
.stats-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 480px){
.stats-grid{grid-template-columns:1fr;}
}


/*  Join Our Platform Today */
.ourPlatform{background:radial-gradient(circle at right bottom, #2db4ff 0%, transparent 55%),linear-gradient(135deg,#2a4bd7,#2563eb);color:#ffffff;padding:100px 0px;position:relative;overflow:hidden;}
.ourPlatform::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);background-size:40px 40px;opacity:.35;}
.ourPlatform-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:60px;z-index:2;}
/* same 60/30/20 side-padding ladder as .hero/.footer, since .container (top of file) has no horizontal padding of its own */
.ourPlatform .container{padding:0 60px;}
.ourPlatform .badge{display:inline-flex;gap:8px;padding:12px 15px;border-radius:999px;background:#4d76dd;font-size:14px;font-weight:500;color: #fff;border: 1px solid #ffffff75;}
.ourPlatform h1{font-size:52px;line-height:1.15;margin:22px 0 18px;}
.ourPlatform p{font-size:18px;max-width:520px;color:#e0ebff;}
.ourPlatform .pills{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0;}
.ourPlatform .pill{padding:8px 15px;border-radius:999px;background:rgb(77 118 221);font-size:14px; color:#fff}
.ourPlatform .buttons{display:flex;gap:16px;margin-top:30px;}
.ourPlatform .btn-primary{background:#ffffff;color:#1e3a8a;padding:16px 26px;border-radius:14px;font-weight:700;border:none;text-decoration:none;display:inline-flex;align-items:center;}
.ourPlatform .btn-secondary{background:transparent;border:2px solid rgba(255,255,255,.4);color:#ffffff;padding:16px 26px;border-radius:14px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;}
.ourPlatform .stats{display:flex;gap:40px;margin-top:50px;padding-top:30px;border-top:1px solid rgba(255,255,255,.25);}
.ourPlatform .stat strong{font-size:26px;}
.ourPlatform .stat span{display:block;font-size:14px;color:#dbe7ff;}
.ourPlatform .right{position:relative;}
.ourPlatform .f-card{position:relative;background:#ffffff;color:#0b1324;border-radius:16px;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.25);}
.ourPlatform .card-pro{top:0;right:0;width:240px;animation-delay:0s;display: flex; gap: 10px;position: relative;margin: auto;animation:floatJ 6s ease-in-out infinite;}
.ourPlatform .card-response{width:225px;transform:rotate(-30deg);animation-delay:1s;animation: float2 4s ease-in-out infinite;}
.ourPlatform .card-jobs{width:200px;animation-delay:2s; margin-left: auto;animation:floatJ 6s ease-in-out infinite;}
.ourPlatform .card-verified{width:260px;transform:rotate(4deg);animation-delay:3s; margin: auto; display:flex; gap: 10px;animation: float2 4s ease-in-out infinite;}
@keyframes floatJ{
0%{transform:translateY(0) rotate(var(--r,0deg))}
50%{transform:translateY(-14px) rotate(var(--r,0deg))}
100%{transform:translateY(0) rotate(var(--r,0deg))}
}
.ourPlatform .f-card img{width:44px;height:44px;border-radius:50%;object-fit:cover;}
.ourPlatform .ficon{width:44px;height:44px;border-radius:50%;background:linear-gradient(131deg, #267cfb, #0dcaf0);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ourPlatform .small{font-size:13px;color:#64748b;}
.ourPlatform .rating{color:#facc15;font-size:14px;justify-content: start;
    margin: 0;}
.ourPlatform .green{color:#22c55e;font-weight:500; font-size: 11px;}
@media(max-width:1000px){
.ourPlatform .ourPlatform-inner{grid-template-columns:1fr;}
.ourPlatform .right{display:none;}
}


/* FOOTER */
.footer{background:linear-gradient(135deg,#050b1c,#08142c,#050b1c);color:#cbd5e1;padding:48px 60px 20px;}
.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px;}
.footer .logo{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.logo span{font-size:18px;font-weight:700;color:#38bdf8;}
.footer p{font-size:14px;line-height:1.6;color:#94a3b8;max-width:320px;margin:0;}
.social{display:flex;gap:10px;margin-top:16px;}
.social a{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#e2e8f0;text-decoration:none;}
.footer h4{color:#ffffff;font-size:15px;margin-bottom:16px;letter-spacing:.5px;}
.footer ul{list-style:none;padding:0;margin:0;}
.footer ul li{margin-bottom:10px;}
.footer ul li a{text-decoration:none;color:#94a3b8;font-size:14px;}
.footer ul li a:hover{color:#ffffff;}
.contact-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;}
.contact-icon{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.contact-item span{font-size:13px;color:#94a3b8;}
.contact-item strong{display:block;color:#e2e8f0;font-weight:500;margin-top:2px;word-break:break-word;}
.footer-divider{max-width:1200px;margin:32px auto 16px;height:1px;background:rgba(255,255,255,.12);}
.footer-bottom{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#94a3b8;}
.footer-links{display:flex;gap:22px;flex-wrap:wrap;}
.footer-links a{color:#94a3b8;text-decoration:none;}
.footer-links a:hover{color:#ffffff;}

.mobileHead{display: none;position: fixed;z-index: 9999; background:#fff;top: 0;left: 0;right: 0;box-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
align-items: center;justify-content: space-between;padding: 10px;}
.mobile-nav-trigger {color: #000;line-height: 0;}
.mobile-nav-trigger svg{width:30px; height:30px;}
.mobile-nav-trigger .lucide-x{display: none;}
.mobile-nav-trigger.open .lucide-x{display: block;}
.mobile-nav-trigger.open .lucide-menu{display: none;}
form.logout button {border: 0;background: #dc354517;padding: 10px 20px;border-radius: 20px;width:100%;}
.userDr span{display:none;}

/*category*/
section.categories-section.cateslide{    background: linear-gradient(to right, #faf9f6, #eef6ff);margin-top: 80px;}
section.categories-section.cateslide h1{font-size: 69px;font-weight: 700;line-height: 1.1;color: #0f172a;}
.search-box2 {position: relative;max-width: 42rem;margin: auto;margin-bottom: 40px;}
section.categories-section.cateslide input {border: none;outline: none;width: 100%;font-size: 15px;background:#fff;display: flex;align-items: center;gap: 12px;border:2px solid #cfd9ea;border-radius: 14px;padding:20px 20px;padding-left: 60px;}
.search-box2 .fa-solid {position: absolute;left: 30px;top: 22px;font-size: 24px;opacity: 0.5;}
section.categories-section.cateslide .tags span{    background: #fff;}

/* RESPONSIVE */
@media(max-width:991px){
header.header{display: none;}   
header.header .logo {display: none;}   
.mobileHead{display: flex;}
.footer{padding:36px 30px 16px;}
.footer-top{grid-template-columns:1fr 1fr;gap:32px 24px;}
.footer-bottom{flex-direction:column;gap:12px;text-align:center;}
.header .container{justify-content: center;flex-direction: column;}

.ourPlatform .container{padding:0 30px;}

.hero .container{min-height:0;padding:50px 30px;align-items: center;flex-direction: column;}
.hero-left {width: 100%;}
.hero-left span.badge{white-space: normal;line-height: 1.4;}
.hero-left h1{font-size: 48px;    text-align: center;}
.hero-left p{max-width: 100%; text-align: center;    font-size: 16px;}
.tags span{margin: 0;}
.tags {display: flex;flex-wrap: wrap;gap: 10px;}
/* mobile: drop the absolutely-positioned decorative badges, keep the main quote card stacked below the text */
.hero-right{width: 100%;height: auto;}
.hero-right .cards{display:none;}
.hero-right .card.profile-card.float-3{width: 100%;max-width: 335px;}
.categories-section h2{font-size:32px;}
.category-grid{grid-template-columns: repeat(2, 1fr);}
.section .cards{grid-template-columns: repeat(2, 1fr);}
}
@media(max-width:640px){
.hero .container{padding:40px 20px;}
.ourPlatform .container{padding:0 20px;}
.hero-left h1{font-size: 40px;}
.category-grid{grid-template-columns: repeat(1, 1fr);}
.section .cards{grid-template-columns: repeat(1, 1fr);}
.section.Testimonial .card-slide {flex-direction: column;justify-content: center;text-align: center;}
.section.Testimonial .profile{text-align: center;}
.section.Testimonial .avatar{margin: 0 auto 10px;}
.section.Testimonial .stars{justify-content: center;}
.section.Testimonial .quote{font-size: 16px;line-height: 1.6;}
.section.Testimonial .thumbs{flex-wrap: wrap;}
.stats-grid{flex-wrap: wrap;}
.footer{padding:28px 20px 14px;}
.footer-top{grid-template-columns: 1fr 1fr;gap:28px 20px;text-align:left;}
.footer .logo{justify-content:flex-start;}
.footer p{max-width:100%;margin:0;}
.social{justify-content:flex-start;}
.contact-item{justify-content:flex-start;text-align:left;}
.footer-divider{margin:24px auto 14px;}
.footer-links{flex-wrap: wrap;justify-content: center;}
/* Narrower cards on mobile so neighbouring slides still peek in visibly */
.section.Professionals .slide{width:270px;margin:0 10px;}
.section.Testimonial .slide{width:70vw;margin:0 10px;}
}

.mega-menu .back{display:none;}


@media(max-width:1023px){
header.header.open {display: block;position: fixed;z-index: 9999;top:79px;bottom: 0;left: 0;right: 0;box-shadow: none;border-top: 1px solid #d3cdcd;overflow-y: auto;}
.usr {flex-direction: column;align-items: flex-start;margin-top: 20px;width: 100%;padding: 0 20px;box-sizing: border-box;gap: 12px;}
.header-btn{width: 100%;text-align: center;}
.header-link{width: 100%;text-align: left;padding: 0;}
.header-btn-outline{width: auto;text-align: center;box-sizing: border-box;}
.userDr {width: 100%;text-decoration: none;color: #000;font-size: 15px;font-weight: 500;}
.userDr span {display: block;text-decoration: none;}
header.header nav{width: 100%;}
ul.mainMenu{    flex-direction: column;width: 100%;}
ul.mainMenu li {padding: 10px 20px;text-align: left;box-sizing: border-box;}
ul.mainMenu > li > a{margin: 0;}
ul.mainMenu.openSubmenu > li > .dropMenu .dropMenu-chevron{transform: rotate(180deg);}

ul.mainMenu .mega-menu {position: fixed;top:80px;min-width: 100%;left: 0;bottom: 0;transform: translateX(100%);display: block;-webkit-transition: transform 450ms ease;
transition: transform 450ms ease;overflow: auto;padding: 0;width: 100%;background: #fff;
opacity: 1;visibility: visible;} /* transform, not "left", avoids widening the document's scrollWidth */
ul.mainMenu.openSubmenu .mega-menu{transform: translateX(0%);}
.mega-menu .back {display: block;padding: 10px;text-align: left;cursor: pointer;}
ul.mainMenu .dropdown-content{border: 1px solid #f1f5f9;padding: 1rem;box-shadow: none;border-radius: 0;}
ul.mainMenu .dropdown-grid{grid-template-columns: repeat(2, 1fr);}
ul.mainMenu .dropdown-section{text-align: left;}
ul.mainMenu .btn-view-all{margin:0;}
}
@media(max-width:479px){
ul.mainMenu .dropdown-grid{grid-template-columns: repeat(1, 1fr);}
}

@media screen and (min-width:1024px) and (max-width:1199px) {
ul.mainMenu .mega-menu{width: 1000px;}
}
@media screen and (min-width:992px) and (max-width:1199px) {
.header .container{padding:0 30px;}
.ourPlatform .container{padding:0 30px;}
.hero .container{padding-left:30px;padding-right:30px;}
.hero-left h1{font-size: 56px;}
.hero-right .card.profile-card.float-3{width: 280px;}
.hero-right .top-rated{display:none;}
}
@media screen and (min-width:1200px) and (max-width:1366px) {
ul.mainMenu .mega-menu{width: 1100px;}
}

/* CONTACT PAGE */
.contact-hero{background:linear-gradient(to right, #faf9f6, #eef6ff);margin-top:80px;padding:80px 0 20px;text-align:center;}
.contact-hero .container,.contact-section .container{padding:0 60px;}
.contact-section{padding:70px 0 110px;background:#fff;}
.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:start;}

.contact-form-card{background:#fff;border-radius:22px;padding:40px;border:1px solid #edf2f7;box-shadow:0 20px 50px rgba(15,23,42,.08);}
.contact-form-card h3{font-size:24px;font-weight:700;color:#0f172a;margin-bottom:8px;}
.contact-form-card > p{color:#64748b;font-size:15px;margin-bottom:28px;}

.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.field{display:flex;flex-direction:column;gap:8px;}
.field.field-full{grid-column:1 / -1;}
.field label{font-size:14px;font-weight:600;color:#0f172a;}
.field input,.field select,.field textarea{border:1.5px solid #e2e8f0;border-radius:12px;padding:13px 16px;font-size:15px;font-family:inherit;color:#0f172a;background:#fff;width:100%;transition:border-color .2s, box-shadow .2s;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.12);}
.field textarea{resize:vertical;min-height:120px;}
.field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px;padding-right:40px;}

.contact-submit-btn{margin-top:8px;border:none;font-family:inherit;background:linear-gradient(180deg,#16a34a 0%,#15803d 100%);box-shadow:0 10px 22px rgba(22,163,74,.25);}
.contact-submit-btn:hover{box-shadow:0 14px 26px rgba(22,163,74,.35);}

.contact-info-card{background:radial-gradient(circle at top right, rgba(34,197,94,.35) 0%, transparent 55%),linear-gradient(135deg, #14532d 0%, #166534 45%, #0f5132 100%);color:#fff;border-radius:22px;padding:40px;position:relative;overflow:hidden;}
.contact-info-card::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);background-size:32px 32px;opacity:.5;}
.contact-info-card > *{position:relative;z-index:1;}
.contact-info-card h3{font-size:22px;font-weight:700;margin-bottom:10px;}
.contact-info-card > p{color:#d9fbe7;font-size:15px;line-height:1.6;margin-bottom:24px;}

.contact-help-list{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-direction:column;gap:14px;}
.contact-help-list li{display:flex;align-items:center;gap:12px;font-size:14.5px;color:#ecfdf5;}
.contact-help-list .help-icon{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;color:#86efac;}

.contact-info-divider{height:1px;background:rgba(255,255,255,.18);margin:24px 0;}

.contact-info-card .contact-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;}
.contact-info-card .contact-item:last-child{margin-bottom:0;}
.contact-info-card .contact-icon{width:38px;height:38px;border-radius:50%;background:linear-gradient(131deg, #4ade80, #16a34a);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;}
.contact-info-card .contact-item span{display:block;font-size:12.5px;color:#d1fae5;}
.contact-info-card .contact-item strong{font-size:14.5px;font-weight:600;color:#fff;}

@media(max-width:900px){
.contact-grid{grid-template-columns:1fr;}
.contact-hero .container,.contact-section .container{padding:0 30px;}
}
@media(max-width:640px){
.field-grid{grid-template-columns:1fr;}
.contact-form-card,.contact-info-card{padding:26px;}
.contact-hero{padding:60px 0 10px;}
.contact-hero .heading h2{font-size:32px;}
.contact-hero .container,.contact-section .container{padding:0 20px;}
}

/* CMS PAGES (about, how-it-works, legal pages, etc.) */
.cms-content-card{background:#fff;border-radius:22px;padding:40px;border:1px solid #edf2f7;box-shadow:0 20px 50px rgba(15,23,42,.08);max-width:900px;margin:0 auto;}
.cms-placeholder-banner{background:#fff7ed;border:1px solid #fdba74;color:#9a3412;border-radius:12px;padding:14px 18px;font-size:14px;font-weight:600;margin-bottom:28px;}
.cms-prose{color:#334155;font-size:15.5px;line-height:1.75;}
.cms-prose h2,.cms-prose h3,.cms-prose h4{color:#0f172a;font-weight:700;margin:28px 0 12px;}
.cms-prose h2:first-child,.cms-prose h3:first-child{margin-top:0;}
.cms-prose p{margin:0 0 16px;}
.cms-prose ul,.cms-prose ol{margin:0 0 16px;padding-left:22px;}
.cms-prose li{margin-bottom:8px;}
.cms-prose a{color:#2563eb;text-decoration:underline;}
.cms-prose img{max-width:100%;border-radius:12px;margin:16px 0;}
.cms-prose strong{color:#0f172a;}
@media(max-width:640px){
.cms-content-card{padding:24px;}
}

/* BLOG */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:8px;}
.blog-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.08);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 24px 56px rgba(0,0,0,.12);color:inherit;text-decoration:none;}
.blog-card-img{width:100%;height:190px;object-fit:cover;background:linear-gradient(131deg,#eff6ff,#ecfeff);}
.blog-card-body{padding:22px;display:flex;flex-direction:column;flex:1;}
.blog-card-meta{font-size:12.5px;color:#94a3b8;margin-bottom:8px;display:flex;gap:8px;align-items:center;}
.blog-card h3{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 8px;line-height:1.35;}
.blog-card p{font-size:14px;color:#64748b;margin:0;line-height:1.6;flex:1;}
.blog-card-readmore{margin-top:14px;font-size:13.5px;font-weight:600;color:#2563eb;}
.blog-empty{text-align:center;padding:60px 20px;color:#94a3b8;}

.blog-detail-card{max-width:820px;margin:0 auto;}
.blog-detail-meta{display:flex;gap:14px;align-items:center;color:#64748b;font-size:14px;margin-bottom:24px;flex-wrap:wrap;}
.blog-detail-img{width:100%;border-radius:18px;margin-bottom:28px;box-shadow:0 20px 50px rgba(0,0,0,.1);}
.blog-back-link{display:inline-flex;align-items:center;gap:6px;color:#2563eb;font-weight:600;text-decoration:none;margin-bottom:20px;}
.blog-back-link:hover{color:#1d4ed8;}

@media(max-width:991px){
.blog-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
.blog-grid{grid-template-columns:1fr;}
}
/* Header CTA row: keep nav + Partner With Us + Login / Sign up on one line on small laptops */
@media (min-width:1024px) and (max-width:1279px){.header .container{padding:0 20px}.header nav a{margin:0 9px;font-size:14px;white-space:nowrap}.header .usr{gap:6px}.header .usr a{margin:0;white-space:nowrap;font-size:14px}.header .header-btn{padding:9px 14px}.header .header-btn-outline{padding:7.5px 13px}}

/* Footer: admin-managed columns (count varies) — desktop only; the existing <=991px rules keep the 2-column mobile layout */
@media (min-width:1200px){.sq-footer-top{grid-template-columns:var(--sq-fgrid,minmax(220px,1.3fr) repeat(3,1fr));gap:36px 32px}}
@media (min-width:992px) and (max-width:1199px){.sq-footer-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}}