:root {
	--navy: #10233d;
	--blue: #1769e0;
	--blue-dark: #0d55bb;
	--ink: #1b2d44;
	--muted: #657386;
	--line: #e1e8f0;
	--orange: #ff8b38;
	--mint: #23ad78
}

* {
	box-sizing: border-box
}

html {
	scroll-behavior: smooth
}

body {
	margin: 0;
	font-family: 'DM Sans', sans-serif;
	color: var(--ink);
	background: #f8fafc;
	line-height: 1.5;
	overflow-x: hidden
}

h1, h2, h3, .navbar-brand {
	font-family: Manrope, sans-serif;
	font-weight: 800
}

a {
	text-decoration: none
}

em {
	font-style: normal;
	color: var(--blue)
}

::selection {
	color: var(--navy);
	background: #cde5ff
}

.topbar {
	height: 36px;
	background: var(--navy);
	color: #c9d3e0;
	font-size: .76rem;
	line-height: 36px
}

.topbar a {
	color: #c9d3e0
}

.topbar a:hover {
	color: #fff
}

#mainNav {
	z-index: 20;
	top: 36px;
	padding: 19px 0;
	transition: .25s;
	background: transparent
}

#mainNav.scrolled {
	top: 0;
	padding: 11px 0;
	background: #fff;
	box-shadow: 0 4px 20px rgba(10, 30, 60, .08)
}

.navbar-brand {
	font-size: 1.12rem;
	color: var(--navy) !important;
	letter-spacing: -.6px;
	display: flex;
	align-items: center;
	gap: 8px
}

.navbar-brand>span>span {
	display: block;
	color: var(--blue);
	font-size: .7rem;
	letter-spacing: 0
}

.brand-mark {
	width: 27px;
	height: 27px;
	border-radius: 6px;
	background: var(--blue);
	color: #fff;
	display: grid;
	place-items: center;
	font-size: .74rem;
	transform: skew(-8deg)
}

.brand-mark i {
	transform: skew(8deg)
}

.nav-link {
	margin: 0 10px;
	font-size: .9rem;
	font-weight: 700;
	color: #344257 !important
}

.nav-link.active,
.nav-link:hover {
	color: var(--blue) !important
}

.navbar-toggler {
	width: 44px;
	height: 40px;
	display: grid;
	place-items: center;
	color: var(--navy);
	font-size: 1.15rem
}

.navbar-toggler:focus {
	box-shadow: 0 0 0 .2rem rgba(23, 105, 224, .14)
}

.btn {
	border-radius: 7px;
	padding: 12px 22px;
	font-weight: 800;
	transition: transform .2s, box-shadow .2s, background .2s
}

.btn-sm {
	padding: 9px 15px
}

.btn-brand {
	color: #fff;
	background: var(--blue);
	border-color: var(--blue);
	box-shadow: 0 9px 18px rgba(23, 105, 224, .22)
}

.btn-brand:hover {
	color: #fff;
	background: var(--blue-dark);
	border-color: var(--blue-dark);
	transform: translateY(-2px);
	box-shadow: 0 13px 24px rgba(23, 105, 224, .28)
}

.hero {
	min-height: 710px;
	padding: 164px 0 98px;
	position: relative;
	overflow: hidden;
	background: linear-gradient(118deg, #f7f9fc 0%, #eef5fb 56%, #e4f0fb 100%)
}

.hero:before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(255, 255, 255, .52), rgba(255, 255, 255, 0));
	pointer-events: none
}

.hero:after {
	content: '';
	position: absolute;
	right: -13%;
	bottom: -62%;
	height: 640px;
	width: 640px;
	border: 1px solid rgba(23, 105, 224, .1);
	border-radius: 50%
}

.eyebrow,
.section-kicker {
	font-size: .7rem;
	font-weight: 800;
	letter-spacing: 1.5px;
	color: var(--blue)
}

.eyebrow {
	display: flex;
	align-items: center;
	gap: 9px
}

.eyebrow span {
	width: 26px;
	height: 2px;
	background: var(--orange)
}

