/* ------------ RESET & ROOT ------------ */
*, *::before, *::after {margin: 0;padding: 0;box-sizing: border-box;}
:root {    --primary: #0b63ff;    --primary-dark: #084dcc;--text-dark: #111827;--text-light: #4a5568;--bg-light: #f1f6ff;--shadow-md: 0 10px 30px rgba(0,0,0,0.08);--shadow-lg: 0 18px 40px rgba(0,0,0,0.12);--radius-lg: 20px;--radius-full: 999px;}
body {font-family: 'Roboto', sans-serif;background:#fff;line-height: 1.6;}
/* ---------------- NAVBAR ---------------- */
h2{font-size: 32px;line-height: 1.12;letter-spacing: -0.02em;margin: 0 0 18px;color: #0b1220;font-family: 'Oswald', sans-serif;}
.space{padding:50px 0;}
.container {max-width: 1200px;margin: auto;}
.nav {background: #ffffff;    padding: 14px 0;box-shadow: 0 2px 12px rgba(0,0,0,0.05);position: sticky;top: 0;z-index: 999;}
.nav__inner {display: flex;align-items: center;justify-content: space-between;}
/* Logo */
.nav__logo {display: flex;align-items: center;gap: 12px;}
.nav__logo img {
    max-width: 200px;
}
.nav__logo a {text-decoration: none;}
.nav__logo span.big {display: block;font-size: 36px;font-weight: 900;text-transform: uppercase;line-height: 36px;font-family: 'Oswald', sans-serif;position: relative;z-index: 9;color: #0b63ff;}
.nav__logo span.big span{color:#000;}
.nav__logo span.big span {color: #141d30;}
.nav__logo .small{}
/* Menu */

.nav__menu ul.headmenus {list-style-type: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: 34px;}
.nav__menu a {color: #1f2937;text-decoration: none;font-size: 15px;font-weight: 500;transition: 0.2s ease;}
.nav__menu a:hover {color: #0b63ff;}
/* Right Section */
.nav__right {display: flex;align-items: center;gap: 28px;}
.nav__phone {display: flex;align-items: center;gap: 6px;color: #374151;font-size:20px;font-weight:500;}
.nav__cta {background: #0b63ff;color: #fff;padding: 10px 26px;border-radius: 40px;text-decoration: none;font-size: 15px;font-weight: 500;transition: 0.2s;}
.nav__cta:hover {background: #084dcc;}
/* Responsive */

/* ------------ HERO SECTION ------------ */
.heroSec{background: url(https://soniccleaningservices.com.au/public/assets/images/bg-slider.jpg) no-repeat;background-size: cover;position: relative;}
.container.hero {position: relative;}
section.heroSec:before {content: '';position: absolute;left: 0;right: 0;top: 0;background: linear-gradient(135deg, #131c2f, #ffffff00);bottom: 0;}
.hero {padding: 70px 0;display: flex;align-items: center;justify-content: space-between;gap: 60px;flex-wrap: wrap;}
.hero__content {max-width:50%;}
.hero__badge {display: inline-block;background: #eaf1ff;padding: 8px 18px;border-radius: var(--radius-full);font-size: 14px;color: var(--primary-dark);margin-bottom: 22px;}
.hero__title {font-family: 'Oswald', sans-serif;font-size: 54px;line-height: 1.15;margin-bottom: 20px;font-weight: 600; color:#fff;}
.hero__title span {color: var(--primary);}
.hero__description {font-size: 17px;color:#fff;margin-bottom: 34px;}
.btn-primary {background: var(--primary);color: #fff;padding: 12px 26px;border-radius: var(--radius-full);font-weight: 500;border: none;transition: 0.2s ease;}
.btn-primary:hover {background: var(--primary-dark);}
.btn-outline {background: #fff;color: var(--primary);padding: 12px 26px;border-radius: var(--radius-full);border: 2px solid var(--primary);font-weight: 500;transition: 0.2s ease;    text-decoration: none;}
.btn-outline:hover {background: var(--primary);color: #fff;}
.hero__buttons {display: flex;gap: 20px;margin-bottom: 42px;}
.hero__stats {display: flex;gap:20px;padding-top: 28px;border-top: 1px solid #e5e7eb;flex-wrap:wrap;}
.hero__stats-item {background: #121a2dab;width: 30%;padding: 10px;border-radius: 10px;color: #fff;text-align: center;}
.hero__stats-item h3 {font-size:18px;color:#fff;}
.hero__stats-item p {margin: 0;font-size: 12px;}
.hero__image-wrapper {position: relative;max-width: 40%;}
.hero__image-card {width: 500px;height: 520px;overflow: hidden;border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);background: #ccc;}
.hero__image-card img {width: 100%;height: 100%;object-fit: cover;}
.eco-badge {position: absolute;bottom: 18px;left: 18px;background: #e8fff0;padding: 14px 20px;border-radius: 16px;box-shadow: var(--shadow-md);font-size: 15px;}
.eco-badge strong {color:#0b63ff;font-weight: 600;}
/* ------------ WHY CHOOSE US SECTION ------------ */
.why {padding:60px;text-align: center;display: flex;justify-content: end;    position: relative;}
.why:before{content: '';position: absolute;left: 0;top: 0; bottom:0; width:45%;background:url(https://soniccleaningservices.com.au/public/assets/images/bg-why-chooses.jpg) no-repeat;background-size: cover;}
.why .container{margin: 0; width:51%; position: relative;}
.why__badge {display: inline-block;background: #eaf1ff;padding: 8px 18px;border-radius: var(--radius-full);font-size: 14px;color: #0b63ff;margin-bottom: 18px;}
.why__title {font-family: 'Oswald', sans-serif;font-size: 42px;margin-bottom: 14px;}
.why__subtitle {color: var(--text-light);max-width: 680px;margin: auto;margin-bottom: 50px;}
.why__grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.why__card {background: white;padding: 32px;border-radius: var(--radius-lg);box-shadow: var(--shadow-md);text-align: left;}
.why__icon {width: 50px;height: 50px;background: #eaf1ff;border-radius: 12px;display: flex;align-items: center;justify-content: center;margin-bottom: 16px;font-size: 22px;}
.why__card h3 {font-size: 20px;margin-bottom: 8px;}
.why__card p {color: var(--text-light);font-size: 15px;}
span.mobile-nav-trigger {position: fixed;top:52px;right: 7px;z-index: 999999;color:#fff; line-height: 0;}
.mobile-nav-trigger .bi-list {-webkit-transition: all .4s;transition: all .4s;font-size: 42px;}
.bi-x {display: none;-webkit-transition: all .4s;transition: all .4s;}
.mobile-nav-trigger.open .bi-list {display: none;}
.mobile-nav-trigger.open .bi-x {display: block;position: absolute;top: 0px;right: 0px;font-size: 48px;padding: 0px;}

.services-section {padding: 100px 0;background:#f8fbff;}
.section-head {text-align: center;max-width: 720px;margin: 0 auto 70px;}
.badge {display: inline-block;padding: 6px 14px;background: #eaf1ff;color: #2563eb;border-radius: 999px;font-size: 13px;font-weight: 600;margin-bottom: 18px;}
.section-head p {color: #64748b;font-size: 16px;line-height: 1.6;}
.services-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px;}
.service-card {background: #fff;border-radius: 18px;box-shadow: 0 15px 35px rgba(0,0,0,0.08);overflow: hidden;transition: transform .25s ease, box-shadow .25s ease;}
.service-card:hover {transform: translateY(-6px);box-shadow: 0 20px 45px rgba(0,0,0,0.12);}
.service-image {position: relative;}
.service-image img {width: 100%;height: 210px;object-fit: cover;}
.icon {position: absolute;top: 14px;left: 14px;width: 42px;height: 42px;border-radius: 12px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 18px;}
.blue { background: #2563eb; }
.purple { background: #7c3aed; }
.pink { background: #ec4899; }
.orange { background: #f97316; }
.green { background: #22c55e; }
.cyan { background: #06b6d4; }
.service-content {padding: 26px;}
.service-content h3 {font-size: 20px;margin-bottom: 10px;}
.service-content h3 a{color:#000;}
.service-content p {color: #64748b;font-size: 15px;line-height: 1.6;margin-bottom: 14px;}
.service-content a {font-weight: 600;color: #2563eb;text-decoration: none;}
.services-cta {text-align: center;margin-top: 60px;}
.btn-primary {text-decoration: none;display: inline-block;padding: 14px 28px;background: #2563eb;color: #fff;border-radius: 999px;font-weight: 600;}
/*sidebar*/
ul.recent-post-list {list-style-type: none;padding: 0;margin: 0;}
li.recent-post-list-li {display: flex;align-items: center;gap: 7px;background: transparent;margin-bottom: 0;padding:10px 0;border-top: 1px solid #eee;}
li.recent-post-list-li img {width:70px;min-width:70px;height:45px;object-fit: cover;border-radius:7px;margin: 0;background: #fff;padding:3px;    border: 1px solid #b5b1b1;}
ul.recent-post-list li.recent-post-list-li a {font-size: 16px;text-decoration: none;color: #000;}
ul.recent-post-list li.recent-post-list-li a:hover{color:#0d6efd;}
aside.widget {background: #fff;box-shadow: 0 18px 40px rgba(16, 24, 40, 0.10);padding: 22px;border-radius: 18px;}
.btn.btn--outline:hover {background: #fff;}
.card-design {position: relative;background: #ffffff;border: 1px solid rgba(15, 23, 42, 0.08);border-radius: 18px;box-shadow: 0 18px 40px rgba(16, 24, 40, 0.10); padding: 34px 30px 30px;}
.blog-detail table tr td:first-child {border: 1px solid #ddd;}
.blog-detail table tr td { padding: 10px 15px;border: 1px solid #ddd;}
.blog-detail table thead tr th {border: 1px solid #ddd;padding: 10px 15px;}
.blog-detail table {margin-bottom: 10px;}
/* Responsive */


@media (max-width: 640px) {
.services-grid {grid-template-columns: 1fr;}
}
/* You can keep your existing .container, but included here for standalone use */
.coverage{padding: 96px 0;background: #ffffff;}
/* Head */
.coverage-head{text-align: center;max-width: 760px;margin: 0 auto 56px;}
.coverage-head .pill{display: inline-block;padding: 8px 14px;border-radius: 999px;background: #eaf1ff;color: #2563eb;font-weight: 600;font-size: 13px;margin-bottom: 18px;}
.coverage-head p{margin: 0;font-size: 16px;line-height: 1.65;color: #5b667a;}
/* Main grid */
/* Map card */
.map-card{border-radius: 18px;background: linear-gradient(135deg, #eff6ff, #eaf4ff);box-shadow: 0 18px 40px rgba(16, 24, 40, 0.12);padding: 26px;position: relative;min-height: 520px;display: grid;place-items: center;}
.map-inner{width: 100%;height: 100%;position: relative;border-radius: 16px;overflow: hidden;}
.map-svg{width: 100%;height: 100%;display: block;}
/* “50+ Cities Covered” float */
.cities-covered{position: absolute;top: 22px;right: 22px;width: 150px;background: #fff;border-radius: 14px;padding: 18px 16px;text-align: center;box-shadow: 0 18px 40px rgba(16, 24, 40, 0.14);border: 1px solid rgba(15, 23, 42, 0.08);}
.cities-covered__num{font-size: 26px;font-weight: 800;color: #2563eb;line-height: 1;margin-bottom: 8px;}
.cities-covered__label{font-size: 13px;color: #64748b;}
/* Right side */
.coverage-right{display: grid;gap: 18px;}
/* City cards grid (2 columns like screenshot) */
.city-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 14px;}
.city-card{background: #f8fafc;border: 1px solid rgba(15, 23, 42, 0.10);border-radius: 14px;padding: 14px 14px;display: grid;grid-template-columns: 44px 1fr 24px;align-items: center;gap: 12px;box-shadow: 0 10px 26px rgba(16, 24, 40, 0.06);}
.city-card .city-check{display: none;}
.city-card--active{background: #eef6ff;border-color: rgba(37, 99, 235, 0.20);}
.city-card--active .city-check{display: grid;place-items: center;width: 22px;height: 22px;background: #ffffff;border-radius: 999px;border: 1px solid rgba(37, 99, 235, 0.25);box-shadow: 0 10px 22px rgba(16, 24, 40, 0.10);}

.city-icon{width: 40px;height: 40px;border-radius: 12px;background: #8b95a7;display: grid;place-items: center;}
.city-icon svg{width: 20px;height: 20px;}
.city-icon--active{background: #2563eb;}
.city-text .city-name{font-weight: 700;color: #0b1220;font-size: 14px;margin-bottom: 4px;}
.city-text .city-state{font-size: 12px;color: #64748b;font-weight: 600;}
/* Bottom CTA card */
.coverage-cta{margin-top: 10px;border-radius: 18px;background: linear-gradient(180deg, #1d4ed8, #1453ff);padding: 26px 26px;box-shadow: 0 18px 40px rgba(16, 24, 40, 0.18);color: #fff;}
.coverage-cta__title{font-size: 20px;font-weight: 800;margin-bottom: 8px;}
.coverage-cta__text{font-size: 14px;opacity: 0.9;line-height: 1.6;margin-bottom: 16px;max-width: 46ch;}
.cta-btn{display: inline-block;padding: 12px 18px;border-radius: 999px;background: #ffffff;color: #1d4ed8;font-weight: 700;font-size: 14px;text-decoration: none;}

/* Responsive */
@media (max-width: 1024px){
.coverage-grid{grid-template-columns: 1fr;}
.map-card{min-height: 460px;}
}

@media (max-width: 640px){
.city-grid{grid-template-columns: 1fr;}
.map-card{min-height: 380px;}
}


.about {padding:60px;text-align: center;display: flex;justify-content:start;    position: relative;}
.about:before{content: '';position: absolute;right: 0;top: 0; bottom:0; width:45%;background:url(https://soniccleaningservices.com.au/public/assets/images/carpet-cleaning.jpg) no-repeat;background-size: cover;}
.about .container{margin: 0; width:51%; position: relative;background: #ffffff;}
.about-grid{display: grid;grid-template-columns: 520px 1fr;gap: 64px;align-items: start;}
/* LEFT COLLAGE */
.about-collage{position: relative;}
.collage-top{position: relative;display: grid;gap: 18px;}
.photo{border-radius: 18px;overflow: hidden;box-shadow: 0 18px 40px rgba(16,24,40,0.14);background: #fff;}
.photo img{width: 100%;height: 100%;object-fit: cover;display: block;}
.photo-1{height: 240px;}
.award-card{position: absolute;right: -10px;top: 110px;width: 270px;background: #ffffff;border: 1px solid rgba(15,23,42,0.08);border-radius: 16px;box-shadow: 0 18px 40px rgba(16,24,40,0.14);padding: 18px 18px;display: grid;grid-template-columns: 42px 1fr;
gap: 12px;align-items: center;}
.award-icon{width: 42px;height: 42px;border-radius: 14px;background: #eef6ff;display: grid;place-items: center;}
.award-icon svg{width: 22px;height: 22px;}
.award-title{font-weight: 800;color: #0b1220;font-size: 14px;margin-bottom: 4px;}
.award-sub{font-size: 13px;color: #556070;}
.collage-bottom{margin-top: 22px;display: grid;grid-template-columns: 1fr 1.1fr;gap: 18px;align-items: start;}
.years-card{height: 140px;border-radius: 18px;background: linear-gradient(180deg, #1d4ed8, #1453ff);box-shadow: 0 18px 40px rgba(16,24,40,0.18);padding: 22px 22px;color: #fff;display: grid;align-content: center;}
.years-num{font-size: 30px;font-weight: 900;line-height: 1;margin-bottom: 8px;}
.years-label{font-size: 14px;opacity: 0.92;font-weight: 600;}
.photo-2{height: 230px;}
/* RIGHT CONTENT */
.about-content .pill{display: inline-block;padding: 8px 14px;border-radius: 999px;background: #eaf1ff;color: #2563eb;font-weight: 700;font-size: 13px;margin-bottom: 18px;}
.about-copy p{margin: 0 0 14px;color: #556070;line-height: 1.75;font-size: 15px;max-width: 72ch;}
/* Stats */
.about-stats{margin-top: 26px;display: grid;grid-template-columns: 1fr 1fr;gap: 18px 26px;}
.stat{display: grid;grid-template-columns: 44px 1fr;gap: 12px;align-items: center;}
.stat-ico{width: 44px;height: 44px;border-radius: 14px;display: grid;place-items: center;background: #f1f5f9;}
.stat-ico svg{width: 22px;height: 22px;}
.stat-ico--blue{ background:#eaf1ff; }
.stat-ico--green{ background:#eafff1; }
.stat-ico--purple{ background:#f3e8ff; }
.stat-ico--orange{ background:#fff1df; }
.stat-num{font-weight: 900;font-size: 20px;color: #0b1220;line-height: 1.1;margin-bottom: 4px;}
.stat-label{font-size: 13px;color: #64748b;font-weight: 600;}
/* Responsive */
@media (max-width: 1024px){
.about-grid{grid-template-columns: 1fr;gap: 44px;}
.award-card{right: 16px;}
}
@media (max-width: 640px){
.about{padding: 72px 0;}
.collage-bottom{grid-template-columns: 1fr;}
.photo-2{height: 200px;}
.about-stats{grid-template-columns: 1fr;}
}
.how{padding: 96px 0;background:#f8fbff;}
/* Header */
.how-head{text-align: center;max-width: 760px;margin: 0 auto 56px;}
.pill{display: inline-block;padding: 8px 14px;border-radius: 999px;background: #eaf1ff;color: #2563eb;font-weight: 700;font-size: 13px;margin-bottom: 18px;}
.how-head p{margin: 0;color: #5b667a;font-size: 16px;line-height: 1.7;}
/* Cards */
.how-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 28px;align-items: start;}
.how-card{position: relative;background: #ffffff;border: 1px solid rgba(15,23,42,0.08);border-radius: 18px;box-shadow: 0 18px 40px rgba(16,24,40,0.10);padding: 34px 30px 30px;min-height: 220px;}
.step-badge{position: absolute;top: -22px;left: 50%;transform: translateX(-50%);width: 44px;height: 44px;border-radius: 999px;color: #fff;font-weight: 900;display: grid;place-items: center;box-shadow: 0 14px 28px rgba(16,24,40,0.16);}
.step-badge--blue{ background:#2563eb; }
.step-badge--purple{ background:#7c3aed; }
.step-badge--green{ background:#0b63ff; }
.how-icon{width: 64px;height: 64px;border-radius: 16px;display: grid;place-items: center;margin-bottom: 18px;box-shadow: 0 16px 32px rgba(16,24,40,0.12);}
.how-icon svg{width: 28px;height: 28px;}
.how-icon--blue{ background:#2563eb; }
.how-icon--purple{ background:#7c3aed; }
.how-icon--green{ background:#0b63ff; }
.how-card h3{font-size: 22px;margin: 0 0 10px;color: #0b1220;letter-spacing: -0.01em;}
.how-card p{margin: 0;color: #5b667a;line-height: 1.7;font-size: 15px;max-width: 46ch;}
/* CTA button */
.how-cta{margin-top: 40px;text-align: center;}
.how-btn{display: inline-block;padding: 14px 26px;border-radius: 999px;background: #2563eb;color: #fff;font-weight: 700;text-decoration: none;box-shadow: 0 18px 40px rgba(37,99,235,0.25);}
/* Responsive */

@media (max-width: 1024px){
.how-grid{grid-template-columns: 1fr 1fr;gap:25px;}
.how-card{padding-top: 40px;}
}

@media (max-width: 640px){
.how{padding: 72px 0;}
}

.beforeSec{background:#fff;padding: 96px 0;}
.reviews{padding: 96px 0;background:#f7fbff;}
.reviews-head{text-align: center;max-width: 820px;margin: 0 auto 56px;}
.pill{display: inline-block;padding: 8px 14px;border-radius: 999px;background: #eaf1ff;color: #2563eb;font-weight: 700;font-size: 13px;margin-bottom: 18px;}
.reviews-head p{margin: 0 0 18px;color: #5b667a;font-size: 16px;line-height: 1.7;}
.reviews-rating{display: inline-flex;align-items: center;gap: 12px;margin-top: 6px;}
.stars{color: #f6b800;font-size: 18px;letter-spacing: 1px;}
.rating-num{font-weight: 900;color: #0b1220;}
.rating-note{font-size: 13px;color: #7a8698;}
/* Review cards grid */
.review-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 26px;}
/* Card */
.review-card{position: relative;background: #fff;border: 1px solid rgba(15,23,42,0.08);border-radius: 18px;padding: 26px 26px 20px;box-shadow: 0 18px 40px rgba(16,24,40,0.10);min-height: 240px;}
.quote-badge{position: absolute;top: -16px;left: 18px;width: 34px;height: 34px;border-radius: 10px;background: #2563eb;color: #fff;display: grid;place-items: center;font-size: 14px;box-shadow: 0 14px 28px rgba(16,24,40,0.16);}
.card-stars{color: #f6b800;font-size: 16px;margin-top: 4px;margin-bottom: 12px;letter-spacing: 1px;}
.review-text{color: #3a4658;line-height: 1.7;font-size: 14px;margin: 0 0 14px;min-height: 90px;}
.service-tag{display: inline-block;padding: 6px 12px;border-radius: 999px;border: 1px solid rgba(37,99,235,0.20);background: #eef6ff;color: #2563eb;font-weight: 700;font-size: 12px;margin-bottom: 14px;}

/* Footer row inside card */
.review-foot{border-top: 1px solid rgba(15,23,42,0.06);padding-top: 14px;display: flex;align-items: center;justify-content: space-between;gap: 12px;}
.review-name{font-weight: 800;color: #0b1220;font-size: 13px;margin-bottom: 4px;}

.review-loc{color: #7a8698;font-size: 12px;font-weight: 600;}
.review-time{color: #7a8698;font-size: 12px;font-weight: 600;}

/* KPI cards */
.kpi-grid{margin-top: 34px;display: grid;grid-template-columns: repeat(4, 1fr);gap: 18px;}
.kpi-card{background: #fff;border: 1px solid rgba(15,23,42,0.08);border-radius: 16px;box-shadow: 0 16px 34px rgba(16,24,40,0.08);padding: 22px 16px;text-align: center;}
.kpi-ico{font-size: 26px;margin-bottom: 10px;}
.kpi-num{font-weight: 900;color: #0b1220;font-size: 18px;margin-bottom: 6px;}
.kpi-label{color: #7a8698;font-size: 13px;font-weight: 600;}
.contact-item {display: flex;gap: 15px;}
.contact-item .ico {width: 34px;height: 34px;border-radius: 10px;background:rgb(19 32 54);border: 1px solid rgba(38, 208, 124, .18);display: flex;align-items: center;justify-content: center;color:#8bc34a;flex: 0 0 auto;margin-top: 2px;}
.contact-item .label {color:#8bc34a;font-weight: 700;display: block;margin-bottom: 2px;}
.contact-item .value {color: #fff;font-weight: 600;}
/* Responsive */
@media (max-width: 1024px){
.review-grid{grid-template-columns: repeat(2, 1fr);}
.kpi-grid{grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 640px){
.reviews{padding: 72px 0;}
.review-grid{grid-template-columns: 1fr;}
.kpi-grid{grid-template-columns: 1fr;}
}
/*before*/
.ba{padding: 96px 0;background: #ffffff;}
.ba-head{text-align: center;max-width: 760px;margin: 0 auto 56px;}
.ba-dark{ color: #0b1220; font-weight: 900; }
.ba-green{ color:#0b63ff; font-weight: 900; }
.ba-head p{margin: 0;color: #5b667a;line-height: 1.7;font-size: 16px;}
/* Grid */
.ba-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 26px;}
/* Card */
.ba-card{background: #fff;border-radius: 18px;border: 1px solid rgba(15,23,42,0.08);box-shadow: 0 18px 40px rgba(16,24,40,0.10);overflow: hidden;transform: translateZ(0);}
/* Scroll reveal animation */
.reveal{opacity: 0;transform: translateY(18px);transition: opacity .7s ease, transform .7s ease;}
.reveal.is-visible{opacity: 1;transform: translateY(0);}
/* Media split */
.ba-media{position: relative;height: 340px;overflow: hidden;}
.ba-split{position: relative;height: 100%;overflow: hidden;padding:0;
}
.ba-split img{width: 100%;height: 100%;object-fit: cover;display: block;transform: scale(1);transition: transform .45s ease;}
/* Hover animation */
.ba-card:hover .ba-split img{transform: scale(1.06);}
.ba-card:hover{box-shadow: 0 24px 55px rgba(16,24,40,0.14);transform: translateY(-2px);}
/* Tags */
.ba-tag{position: absolute;left: 14px;top: 12px;padding: 5px 10px;border-radius: 999px;font-size: 12px;font-weight: 800;color: #fff;box-shadow: 0 12px 28px rgba(16,24,40,0.18);transform: translateY(0);transition: transform .35s ease;z-index:1;}
.ba-card:hover .ba-tag{transform: translateY(-2px);}
.ba-tag--before{ background: #ef4444; }
.ba-tag--after{ background: #10b981; }
/* Body */.ba-body{padding: 18px 20px 20px;background: #ffffff;}
.ba-body h3{margin: 0 0 8px;font-size: 18px;font-weight: 900;color: #0b1220;}
.ba-link{display: inline-flex;align-items: center;gap: 6px;font-weight: 800;font-size: 13px;color: #0b63ff;text-decoration: none;position: relative;}
.ba-link span{transition: transform .25s ease;}
.ba-card:hover .ba-link span{transform: translateX(3px);}
/* underline reveal */
.ba-link::after{content: "";position: absolute;left: 0;bottom: -4px;width: 0%;height: 2px;background:#0b63ff;transition: width .35s ease;}
.ba-card:hover .ba-link::after{width: 100%;}
/* Responsive */
@media (max-width: 1024px){
.ba-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
.ba{ padding: 72px 0; }
.ba-grid{ grid-template-columns: 1fr; }
.ba-media{ height: 220px; }
}
.header-phone.color-bounce{text-decoration: none;}
.ba-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 26px;}
.ba-container {position: relative;width: 100%;max-width: 900px;height:400px;overflow: hidden;border-radius: 12px;border: 5px solid #fff;box-shadow: 0 0 20px #00000026;background: #fff; padding:20px; border-radius:10px;}
.ba-img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;}
.after-img {clip-path: inset(0 50% 0 0);transition: clip-path 0.05s linear;}
.ba-slider {position: absolute;top: 0;left: 50%;width: 2px;height: 100%;background: #fff;cursor: ew-resize;z-index: 5;}
.ba-handle {position: absolute;top: 50%;left: 50%;width: 36px;height: 36px;background: #fff;border-radius: 50%;transform: translate(-50%, -50%);box-shadow: 0 0 10px rgba(0,0,0,0.3);font-size: 28px;display: flex;align-items: center;justify-content: center;}

/*testimonials*/

.t2{padding: 96px 0;background: #ffffff;}
.t2-head{text-align: center;max-width: 860px;margin: 0 auto 52px;}
.t2-head h2 span{color: #0b63ff;}
.t2-head p{margin: 0;color: #5b667a;font-size: 16px;line-height: 1.7;}
.t2-wrap{position: relative;max-width: 980px;margin: 0 auto;padding-top: 10px;}
/* Big Card */
.t2-card{position: relative;background: #f7f8fa;border-radius: 18px;padding: 44px 72px 46px;box-shadow: 0 16px 35px rgba(16,24,40,0.08);overflow: hidden;opacity: 1;transform: translateY(0);}
/* Quote badge (green circle left) */
.t2-quote-badge{position: absolute;left: 34px;top: 36px;width: 54px;height: 54px;border-radius: 999px;background: #0b63ff;color: #fff;font-size: 30px;font-weight: 900;display: grid;place-items: center;}
/* Stars */
.t2-stars{text-align: center;color: #f6b800;font-size: 22px;letter-spacing: 2px;margin-bottom: 18px;}
.t2-text{text-align: center;color: #0f172a;font-size:18px;line-height:32px;margin: 0 auto 26px;max-width: 62ch;}
/* user row */
.t2-user{display: flex;align-items: center;justify-content: center;gap: 14px;}
.t2-avatar{width: 56px;height: 56px;border-radius: 999px;object-fit: cover;border: 3px solid #e7eefc;}
.t2-name{font-weight: 900;color: #0b1220;font-size: 16px;margin-bottom: 3px;}
.t2-role{color: #6b778a;font-weight: 600;font-size: 13px;}/* Nav buttons */
.t2-nav{position: absolute;top: 50%;transform: translateY(-50%);width: 46px;height: 46px;border-radius: 999px;border: 0;background: #ffffff;box-shadow: 0 14px 28px rgba(16,24,40,0.14);cursor: pointer;font-size: 20px;color: #0b1220;display: grid;place-items: center;}
.t2-prev{ left: -18px; }
.t2-next{ right: -18px; }

.t2-nav:hover{transform: translateY(-50%) scale(1.04);}

/* Dots */
.t2-dots{display: flex;justify-content: center;gap: 10px;margin-top: 22px;}
.t2-dot{width: 10px;height: 10px;border-radius: 999px;border: 0;background: #cfd6df;cursor: pointer;}
.t2-dot.is-active{background:#0b63ff;}
/* Slide animation (card content swap) */
.t2-card.is-in{animation: t2In .35s ease both;}
.t2-card.slide-next{animation: t2OutNext .2s ease both;}
.t2-card.slide-prev{animation: t2OutPrev .2s ease both;}
span.form-title{text-align: center;border-bottom: 1px solid #eee;padding-bottom: 10px;display: block;margin-bottom: 15px;font-size: 13px;}
span.title {display: block;font-weight: bold;font-size: 25px;}

@keyframes t2In{
from{ opacity: .0; transform: translateY(10px); }
to{ opacity: 1; transform: translateY(0); }
}
@keyframes t2OutNext{
from{ opacity: 1; transform: translateX(0); }
to{ opacity: 0; transform: translateX(-16px); }
}
@keyframes t2OutPrev{
from{ opacity: 1; transform: translateX(0); }
to{ opacity: 0; transform: translateX(16px); }
}

/* Responsive */
@media (max-width: 1024px){
.t2-text{ font-size: 20px; }
.t2-card{ padding: 40px 44px; }
.t2-prev{ left: 8px; }
.t2-next{ right: 8px; }
}

@media (max-width: 640px){
.t2{ padding: 72px 0; }
.t2-card{ padding: 34px 18px 38px; }
.t2-quote-badge{ left: 16px; top: 18px; width: 46px; height: 46px; }
.t2-text{ font-size: 18px; }
}

.faq{padding: 96px 0;background:#f7fbff;}
.faq-head{text-align: center;max-width: 720px;margin: 0 auto 44px;}
.faq-head h2 span{color: #0b63ff;}
.faq-head p{margin: 0;color: #5b667a;font-size: 16px;line-height: 1.7;}
/* Accordion list */
.faq-list{max-width: 760px;margin: 0 auto;display: grid;gap: 14px;}
.faq-item{background: #ffffff;border: 1px solid rgba(15,23,42,0.08);border-radius: 14px;box-shadow: 0 10px 26px rgba(16,24,40,0.06);overflow: hidden;}
/* Summary row */
.faq-item > summary{list-style: none;cursor: pointer;padding: 18px 18px;display: flex;align-items: center;justify-content: space-between;gap: 16px;}
.faq-item > summary::-webkit-details-marker{ display: none; }
.faq-q{font-weight: 800;color: #0b1220;font-size: 14px;}
/* Right icon */
.faq-ico{width: 30px;height: 30px;border-radius: 999px;background:#0b63ff1c;display: grid;place-items: center;flex: 0 0 auto;}
.faq-ico svg{width: 18px;height: 18px;}
/* Answer */
.faq-a{padding: 0 18px 16px;border-top: 1px solid rgba(15,23,42,0.06);}
.faq-a p{margin: 12px 0 0;color: #5b667a;font-size: 13px;line-height: 1.75;}
/* Smooth open/close animation */
.faq-item .faq-a{max-height: 0;opacity: 0;overflow: hidden;transition: max-height .35s ease, opacity .25s ease;}
.faq-item[open] .faq-a{max-height: 260px;opacity: 1;}
/* Rotate chevron */
.faq-item summary .faq-ico svg{transition: transform .25s ease;}
.faq-item[open] summary .faq-ico svg{transform: rotate(180deg);}
/* CTA box */
.faq-cta{max-width: 760px;margin: 34px auto 0;background:linear-gradient(135deg, #0b63ff, #131b5f);border-radius: 16px;padding: 28px 24px;text-align: center;}
.faq-cta h3{margin: 0 0 8px;font-size: 20px;font-weight: 900;color: #fff;}
.faq-cta p{margin: 0 0 18px;color: #fff;font-size: 13px;line-height: 1.7;}
.faq-actions{display: flex;justify-content: center;gap: 12px;flex-wrap: wrap;}
.btn{display: inline-flex;align-items: center;gap: 8px;padding: 12px 18px;border-radius: 10px;font-weight: 800;font-size: 13px;text-decoration: none;box-shadow: 0 12px 24px rgba(16,24,40,0.10);color: #fff;}
.btn--solid{background: #fff;color: #000;border: 2px solid #fff;}
.btn--solid:hover{background:#0e4ccb;color: #fff;    border: 2px solid #fff;}
.btn--outline{color: #fff;border: 2px solid #fff;box-shadow: none;}
.btn-ico{font-size: 14px;}

/* Responsive */
@media (max-width: 640px){
.faq{ padding: 72px 0; }
.faq-actions{ gap: 10px; }
.btn{ width: 100%; justify-content: center; }
}


/*get in touch*/
.contact{padding: 96px 0;background: #fff;}
.pill{display: inline-block;padding: 8px 14px;border-radius: 999px;background: #eaf1ff;color: #2563eb;font-weight: 800;font-size: 13px;margin-bottom: 18px;}
.contact-head{text-align: center;max-width: 820px;margin: 0 auto 56px;}
.contact-head p{margin: 0;color: #5b667a;font-size: 16px;line-height: 1.7;}
/* Layout */
.contact-grid{display: grid;grid-template-columns: 520px 1fr;gap: 28px;align-items: start;}
.contact-card{background: #ffffff;border: 1px solid rgba(15,23,42,0.08);border-radius: 18px;box-shadow:0 0px 10px rgb(16 24 40 / 68%);}
.form-card{padding: 22px 22px 22px;}
.form-card h3{margin: 6px 0 18px;font-size: 20px;font-weight: 900;color: #0b1220;}
/* Form fields */
.field{margin-bottom: 14px;}
.field label{display: block;font-size: 12px;font-weight: 800;color: #3a4658;margin-bottom: 2px;}
.field input,.field select,.field textarea{width: 100%;border-radius: 12px;border: 1px solid rgba(15,23,42,0.12);padding:9px 14px;font-size: 13px;outline: none;background: #fff;color: #0b1220;}
.field textarea{resize: none;padding-top: 12px;max-height:70px;}
.field input::placeholder,.field textarea::placeholder{color: #98a2b3;font-weight:100;}
.two-line {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}

/* Button */
.send-btn{width: 100%;margin-top: 10px;border: 0;border-radius: 999px;background: #1453ff;color: #fff;font-weight: 900;font-size: 13px;padding: 14px 18px;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;gap: 10px;box-shadow: 0 18px 40px rgba(20,83,255,0.26);}
.send-ico{width: 18px;height: 18px;display: grid;place-items: center;}
.send-ico svg{width: 18px;height: 18px;}
/* Right area */
.contact-right{display: grid;gap: 18px;}
.info-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 18px;}
.info-card{background: #ffffff;border: 1px solid rgba(15,23,42,0.08);border-radius: 16px;box-shadow: 0 14px 32px rgba(16,24,40,0.10);padding: 18px;min-height: 124px;}
.info-ico{width: 44px;height: 44px;border-radius: 14px;display: grid;place-items: center;margin-bottom: 12px;}
.info-ico svg{ width: 22px; height: 22px; }
.info-ico--blue{ background:#eaf1ff; }
.info-ico--green{ background:#eafff1; }
.info-ico--purple{ background:#f3e8ff; }
.info-ico--orange{ background:#fff1df; }
.info-title{font-weight: 900;color: #0b1220;font-size: 13px;margin-bottom: 6px;}
.info-text{color: #64748b;font-size: 12.5px;font-weight: 600;line-height: 1.55;}
/* Map card */
.map-card{padding: 18px;}
.map-head{font-weight: 900;color: #0b1220;font-size: 14px;margin: 4px 0 14px;}
.map-box{height: 300px;border-radius: 14px;background: #f2f4f6;display: grid;place-items: center;text-align: center;padding: 18px;}
.map-pin{width: 58px;height: 58px;border-radius: 18px;background: #eaf1ff;display: grid;place-items: center;margin-bottom: 12px;}
.map-pin svg{ width: 30px; height: 30px; }
.map-title{font-weight: 900;color: #0b1220;margin-bottom: 4px;}
.map-sub{color: #7a8698;font-size: 13px;font-weight: 600;}
.breadcrum {background: linear-gradient(135deg, #0b63ff, #131b5f);color: #fff;padding: 20px 0;margin-bottom: 50px;}
.terms-content{background:#ffffff;border-radius:12px;padding:40px;box-shadow:0 8px 25px rgba(0,0,0,0.08);line-height:1.7;color:#333;}
/* Headings */
.terms-content h1{font-size:32px;font-weight:700;margin-bottom:25px;border-bottom:2px solid #0d6efd;padding-bottom:10px;}
.terms-content h2{font-size:24px;font-weight:700;margin-top:40px;margin-bottom:20px;padding-left:15px;border-left:5px solid #0d6efd;}
.terms-content h3{font-size:20px;font-weight:600;margin-top:30px;margin-bottom:15px;color:#000;}
.terms-content ol,.terms-content ul{margin-left:20px;}
.terms-content li{margin-bottom:10px;}
.terms-content p{margin-bottom:15px;}
.terms-content strong{display:block;background:#fff3cd;border-left:5px solid #ffc107;padding:15px;margin:25px 0;}
.terms-content a{color:#0d6efd;text-decoration:none;font-weight:500;word-break:break-word;}
.terms-content a:hover{text-decoration:underline;}

@media(max-width:767px){
.terms-content{padding:25px;}
.terms-content h1{font-size:26px;}
.terms-content h2{font-size:21px;}
.terms-content h3{font-size:18px;}
.hero__buttons{flex-wrap: wrap; justify-content: center;}
.hero{padding:90px 0 35px;
    
}   
    
}
/* Responsive */
@media (max-width: 1024px){
.contact-grid{
grid-template-columns: 1fr;
}
.info-grid{
grid-template-columns: 1fr 1fr;
}
.why{padding: 40px 0 40px;}
}

@media (max-width: 640px){
.contact{padding: 72px 0;}
.info-grid{grid-template-columns: 1fr;}
.map-box{height: 240px;}
}

/*footer*/
.site-footer{color:#cbd5e1;font-size:14px;}
/* CTA */
.footer-cta{background:#1d4ed8;padding:40px 0;}
.cta-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.cta-text h3{margin:0;color:#fff;font-size:28px;font-weight:900;}
.cta-text p{margin:6px 0 0;color:#dbeafe;}
.cta-form{display:flex;gap:12px;}
.cta-form input{padding:14px 18px;border-radius:999px;border:none;width:260px;}
.cta-wrap .button{display:flex;align-items:center;gap:8px;background:#fff;color:#2563eb;border:none;border-radius:999px;padding:14px 22px;font-weight:800;cursor:pointer;text-decoration: none;white-space: nowrap;border: 2px solid #fff;}
.cta-wrap .button svg {width: 25px;}
.cta-wrap .button:hover {background: #1d4ed8;color: #fff;border: 2px solid #fff;}
.cta-wrap .button:hover svg{color:#fff;}
.floating-label{position: relative;}
.floating-label label {position: absolute;left: 10px;top: 10px;color: #777;transition: 0.3s;pointer-events: none;}
.floating-label input:focus + label, .floating-label input:not(:placeholder-shown) + label {top: -7px;left: 10px;font-size: 14px;background: #fff;padding: 0 4px;line-height: 14px;color: #000000d4;border-radius: 2px;}
.floating-label label {position: absolute;left: 10px;top: 10px;color: #777;transition: 0.3s;pointer-events: none;}
.floating-label textarea:focus + label, .floating-label textarea:not(:placeholder-shown) + label {top: -7px;left: 10px;font-size: 14px;background: #fff;padding: 0 4px;line-height: 14px;color: #000000d4;border-radius: 2px;}
/* Footer Main */
.footer-main{background:radial-gradient(circle at top,#1e293b,#0f172a);padding:64px 0 0;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px;}
.logo{display:flex;gap:10px;align-items:center;margin-bottom:16px;}
.footer-brand .logo img {max-width: 250px;}
.logo-ico{background:#2563eb;color:#fff;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;}
.logo strong{font-size:18px;color:#fff;}
.logo small{color:#93c5fd;font-size:12px;}
.footer-brand p{line-height:1.7;max-width:360px;}
.socials{display:flex;gap:12px;margin-top:18px;}
.socials a{width:36px;height:36px;border-radius:10px;background:#1e293b;display:grid;place-items:center;cursor:pointer;}

/* Columns */
.footer-col h4{color:#fff;margin-bottom:14px;font-size:15px;}
.footer-col ul{list-style:none;padding:0;margin:0;}
.footer-col li{margin-bottom:10px;cursor:pointer;}
.contact-item{margin-bottom:14px;line-height:1.6;}
/* Areas */
.footer-areas{margin-top:48px;}
.footer-areas h5{color:#fff;margin-bottom:14px;}
.area-tags{display:flex;flex-wrap:wrap;gap:10px;}
.footer-main a{color:#cbd5e1;text-decoration: none;}
.footer-main a:hover{color:#fff;}
.area-tags span{padding:8px 14px;background:#1e293b;border-radius:999px;font-size:13px;}
/* Bottom */
.footer-bottom{margin-top:48px;border-top:1px solid rgba(255,255,255,0.1);padding:22px 0;}
.bottom-wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;}
.bottom-links{display:flex;gap:18px;}
.pbmit-breadcrumb-inner {font-size: 13px;}
.pbmit-breadcrumb-inner a{color: #8BC34A;text-decoration: none;font-weight: bold;}
.blog-hero {padding: 6rem 0 3rem;background: linear-gradient(135deg, #f8f9fa, #ffffff);text-align: center;}
.blog-hero h1 {font-weight: 700;font-size: 2.2rem;line-height: 1.3;}
.blog-hero .blogthumb {max-height: 420px;object-fit: cover;border-radius: 1rem;margin-top: 2rem;box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.1);}
.blog-detail {padding: 3rem 0;}
.blog-detail p {font-size: 1.05rem;line-height: 1.75;color: #444;margin-bottom: 1.2rem;}
.blog-detail img {max-width: 100%;border-radius: 0.75rem;margin-bottom:20px;width: 100%;}
nav.nav__menu.headmenu li.dropli .submenu {position: absolute;list-style: none;padding-left: 0;background: #fff;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);/* padding: 10px; */border: 1px solid #eee;display: none;}
nav.nav__menu.headmenu li.dropli:hover .submenu {display: block;}
nav.nav__menu.headmenu li.dropli .submenu li {padding: 5px 10px;    border-bottom: 1px solid #eee;}
nav.nav__menu.headmenu li.dropli .submenu li:hover{background: #0b63ff;}
nav.nav__menu.headmenu li.dropli .submenu li:hover a {color: #fff;}

@media (max-width: 991px) {
.blog-hero {padding: 4rem 0 2rem;}
.blog-hero h1 {font-size: 1.6rem;}
.blog-hero .blogthumb {max-height: 280px;}
.nav__menu ul.headmenus li.dropli {position: relative;}
.nav__menu ul.headmenus li.dropli a::after {display: none;}
.nav__menu ul.headmenus li.dropli::before {content: '';position: absolute;right: 0;top: 50%;width: 10px;height: 10px;background: #222;clip-path: polygon(50% 100%, 0 0, 100% 0);}
}
/* Responsive */

@media(max-width:1024px){
.footer-grid{grid-template-columns:1fr 1fr;}
.cta-wrap{flex-direction:column; align-items:flex-start;}
}

@media(max-width:640px){
.footer-grid{grid-template-columns:1fr;}
.bottom-wrap{flex-direction:column; text-align:center;}
}


/* ------------ RESPONSIVE ------------ */
@media screen and (min-width:100px) and (max-width:991px){
.hero{gap:20px}  
.hero__content {max-width: 100%;width: 100%;padding: 20px;}
.hero__image-wrapper {position: relative;max-width: 100%;padding: 0 20px;}
span.mobile-nav-trigger {display: block;}
.headmenu{box-shadow: 0 0 10px var(--seccolor)61; position: fixed;left: -305px;background: var(--white);top: 0px;display: block;margin: 0;bottom: 0;width:250px;z-index: 999;-webkit-transition: all .4s;transition: all .4s; background:#fff;}
.headmenu.open {left: 0;-webkit-transition: all .4s;transition: all .4s;}
.headmenu .nav ul li{width:100%}
span.mobile-nav-trigger{top:64px;}
.nav__menu ul.headmenus{padding: 15px;overflow: auto;height: 100vh;display: block;}
.services-section{padding:50px 0;}
nav.nav__menu.headmenu li.dropli .submenu{position: relative;margin-bottom: 15px;box-shadow: none;}
}
@media screen and (min-width:100px) and (max-width:767px){
.nav__right{gap:0;}
.nav{    padding: 8px 0;}
.hero {flex-direction: column;gap: 30px;}
.hero__image-card {width: 100%;height: 350px;}
.header-phone.color-bounce {position:fixed;top:60px;background: #0b63ff;width: 100%;left: 0;font-size: 25px;padding: 5px;text-align: center;color: #fff;}
.nav__logo img {max-width: 150px;}
.nav__cta {padding:10px 15px;}
.hero__title{font-size:32px;line-height: 1.35;text-align: center;}
.hero__badge{margin-bottom: 8px;}
.hero__content{padding: 0 20px;}
.hero__description{text-align: center;}
.hero__stats{    gap: 10px;}
.hero__stats-item{width:auto;}
.why__title{font-size:26px;}
h2 {font-size: 26px;}
.beforeSec{padding: 50px 0;}
.services-section{padding: 50px 0;}
.about{padding: 50px 0;}
.how{padding: 50px 0;}
.reviews{padding: 50px 0;}
.faq{padding: 50px 0;}
.breadcrum{background: linear-gradient(135deg, #131b5f, #0b63ff);margin-top: 48px;}
}

@media screen and (min-width:100px) and (max-width:575px){
.ba-grid{grid-template-columns: 1fr;}
}

@media screen and (min-width:768px) and (max-width:991px){
.nav__logo{max-width:150px;}
.nav__logo img{width:100%;}
span.mobile-nav-trigger{top:20px;color: #0b63ff;}
.nav__right{    margin-right: 50px;}
.hero{padding:35px 0!important;}
}
@media screen and (min-width:100px) and (max-width:575px){
.how-grid {grid-template-columns: 1fr;gap:40px;}
}

@media screen and (min-width:991px) and (max-width:1250px){
.container {max-width:960px!important;}
}

/*New menu*/
ul.mainul {padding: 0;margin: 0;}
.menu ul{list-style:none;display:flex;}
.menu ul li{position:relative;}
.menu ul li a{display:block;padding:10px 15px;color:#222;text-decoration:none; font-size:15px;}
.menu ul li a:hover{color:#0b63ff;}
.menu ul li.dropdown{display: flex;align-items: center;}
/* SUBMENU DEFAULT HIDDEN */
.menu ul .submenu{position:absolute;top:100%;left:0;background:#fff;display:none;min-width:300px;padding:0px;
margin: 0;box-shadow: 0 10px 10px #00000030;border-radius: 10px;}
.menu ul .submenu .submenu{box-shadow: 10px 0px 10px #00000030;border-left: 2px solid #0b63ff;border-radius: 0 10px 10px 0;}
.menu ul .submenu .submenu:before {content: '';position: absolute;width: 20px;height: 20px;left: -12px;top: 14px;background: #0b63ff;
transform: rotate(45deg);}
.menu ul .submenu .submenu li{background:#fff;}
.menu ul .submenu .submenu{top:0;left:100%;}
.menu ul .submenu li {border-bottom: 1px solid #eee;}
.menu ul .submenu li:last-child{border-bottom:0;}
.menu ul li a.dropArrow {position: relative;padding-right: 20px;}
.menu ul li a.dropArrow:before {content: ''; position: absolute;width: 10px;height: 10px;background: transparent;right: 0;top: 16px;border: 2px solid #0b63ff;transform: rotate(45deg);border-left: 0;border-top: 0;}
.menu ul .submenu li a.dropArrow:before{transform: rotate(314deg);right: 15px;top: 18px;}
.menu ul .submenu li:hover a.dropArrow:before{display: none;}
.mobile-toggle{display:none;color:#fff;font-size:28px;padding:15px;cursor:pointer;position: fixed;right: 0;top: 47px;z-index: 99999;}
.submenu-toggle{cursor:pointer;position: relative;right: 8px;top: 2px;}
.submenu{display:none;}
.dropdown.active > .submenu{display:block;}
.menu ul .submenu span.submenu-toggle {margin-left: auto;}
.menu ul .submenu li:hover span.submenu-toggle{display:none;}

@media(min-width:769px){
.menu ul li:hover > .submenu{display:block;}
}

@media(max-width:991px){
.mobile-toggle{display:block;}
.menu{display:none;}
.menu.active{display:block;}
.menu ul{flex-direction:column;}
.menu ul li a.dropArrow:before{right:15px;}
.menu ul li{border-bottom: 1px solid #eee;}
.submenu{position:static;display:none;}
.dropdown.active > .submenu {display: block;top: 0;box-shadow: none;padding-left: 15px;background: #0b63ff0a;border-radius: 0;min-width: 100%;}
.menu ul .submenu{position: relative;}
.menu ul .submenu .submenu {top: 0;left: 20px;}
nav.menu {box-shadow: 0 0 10px var(--seccolor) 61;position: fixed;left: -100%;background: var(--white);top: 0px;display: block;margin: 0;bottom: 0;width:80%;z-index: 999;-webkit-transition: all .4s;transition: all .4s;background: #fff;}
nav.menu.active{left: 0;-webkit-transition: all .4s;transition: all .4s;}
ul.mainul{height: 100vh;overflow: auto;}
.menu ul .submenu li{border-bottom:1px solid #0b63ff26;}
.menu ul .submenu .submenu {box-shadow: none;border-left: 0;border-radius: 0;padding: 0;}
.menu ul .submenu .submenu:before{display: none;}
.menu ul .submenu .submenu li {background: #0b63ff14;}
.menu ul .submenu li:hover a.dropArrow:before {transform: rotate(46deg);right: 15px;top: 15px; display: block;}
.menu ul li.dropdown{display: block;}
.submenu-toggle {cursor: pointer;position:absolute;right:10px;top:8px;background:#0b63ff63;width:30px;display: flex;align-items: center;justify-content: center;color:#0e46be;height:30px;        border-radius: 20px;}
.menu ul .submenu li:hover span.submenu-toggle {display: flex;}
.menu-bar .nav__right{display:none;}
}


@media screen and (min-width:768px) and (max-width:991px){
.mobile-toggle {display: block;top: 0;background: #0144ae;}
.menu ul li:hover > .submenu {display: block;top: 0;}
.menu ul .submenu{background: #0b63ff0d;border-radius: 0;}
}
/*New menu*/


@media screen and (min-width:992px) and (max-width:1250px){
.nav__logo {max-width: 130px;}
.nav__logo img {max-width: 100%;}
.menu ul li a {padding: 10px 8px; font-size: 14px;}
}

@media (min-width: 992px) {
.menu-bar .nav__right{display:none;}
.menu-bar { background: radial-gradient(circle at top, #1e293b, #0f172a);position: relative;z-index: 9;}
.sticky .nav__right{display:flex;}
.menu ul li a{color:#ffffffde;}
.nav{position:relative;}
.menu-bar .menu ul .submenu li a{color:#222;}
.menu-bar i.bi.bi-chevron-down {color:#ffffffde;}
.menu-bar.sticky{position: fixed; top: 0; width: 100%;z-index: 999; background: #ffffff!important; padding: 14px 0;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); transition: 200ms ease;}
.menu-bar.sticky .container {    display: flex;    align-items: center;    justify-content: space-between;}
.sticky i.bi.bi-chevron-down {color:#222;}
.sticky .menu ul li a{color:#222;}
}


@media (max-width: 1024px) {
.services-grid {grid-template-columns: repeat(2, 1fr);}
.why .container{width:100%; background:#fff;}
.why:before{width:100%; display:none;}
.about .about-content{width:100%; background:#fff;}
.about:before{display:none;}
.about .container{width:100%;}
}