h1 {
	max-width: 610px;
	margin: 17px 0 20px;
	color: var(--navy);
	font-size: clamp(2.7rem, 5vw, 4.25rem);
	line-height: 1.11;
	letter-spacing: -2px;
	text-wrap: balance
}

.hero-copy {
	max-width: 500px;
	font-size: 1.05rem;
	line-height: 1.75;
	color: #657083
}

.hero-actions {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 30px
}

.btn-link-custom {
	padding: 12px 0;
	color: var(--navy);
	font-size: .9rem;
	font-weight: 700
}

.btn-link-custom:hover {
	color: var(--blue)
}

.trust-row {
	display: flex;
	gap: 0;
	max-width: 500px;
	margin-top: 48px;
	padding-top: 22px;
	border-top: 1px solid rgba(16, 35, 61, .12)
}

.trust-row div {
	flex: 1
}

.trust-row div+div {
	padding-left: 18px;
	border-left: 1px solid #d5dde6
}

.trust-row strong {
	display: block;
	color: var(--navy);
	font: 800 1.25rem Manrope
}

.trust-row small {
	font-size: .7rem;
	color: #718092
}

.hero-visual {
	height: 455px;
	max-width: 550px;
	margin: auto;
	padding: 12px 0 0 24px;
	position: relative
}

.hero-visual>img {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 405px;
	object-fit: cover;
	object-position: 67% center;
	border-radius: 9px;
	box-shadow: 0 24px 55px rgba(30, 60, 93, .2)
}

.hero-visual:after {
	content: '';
	position: absolute;
	z-index: 0;
	left: 0;
	bottom: 13px;
	width: 84%;
	height: 88%;
	border: 1px solid rgba(23, 105, 224, .24);
	border-radius: 9px
}

.image-label {
	position: absolute;
	z-index: 2;
	left: 43px;
	top: 30px;
	padding: 8px 11px;
	border-radius: 5px;
	color: #fff;
	background: rgba(16, 35, 61, .86);
	backdrop-filter: blur(8px);
	font-size: .7rem;
	font-weight: 700
}

.image-label i {
	margin-right: 5px;
	color: #ff9b57
}

.parcel-card,
.float-note {
	position: absolute;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 10px;
	background: #fff;
	border-radius: 7px;
	box-shadow: 0 16px 34px rgba(15, 37, 64, .23)
}

.parcel-card {
	right: -14px;
	bottom: 24px;
	min-width: 205px;
	padding: 14px 16px
}

.parcel-icon {
	display: grid;
	place-items: center;
	width: 37px;
	height: 37px;
	border-radius: 7px;
	background: #e9f2ff;
	color: var(--blue)
}

.parcel-card span,
.float-note small {
	display: block;
	color: #7e8894;
	font-size: .7rem
}

.parcel-card strong {
	font-size: .83rem
}

.status-check {
	margin-left: auto;
	color: #24b178
}

.float-note {
	bottom: 4px;
	left: 2px;
	padding: 11px 14px
}

.float-note>i {
	color: var(--mint)
}

.float-note b {
	font-size: .76rem
}

.tracking-section {
	padding: 0 0 86px;
	background: linear-gradient(125deg, #0f4fac, #1769e0 58%, #2384eb)
}

.tracking-panel {
	padding: 34px 40px;
	transform: translateY(-34px);
	color: #fff;
	background: var(--navy);
	border: 1px solid rgba(255, 255, 255, .09);
	border-radius: 8px;
	box-shadow: 0 18px 40px rgba(8, 35, 75, .23)
}

.panel-intro h2 {
	margin: 5px 0;
	font-size: 1.38rem
}

.panel-intro p {
	margin: 0;
	color: #abb8c9;
	font-size: .83rem
}

.tracking-form .input-group {
	overflow: hidden;
	border-radius: 7px
}

.tracking-form .input-group-text {
	padding-left: 19px;
	border: 0;
	color: var(--blue);
	background: #fff
}

.tracking-form .form-control {
	min-height: 54px;
	padding: 15px 9px;
	border: 0;
	box-shadow: none;
	font-size: .9rem
}

.btn-light-brand {
	padding: 0 24px;
	border-radius: 0;
	color: #104b9d;
	background: #c4e3ff;
	font-weight: 800
}

.btn-light-brand:hover {
	color: var(--blue);
	background: #fff
}

.tracking-form small {
	display: block;
	margin-top: 8px;
	color: #b7c4d5;
	font-size: .72rem
}

.demo-link {
	padding: 0;
	border: 0;
	color: #fff;
	background: none;
	text-decoration: underline;
	font-weight: 700
}

.tracking-result {
	margin-top: -8px;
	padding: 25px 30px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 10px 25px rgba(8, 47, 106, .15)
}

.track-summary {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 14px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--line)
}

.track-summary small,
.track-meta small {
	display: block;
	color: var(--muted);
	font-size: .73rem
}

.track-summary b {
	font-family: Manrope;
	font-size: 1rem
}

.track-status {
	color: #189963
}

.track-meta {
	display: flex;
	gap: 35px;
	padding: 18px 0
}

.timeline-item {
	display: flex;
	position: relative;
	gap: 15px;
	padding-bottom: 15px
}

.timeline-item:before {
	content: '';
	position: absolute;
	top: 17px;
	left: 7px;
	height: 100%;
	border-left: 1px solid #d8dde5
}

.timeline-item:last-child:before {
	display: none
}

.timeline-dot {
	z-index: 1;
	flex: 0 0 auto;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #d6dee9
}

.timeline-item:first-child .timeline-dot {
	background: #25b179;
	box-shadow: 0 0 0 4px #e1f7ed
}

.timeline-item b {
	font-size: .84rem
}

.timeline-item p {
	margin: 2px 0;
	color: var(--muted);
	font-size: .75rem
}

.section-pad {
	padding: 112px 0
}

.section-title {
	margin: 10px 0;
	color: var(--navy);
	font-size: clamp(2rem, 3.5vw, 3rem);
	line-height: 1.18;
	letter-spacing: -1.7px
}

.section-copy {
	color: var(--muted);
	line-height: 1.75
}

.featured {
	color: #bcdfff;
	background: #24466a
}

.why-item h3 {
	margin-bottom: 10px;
	font-size: 1rem
}

.why-item p {
	color: var(--muted);
	font-size: .83rem;
	line-height: 1.65
}

.featured p {
	color: #b8c5d4
}

.service-card {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  padding: 1.5rem;
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.service-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f1f5f9;
  color: #0f172a;
  border-radius: 8px;
  font-size: 1.2rem;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.3s ease;
}

.service-details {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.service-details h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 800;
  color: #1e293b;
}

.service-details p {
  margin: 0;
  font-size: 0.95rem;
  color: #64748b;
  line-height: 1.5;
}

.service-details a {
  margin-top: 0.25rem;
  font-size: 0.9rem;
  font-weight: 500;
  color: #2563eb;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.service-details a:hover {
  text-decoration: underline;
}

.service-card:hover .service-icon {
  transform: rotate(20deg) scale(1.03);
  background-color: #2563eb; 
  color: #ffffff;
}

.about-section {
	padding: 100px 0;
	background: #eef4f9
}

/* == */
.about-art {
    height: 360px;
    position: relative;
}

.about-photo {
    display: grid;
    place-items: center;
    position: relative;
    overflow: hidden;
    width: 83%;
    height: 325px;
    border-radius: 8px;
    color: rgba(255, 255, 255, .88);
    font-size: 6rem;
}

.about-photo img{
    border-radius: 8px;
}

.about-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain; 
	border-radius: 15px;
    z-index: 0;
}

.about-photo:after {
    content: '';
    position: absolute;
    bottom: -31%;
    width: 200%;
    height: 45%;
    background: rgba(255, 255, 255, .1);
    transform: rotate(-12deg);
    z-index: 1;
}

.experience-card {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 170px;
    padding: 20px;
    border-radius: 7px;
    color: #fff;
    background: var(--orange);
    box-shadow: 0 15px 28px rgba(182, 88, 21, .23);
    z-index: 3;
}

.experience-card strong {
    font: 800 2.5rem Manrope;
    letter-spacing: -2px;
}

.experience-card p {
    margin: 2px 0 0;
    font-size: .73rem;
    line-height: 1.35;
}
/* == */
.check-list {
	margin: 0;
	padding: 0;
	list-style: none
}

.check-list li {
	margin: 12px 0;
	font-size: .88rem;
	font-weight: 600
}

.check-list i {
	display: inline-grid;
	place-items: center;
	width: 20px;
	height: 20px;
	margin-right: 9px;
	border-radius: 50%;
	color: #22ad78;
	background: #e3f6ed;
	font-size: .62rem
}

.btn-outline-brand {
	border: 1px solid #b7cbe5;
	color: var(--blue)
}

.btn-outline-brand:hover {
	color: #fff;
	background: var(--blue)
}

.why-section {
	padding: 98px 0
}

.why-head {
	max-width: 500px;
	margin-bottom: 45px
}

.why-item {
	padding: 20px 14px;
	text-align: center
}

.why-item>i {
	display: inline-grid;
	place-items: center;
	width: 55px;
	height: 55px;
	margin-bottom: 18px;
	border-radius: 8px;
	color: var(--blue);
	background: #ecf4ff;
	font-size: 1.45rem
}

.contact-section {
	padding: 0 0 95px
}

.contact-box {
	position: relative;
	overflow: hidden;
	padding: 51px 55px;
	border-radius: 8px;
	color: #fff;
	background: var(--blue);
	box-shadow: 0 18px 40px rgba(23, 105, 224, .17)
}

.contact-box:before {
	content: '';
	position: absolute;
	top: -250px;
	right: -100px;
	width: 400px;
	height: 400px;
	border: 1px solid rgba(255, 255, 255, .17);
	border-radius: 50%
}

.contact-box h2 {
	margin: 8px 0;
	font-size: clamp(1.8rem, 3vw, 2.55rem);
	letter-spacing: -1.4px
}

.contact-box h2 em {
	color: #b9dcff
}

.contact-box p {
	margin: 0;
	color: #c7dcf7
}

.contact-email {
	color: #fff;
	font-size: .88rem;
	font-weight: 700
}

.contact-email:hover {
	color: #fff
}

.contact-box .btn-light {
	padding: 14px 22px;
	color: var(--blue)
}

footer {
	padding: 49px 0 18px;
	background: #eef3f7
}

.footer-copy {
	margin: 13px 0 0;
	color: var(--muted);
	font-size: .82rem
}

.footer-links {
	display: flex;
	flex-wrap: wrap;
	gap: 17px
}

.footer-links a,
.footer-bottom a {
	color: #526174;
	font-size: .78rem;
	font-weight: 600
}

.footer-links a:hover,
.footer-bottom a:hover {
	color: var(--blue)
}

.legal-page {
	min-height: 100vh;
	background: linear-gradient(135deg, #f7fbff 0%, #eef6ff 52%, #f9fcff 100%);
	position: relative;
}

.legal-page:before {
	content: '';
	position: fixed;
	inset: 0;
	background: radial-gradient(circle at top left, rgba(23, 105, 224, .12), transparent 28%), radial-gradient(circle at bottom right, rgba(255, 139, 56, .12), transparent 32%);
	pointer-events: none;
}

.page-hero {
	position: relative;
	z-index: 1;
	padding: 150px 0 90px;
}

.legal-hero-card {
	padding: 32px;
	border: 1px solid rgba(23, 105, 224, .12);
	border-radius: 28px;
	background: rgba(255, 255, 255, .95);
	box-shadow: 0 24px 60px rgba(16, 35, 61, .12);
	backdrop-filter: blur(8px);
}

.legal-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(23, 105, 224, .09);
	color: var(--blue);
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.page-title {
	margin: 12px 0 16px;
	font-size: clamp(2rem, 4vw, 2.7rem);
	color: var(--navy);
}

.page-intro {
	font-size: 1.02rem;
	color: var(--muted);
	max-width: 760px;
	margin-bottom: 0;
}

.legal-summary-pill {
	min-width: 150px;
	padding: 12px 14px;
	border-radius: 14px;
	background: linear-gradient(135deg, #f2f7ff, #eaf4ff);
	color: var(--navy);
	text-align: left;
}

.legal-summary-pill strong {
	display: block;
	font-size: .78rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--blue);
}

.legal-summary-pill span {
	font-size: .95rem;
	font-weight: 600;
}

.legal-grid {
	display: grid;
	grid-template-columns: 1.45fr .95fr;
	gap: 20px;
}

.page-card {
	background: #fff;
	border: 1px solid rgba(23, 105, 224, .1);
	border-radius: 18px;
	padding: 24px;
	box-shadow: 0 10px 28px rgba(16, 35, 61, .06);
}

.legal-side-card {
	background: linear-gradient(160deg, #f7fbff 0%, #eef5ff 100%);
}

.legal-side-copy {
	margin-bottom: 16px;
	color: var(--muted);
}

.legal-contact-box {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	border-radius: 12px;
	background: rgba(255, 255, 255, .8);
	border: 1px solid rgba(23, 105, 224, .1);
}

.legal-contact-box i {
	display: inline-grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #eaf3ff;
	color: var(--blue);
}

.legal-contact-box a {
	color: var(--blue);
	font-weight: 700;
}

.legal-list {
	padding-left: 0;
	margin: 0;
	list-style: none;
	color: var(--ink);
}

.legal-list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px solid #edf2f7;
}

.legal-list li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.legal-list i {
	margin-top: 3px;
	color: var(--blue);
}

@media (max-width: 767.98px) {
	.page-hero {
		padding-top: 128px;
	}

	.legal-hero-card {
		padding: 22px;
	}

	.legal-grid {
		grid-template-columns: 1fr;
	}
}

.social-link:hover {
	border-color: var(--blue);
	color: #fff;
	background: var(--blue)
}

.footer-bottom {
	display: flex;
	justify-content: space-between;
	margin-top: 36px;
	padding-top: 18px;
	border-top: 1px solid #dfe3e8;
	color: #84909d;
	font-size: .71rem
}

.footer-bottom span {
	display: flex;
	gap: 17px
}

@media(max-width:991.98px) {
	#mainNav {
		top: 0;
		padding: 12px 0;
		background: #fff;
		box-shadow: 0 3px 14px rgba(10, 30, 60, .06)
	}

	.navbar-collapse {
		margin-top: 10px;
		padding: 12px;
		border-radius: 8px;
		background: #fff;
		box-shadow: 0 13px 30px rgba(16, 35, 61, .1)
	}

	.nav-link {
		margin: 4px 0
	}

	.hero {
		min-height: auto;
		padding-top: 128px;
		padding-bottom: 78px
	}
    
    .eyebrow span{
        display: none;
    }
    .eyebrow{
        display: block;
        text-align: center;
    }

    .hero-title, .hero-copy{
        text-align: center;
    }


	.hero-visual {
		max-width: 580px;
		margin: 6px auto 0
	}

	.tracking-panel {
		padding: 28px;
		transform: translateY(-30px)
	}

    .panel-intro{
        text-align: center;
    }

	.tracking-form {
		margin-top: 18px
	}

    .section-kicker, .section-title, .section-copy{
        display: block;
        text-align: center;
    }

	.section-pad,
	.about-section,
	.why-section {
		padding: 75px 0
	}

	

	.contact-box {
		padding: 44px
	}

	.contact-box .btn-light {
		margin-top: 6px
	}
}

@media(max-width:575.98px) {
	.navbar-brand {
		gap: 6px;
		font-size: .91rem
	}

	.navbar-brand>span>span {
		font-size: .56rem
	}

	.brand-mark {
		width: 25px;
		height: 25px
	}

	.navbar-nav .btn {
		display: inline-flex;
		margin-top: 7px
	}

	.hero {
		padding-top: 101px;
		padding-bottom: 62px
	}

	.hero h1 {
		margin: 13px 0 16px;
		font-size: 2.5rem;
		letter-spacing: -1.4px
	}

	.hero-copy {
		font-size: .96rem
	}

	.hero-actions {
		align-items: flex-start;
		flex-direction: column;
		gap: 4px;
		margin-top: 23px
	}

	.hero-actions .btn-brand {
		width: 100%;
		padding: 13px 16px
	}

	.trust-row {
		margin-top: 32px;
		padding-top: 17px
	}

	.trust-row strong {
		font-size: 1rem
	}

	.trust-row small {
		font-size: .62rem
	}

	.trust-row div+div {
		padding-left: 10px
	}

	.hero-visual {
		height: 342px;
		margin: 8px 0 0;
		padding: 10px 0 0 13px
	}

	.hero-visual>img {
		height: 296px;
		object-position: 68% center
	}

	.hero-visual:after {
		bottom: 17px;
		width: 88%;
		height: 85%
	}

	.image-label {
		top: 23px;
		left: 27px;
		padding: 6px 8px;
		font-size: .62rem
	}

	.parcel-card {
		right: -4px;
		bottom: 24px;
		min-width: 175px;
		padding: 10px 11px
	}

	.parcel-card span,
	.float-note small {
		font-size: .62rem
	}

	.parcel-card strong {
		font-size: .75rem
	}

	.parcel-icon {
		width: 32px;
		height: 32px
	}

	.float-note {
		bottom: 0;
		left: 0;
		padding: 8px 10px
	}

	.float-note b {
		font-size: .68rem
	}

	.tracking-section {
		padding-bottom: 62px
	}

	.tracking-panel {
		padding: 23px 18px;
		transform: translateY(-24px)
	}

	.panel-intro h2 {
		font-size: 1.27rem
	}

	.tracking-form .input-group {
		display: flex;
		flex-wrap: wrap;
		border-radius: 6px
	}
    .input-group > .input-group-text {
        flex: 0 0 auto;
        width: auto;
    }

    .input-group > .form-control {
        flex: 1 1 0%;
        width: auto;
        border-top-right-radius: 0.375rem !important;
        border-bottom-right-radius: 0.375rem !important;
    }

    .input-group > .btn {
        flex: 0 0 100%;
        width: 100%;
        margin-top: 0.5rem;
        border-radius: 0.375rem !important; 
    }

	.btn-light-brand {
		width: 100%;
		height: 50px
	}

	.tracking-result {
		margin-top: -4px;
		padding: 20px 17px
	}

	.track-summary b,
	.track-meta b {
		font-size: .84rem
	}

	.track-meta {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 17px 12px
	}

	.track-meta div:last-child {
		grid-column: 1/-1
	}

	.section-pad,
	.about-section,
	.why-section {
		padding: 65px 0
	}

	.section-pad .mb-5 {
		margin-bottom: 2.2rem !important
	}

	.section-title {
		font-size: 2rem;
		letter-spacing: -1.1px
	}

	.section-copy {
		font-size: .94rem
	}

	.about-art {
		height: 306px
	}

	.about-photo {
		width: 87%;
		height: 275px;
		font-size: 4.6rem
	}

	.experience-card {
		width: 145px;
		padding: 15px
	}

	.experience-card strong {
		font-size: 2rem
	}

	.experience-card p {
		font-size: .68rem
	}

	.check-list li {
		display: flex;
		align-items: flex-start;
		gap: 8px;
		font-size: .84rem
	}

	.check-list i {
		flex: 0 0 auto;
		margin: 1px 0 0
	}

	.contact-section {
		padding-bottom: 62px
	}

	.contact-box {
		padding: 34px 22px
	}

	.contact-box h2 {
		font-size: 1.9rem;
		letter-spacing: -1.1px
	}

	.contact-box .btn-light {
		width: 100%;
		padding: 13px 8px;
		font-size: .94rem
	}

	.contact-email {
		overflow-wrap: anywhere;
		font-size: .78rem
	}

	.footer-links {
		gap: 11px 16px
	}

	.social-link {
		margin: 8px 5px 0 0
	}

	.footer-bottom {
		display: block;
		line-height: 1.7
	}

	.footer-bottom span {
		margin-top: 9px
	}
}