/* =========================================================
   体育资讯门户 · 参考站 1:1 结构主题样式
   基于 Bootstrap 5 网格 + 各区块主题化样式
   ========================================================= */
:root {
    --ky-primary: #543ab7;      /* 主色：紫（与 Hero 渐变呼应） */
    --ky-primary-2: #00acc1;    /* 辅色：青 */
    --ky-accent: #E8442E;       /* 按钮强调色 */
    --ky-navy: #0D2440;
    --ky-text: #444444;
    --ky-heading: #2c4964;
    --ky-bg: #f6f9fe;
    --ky-waves-h: 140px;        /* 首屏波浪高度（Hero 高度与其配合，保证一屏内容完整） */
}

html { scroll-behavior: auto; }
body { font-family: "Open Sans", "Microsoft YaHei", "PingFang SC", sans-serif; color: var(--ky-text); }
/* 粘性页脚：内容不足一屏时页脚也贴在视口底部 */
body { min-height: 100vh; display: flex; flex-direction: column; }
#footer { margin-top: auto; width: 100%; }
main, .lp-main { flex: 1 0 auto; }
a { text-decoration: none; color: var(--ky-primary); }
a:hover { color: var(--ky-primary-2); }
h1, h2, h3, h4, h5, h6 { font-family: "Nunito", "Microsoft YaHei", "PingFang SC", sans-serif; color: var(--ky-heading); }
section { scroll-margin-top: 76px; overflow: hidden; }

/* ---------- 顶部导航（fixed-top） ---------- */
#header {
    background: #fff; transition: all .5s; z-index: 997;
    box-shadow: 0 2px 12px rgba(13, 36, 64, .08);
}
#header .logo img { max-height: 42px; margin-right: 8px; }
#header .logo span.logo-text { font-size: 20px; font-weight: 700; color: var(--ky-navy); }
#header .navbar ul { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; }
#header .navbar ul li { padding: 10px 0 10px 24px; }
#header .navbar a {
    display: block; font-size: 15px; font-weight: 600; color: var(--ky-heading);
    padding: 6px 2px; position: relative; transition: .3s;
}
#header .navbar a:hover, #header .navbar .active > a { color: var(--ky-primary); }
.navbar-mobile-active { display: block !important; }
.mobile-nav-toggle { display: none; font-size: 26px; cursor: pointer; color: var(--ky-navy); }
.appointment-btn {
    margin-left: 24px; background: var(--ky-accent); color: #fff !important;
    border-radius: 50px; padding: 8px 24px 9px; white-space: nowrap;
    transition: .3s; font-size: 14px; font-weight: 600; display: inline-block;
}
.appointment-btn:hover { background: #c93520; }

/* ---------- Hero ---------- */
#hero {
    width: 100%; padding: 190px 0 140px;
    /* 让 Hero + 波浪正好占满一屏，波浪底部与首屏底边对齐 */
    min-height: calc(100vh - var(--ky-waves-h));
    min-height: calc(100svh - var(--ky-waves-h));
    background: linear-gradient(60deg, rgba(84, 58, 183, 1) 0%, rgba(0, 172, 193, 1) 100%);
}
#hero h1 { margin: 0 0 10px; font-size: 48px; font-weight: 700; color: #fff; }
#hero h2 {
    color: rgba(255, 255, 255, .85); margin: 0 auto 28px; font-size: 20px;
    font-weight: 300; line-height: 1.9; max-width: 820px;
}
#hero h2 a { color: #fff; border-bottom: 2px solid rgba(255, 255, 255, .6); }
#hero h2 strong { color: #FFE08A; font-weight: 700; }
.btn-get-started {
    font-family: "microsoft yahei", "微软雅黑", STXihei, sans-serif;
    text-transform: uppercase;
    font-weight: 550;
    font-size: 24px;
    letter-spacing: 0;
    display: inline-block;
    margin: 30px 8px 8px;
    color: #fff;
    padding: 18px 46px;
    border-radius: 50px;
    transition: .5s;
    background: #33CCFF;
    box-shadow: 0 4px 14px rgba(30, 150, 190, .3);
    min-width: 220px; text-align: center;
}
.btn-get-started:hover { background: #1fb8e6; color: #fff; transform: translateY(-2px); }

/* ---------- 波浪动效 ---------- */
.waves { position: relative; width: 100%; margin-bottom: -7px; height: var(--ky-waves-h); min-height: var(--ky-waves-h); max-height: var(--ky-waves-h); }
.parallax > use { animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite; }
.parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; }
.parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; }
.parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; }
.parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; }
@keyframes move-forever { 0% { transform: translate3d(-90px, 0, 0); } 100% { transform: translate3d(85px, 0, 0); } }

/* ---------- 区块通用标题 ---------- */
.section-title { text-align: center; padding-bottom: 30px; }
.section-title h2 { font-size: 32px; font-weight: 700; margin-bottom: 14px; padding-bottom: 0; position: relative; }
.section-title h2::after {
    content: ""; position: absolute; display: block; width: 50px; height: 3px;
    background: var(--ky-primary); bottom: -12px; left: calc(50% - 25px);
}
.section-title p { margin-bottom: 0; color: #848484; }

/* ---------- why-us ---------- */
.why-us .container { max-width: 1520px; }
.why-us .content { padding: 40px 35px; margin: -30px 0; background: #6cf; border-radius: 4px; color: #333; font-weight: 550; }
.why-us .content h3 { font-weight: 700; font-size: 30px; margin-bottom: 32px; }
.why-us .content img { width: 400px; height: 400px; object-fit: contain; border-radius: 28%; margin: 8px 0 16px; }
.why-us .content p { margin-top: 22px; margin-bottom: 20px; font-size: 18px; font-weight: 550; line-height: 1.8; white-space: nowrap; }
.why-us .icon-boxes .icon-box {
    padding: 60px 35px; border-radius: 10px; text-align: center; width: 100%;
    background: #fff; box-shadow: 0 2px 15px rgba(0, 0, 0, .1); transition: .4s; height: 100%;
}
.why-us .icon-boxes .icon-box:hover { transform: translateY(-6px); box-shadow: 0 12px 28px rgba(0, 0, 0, .16); }
.why-us .icon-boxes .icon-box img { width: 240px; height: 240px; object-fit: contain; border-radius: 28%; margin-bottom: 24px; }
.why-us .icon-boxes .icon-box h4 { font-size: 24px; font-weight: 700; margin: 0 0 30px; }
.why-us .icon-boxes .icon-box p { font-size: 16px; color: #333; line-height: 1.9; }

/* ---------- about ---------- */
.about .video-box {
    background-size: contain; background-repeat: no-repeat; background-position: center;
    min-height: 420px; border-radius: 0 12px 12px 0; background-color: var(--ky-bg);
}
.about .icon-boxes { padding-top: 20px; }
.about .icon-boxes h3 { font-size: 30px; font-weight: 700; color: var(--ky-heading); margin-bottom: 20px; }
.about .icon-boxes p { font-size: 15px; line-height: 2; color: #555; }
.about .icon-box { margin-top: 28px; position: relative; padding-left: 72px; }
.about .icon-box .icon { position: absolute; left: 0; top: 0; width: 56px; height: 56px; border-radius: 50%; background: rgba(84, 58, 183, .08); display: flex; align-items: center; justify-content: center; transition: .3s; }
.about .icon-box .icon i { font-size: 26px; color: var(--ky-primary); }
.about .icon-box:hover .icon { background: var(--ky-primary); }
.about .icon-box:hover .icon i { color: #fff; }
.about .icon-box .title { font-weight: 700; font-size: 18px; margin: 0 0 10px; line-height: 56px; }
.about .icon-box .title a { color: var(--ky-heading); }
.about .icon-box .description { font-size: 14px; line-height: 1.9; color: #666; margin: 0; }

/* ---------- faq ---------- */
.faq { padding: 60px 0; }
.section-bg { background: var(--ky-bg); }
.faq .container { max-width: none; padding: 0 40px; }
.faq .faq-list { padding: 0; }
.faq .faq-list ul { padding: 0; list-style: none; }
.faq .faq-list li + li { margin-top: 14px; }
.faq .faq-list a {
    display: block; position: relative; font-size: 16px; font-weight: 600;
    color: var(--ky-heading); padding: 18px 40px 18px 52px; background: #fff;
    border-radius: 8px; box-shadow: 0 3px 12px rgba(13, 36, 64, .06); cursor: pointer; transition: .3s;
}
.faq .faq-list a:hover { color: var(--ky-primary); }
.faq .faq-list i.icon-help { font-size: 22px; position: absolute; left: 18px; top: 20px; color: var(--ky-primary); }
.faq .faq-list .icon-show, .faq .faq-list .icon-close { position: absolute; right: 18px; top: 22px; font-size: 20px; transition: .3s; }
.faq .faq-list .icon-show { display: inline-block; }
.faq .faq-list .icon-close { display: none; }
.faq .faq-list .collapsed .icon-show { display: inline-block; }
.faq .faq-list .collapsed .icon-close { display: none; }
.faq .faq-list a:not(.collapsed) .icon-show { display: none; }
.faq .faq-list a:not(.collapsed) .icon-close { display: inline-block; color: var(--ky-primary); }
.faq .faq-list p { padding: 14px 20px 10px 52px; margin: 0; font-size: 14px; line-height: 1.9; color: #666; }

/* ---------- testimonials ---------- */
.testimonials { padding: 60px 0; }
.testimonials .testimonial-item {
    box-sizing: border-box; padding: 30px 30px 30px 145px; margin: 30px 15px;
    min-height: 160px; box-shadow: 0 4px 20px rgba(13, 36, 64, .08); position: relative; background: #fff; border-radius: 8px;
}
.testimonials .testimonial-item .testimonial-img { width: 90px; height: 90px; border-radius: 50%; border: 6px solid var(--ky-bg); position: absolute; left: 30px; top: 32px; object-fit: cover; }
.testimonials .testimonial-item h3 { font-size: 18px; font-weight: 700; margin: 10px 0 4px; }
.testimonials .testimonial-item h4 { font-size: 13px; color: #999; margin: 0 0 8px; }
.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right { color: rgba(84, 58, 183, .18); font-size: 24px; }
.testimonials .testimonial-item .quote-icon-left { display: inline-block; margin-right: 6px; }
.testimonials .testimonial-item .quote-icon-right { display: inline-block; margin-left: 6px; }
.testimonials .testimonial-item p { font-style: italic; margin: 0 auto 12px; font-size: 15px; line-height: 1.9; color: #555; }
.testimonials .swiper-pagination { margin-top: 14px; position: relative; }
.testimonials .swiper-pagination-bullet-active { background: var(--ky-primary); }

/* ---------- counts ---------- */
.counts { padding: 40px 0 70px; background: var(--ky-bg); }
.counts .count-box { padding: 30px 20px; background: #fff; border-radius: 8px; box-shadow: 0 4px 20px rgba(13, 36, 64, .08); text-align: center; transition: .3s; }
.counts .count-box:hover { transform: translateY(-4px); }
.counts .count-box i { font-size: 30px; color: var(--ky-primary); display: block; margin-bottom: 8px; }
.counts .count-box span { display: inline-block; font-size: 36px; font-weight: 700; color: var(--ky-heading); line-height: 1.2; }
.counts .count-box p { padding: 0; font-family: "Nunito", "Microsoft YaHei", sans-serif; font-size: 14px; color: #777; margin: 6px 0 0; }

/* ---------- services（资讯卡片） ---------- */
.services { padding: 60px 0; }
.services .icon-box {
    text-align: center; padding: 24px 24px 28px; height: 100%; width: 100%;
    background: #fff; border-radius: 10px; box-shadow: 0 4px 20px rgba(13, 36, 64, .08);
    transition: .4s; overflow: hidden; display: flex; flex-direction: column;
}
.services .icon-box:hover { transform: translateY(-6px); box-shadow: 0 14px 30px rgba(13, 36, 64, .14); }
.services .icon-box .img-hd { width: 100%; height: 170px; object-fit: cover; border-radius: 8px; margin-bottom: 18px; }
.services .icon-box h3 { font-weight: 700; font-size: 17px; margin-bottom: 12px; line-height: 1.6; }
.services .icon-box h3 a { color: var(--ky-heading); transition: .3s; }
.services .icon-box h3 a:hover { color: var(--ky-primary); }
.services .icon-box p { font-size: 13.5px; line-height: 1.9; color: #777; margin-bottom: 0; }

/* ---------- footer ---------- */
#footer { background: var(--ky-bg); padding: 34px 0 26px; font-size: 14px; color: #777; }
#footer .copyright { text-align: center; margin-bottom: 8px; }
#footer .copyright strong { color: var(--ky-heading); }
#footer .credits { text-align: center; font-size: 13px; }
#footer .credits a { color: var(--ky-primary); font-weight: 600; }

/* ---------- back to top ---------- */
.back-to-top {
    position: fixed; visibility: hidden; opacity: 0; right: 16px; bottom: 16px; z-index: 996;
    width: 40px; height: 40px; border-radius: 50px; transition: all .4s;
    background: var(--ky-primary); color: #fff;
}
.back-to-top i { font-size: 26px; }
.back-to-top:hover { background: var(--ky-primary-2); color: #fff; }
.back-to-top.active { visibility: visible; opacity: 1; }

/* ---------- 滚动渐显动效 ---------- */
.reveal { opacity: 0; transform: translateY(46px); transition: opacity .8s ease, transform .8s ease; will-change: opacity, transform; }
.reveal.reveal-left { transform: translateX(-56px); }
.reveal.reveal-right { transform: translateX(56px); }
.reveal.reveal-zoom { transform: scale(.86); }
.reveal.reveal-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
    .reveal { transition: none; opacity: 1; transform: none; }
}
/* why-us 模块动画放慢 */
.why-us .reveal { transition-duration: 1.6s; }

/* ---------- 图集轮播 ---------- */
.gallery .container { max-width: 1520px; }
.gallery-swiper { padding: 6px 0 52px; }
.gallery-swiper .swiper-slide {
    display: flex; align-items: center; justify-content: center;
    height: auto; background: #fff; border-radius: 10px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, .08); overflow: hidden;
}
.gallery-swiper .swiper-slide img {
    width: 100%; height: auto; max-height: 580px;
    object-fit: contain; display: block;
}
.gallery-swiper .swiper-button-prev,
.gallery-swiper .swiper-button-next { width: 42px; height: 42px; border-radius: 50%; background: #fff; box-shadow: 0 3px 12px rgba(0, 0, 0, .15); color: var(--ky-primary); }
.gallery-swiper .swiper-button-prev:hover,
.gallery-swiper .swiper-button-next:hover { background: var(--ky-primary); color: #fff; }
.gallery-swiper .swiper-button-prev::after,
.gallery-swiper .swiper-button-next::after { font-size: 18px; font-weight: 700; }
.gallery-swiper .swiper-pagination { position: relative; margin-top: 16px; }
.gallery-swiper .swiper-pagination-bullet-active { background: var(--ky-primary); }

/* ---------- 栏目列表页 ---------- */
.lp-banner { padding: 150px 0 56px; background: linear-gradient(60deg, rgba(84, 58, 183, 1) 0%, rgba(0, 172, 193, 1) 100%); color: #fff; }
.lp-banner h1 { color: #fff; font-size: 34px; font-weight: 700; margin: 0 0 10px; }
.lp-banner p { color: rgba(255, 255, 255, .88); margin: 0; font-size: 15px; line-height: 1.8; }
.lp-main { padding: 34px 0 70px; background: var(--ky-bg); min-height: 40vh; }
.lp-breadcrumb { font-size: 14px; color: #999; margin-bottom: 22px; }
.lp-breadcrumb a { color: var(--ky-primary); }
.lp-item { display: flex; gap: 24px; background: #fff; border-radius: 10px; box-shadow: 0 2px 15px rgba(0, 0, 0, .08); overflow: hidden; margin-bottom: 24px; transition: transform .35s, box-shadow .35s; }
.lp-item:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0, 0, 0, .13); }
.lp-item .thumb { flex-shrink: 0; width: 300px; height: 190px; overflow: hidden; display: block; }
.lp-item .thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.lp-item:hover .thumb img { transform: scale(1.06); }
.lp-item .info { padding: 22px 26px 20px 0; display: flex; flex-direction: column; min-width: 0; }
.lp-item .info h3 { font-size: 19px; font-weight: 700; margin: 4px 0 12px; line-height: 1.5; }
.lp-item .info h3 a { color: var(--ky-heading); transition: color .3s; }
.lp-item .info h3 a:hover { color: var(--ky-primary); }
.lp-item .desc { font-size: 14px; color: #777; line-height: 1.9; flex: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lp-item .meta { margin-top: 14px; font-size: 13px; color: #aaa; display: flex; gap: 20px; flex-wrap: wrap; }
.lp-item .meta i { margin-right: 4px; color: var(--ky-primary-2); }
.lp-pagination { display: flex; justify-content: center; gap: 8px; margin: 36px 0 10px; flex-wrap: wrap; }
.lp-pagination a, .lp-pagination span { min-width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; border-radius: 50px; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .07); font-size: 14px; color: var(--ky-heading); transition: .3s; }
.lp-pagination span { background: transparent; box-shadow: none; color: #bbb; }
.lp-pagination a.active { background: linear-gradient(60deg, rgba(84, 58, 183, 1) 0%, rgba(0, 172, 193, 1) 100%); color: #fff; }
.lp-pagination a:hover { color: var(--ky-primary); }
@media (max-width: 768px) {
    .lp-banner { padding: 130px 0 40px; }
    .lp-banner h1 { font-size: 26px; }
    .lp-item { flex-direction: column; gap: 0; }
    .lp-item .thumb { width: 100%; height: 200px; }
    .lp-item .info { padding: 16px 20px 20px; }
}

/* ---------- 文章详情页 ---------- */
.art-card { background: #fff; border-radius: 10px; box-shadow: 0 2px 15px rgba(0, 0, 0, .08); padding: 34px 38px; }
.art-title { font-size: 26px; font-weight: 700; color: var(--ky-heading); line-height: 1.6; margin: 0 0 16px; }
.art-meta { display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 13px; color: #999; padding-bottom: 18px; margin-bottom: 22px; border-bottom: 1px solid #eef1f6; }
.art-meta i { margin-right: 4px; color: var(--ky-primary-2); }
.art-content { font-size: 16px; line-height: 2; color: #444; word-break: break-word; }
.art-content p { margin: 0 0 16px; }
.art-content img { max-width: 100%; height: auto; border-radius: 8px; margin: 8px 0; }
.art-content h2, .art-content h3, .art-content h4 { font-weight: 700; color: var(--ky-heading); margin: 26px 0 14px; }
.art-content h2 { font-size: 22px; }
.art-content h3 { font-size: 19px; }
.art-content blockquote { margin: 18px 0; padding: 14px 20px; background: var(--ky-bg); border-left: 4px solid var(--ky-primary); border-radius: 0 8px 8px 0; color: #666; }
.art-content table { width: 100%; border-collapse: collapse; margin: 16px 0; }
.art-content table td, .art-content table th { border: 1px solid #e8ecf3; padding: 8px 12px; font-size: 14px; }
.art-content video, .art-content iframe { max-width: 100%; }
.art-tags { margin-top: 26px; padding-top: 18px; border-top: 1px solid #eef1f6; font-size: 13px; color: #999; }
.art-tags i { color: var(--ky-primary-2); margin-right: 6px; }
.art-tags .tag { display: inline-block; padding: 3px 14px; margin: 0 8px 8px 0; background: var(--ky-bg); border-radius: 50px; color: #777; }
.art-prenext { display: flex; gap: 16px; margin-top: 26px; padding-top: 22px; border-top: 1px solid #eef1f6; }
.art-prenext .pn { flex: 1; min-width: 0; padding: 14px 18px; background: var(--ky-bg); border-radius: 8px; transition: .3s; }
.art-prenext .pn:hover { background: rgba(84, 58, 183, .08); text-decoration: none; }
.art-prenext .pn span { display: block; font-size: 12px; color: #999; margin-bottom: 4px; }
.art-prenext .pn strong { font-size: 14px; color: var(--ky-heading); font-weight: 600; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.art-side .side-card { background: #fff; border-radius: 10px; box-shadow: 0 2px 15px rgba(0, 0, 0, .08); padding: 22px 24px; margin-bottom: 24px; }
.art-side .side-card h3 { font-size: 17px; font-weight: 700; color: var(--ky-heading); margin: 0 0 16px; padding-bottom: 12px; border-bottom: 1px solid #eef1f6; }
.art-side .side-card h3 i { color: var(--ky-primary); margin-right: 6px; }
.art-side .side-card ul { list-style: none; margin: 0; padding: 0; }
.art-side .side-card li { display: flex; align-items: baseline; gap: 10px; padding: 9px 0; border-bottom: 1px dashed #eef1f6; }
.art-side .side-card li:last-child { border-bottom: 0; }
.art-side .side-card .date { flex-shrink: 0; font-size: 12px; color: var(--ky-primary-2); font-weight: 600; }
.art-side .side-card li a { font-size: 14px; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .3s; }
.art-side .side-card li a:hover { color: var(--ky-primary); }
.art-side .side-tip { background: linear-gradient(60deg, rgba(84, 58, 183, .08) 0%, rgba(0, 172, 193, .08) 100%); box-shadow: none; }
.art-side .side-tip i { color: var(--ky-primary); margin-right: 8px; }
.art-side .side-tip p { margin: 0; font-size: 13px; color: #777; line-height: 1.8; }
@media (max-width: 992px) {
    .art-card { padding: 24px 20px; margin-bottom: 24px; }
    .art-title { font-size: 21px; }
    .art-prenext { flex-direction: column; }
}

/* ---------- 矮屏适配（笔记本 768p / 系统缩放 125% 等）----------
   矮屏下收紧首屏留白与字号，保证 Hero + 波浪在一屏内完整显示           */
@media (max-height: 860px) {
    :root { --ky-waves-h: 110px; }
    #hero { padding: 120px 0 70px; }
    #hero h1 { font-size: 38px; }
    #hero h2 { font-size: 17px; line-height: 1.8; margin-bottom: 20px; }
    .btn-get-started { font-size: 20px; padding: 14px 40px; margin: 18px 8px 6px; min-width: 190px; }
}
@media (max-height: 700px) {
    :root { --ky-waves-h: 90px; }
    #hero { padding: 104px 0 50px; }
    #hero h1 { font-size: 34px; }
    #hero h2 { font-size: 15px; margin-bottom: 16px; }
    .btn-get-started { font-size: 18px; padding: 12px 32px; margin: 14px 6px 5px; min-width: 170px; }
}

/* ---------- 响应式 ---------- */
@media (max-width: 992px) {
    #hero h1 { font-size: 36px; }
    #hero h2 { font-size: 17px; }
    .faq .container { padding: 0 20px; }
    .about .video-box { min-height: 280px; border-radius: 12px; margin-bottom: 24px; }
    .departments .details { padding-left: 0; }
}
@media (max-width: 768px) {
    #hero { min-height: auto; padding: 130px 0 120px; }
    #hero h1 { font-size: 27px; }
    #hero h2 { font-size: 14px; }
    .btn-get-started { padding: 9px 20px; font-size: 15px; margin: 18px 4px 4px; min-width: 124px; border-radius: 50px; }
    .mobile-nav-toggle { display: block; order: 3; }
    #navbar { display: none; position: absolute; top: 62px; left: 0; right: 0; background: #fff; box-shadow: 0 10px 20px rgba(13, 36, 64, .12); padding: 10px 0; }
    #header .navbar ul { flex-direction: column; align-items: stretch; }
    #header .navbar ul li { padding: 0; }
    #header .navbar a { padding: 12px 24px; }
    .appointment-btn { margin: 10px 24px 6px; display: block; text-align: center; }
    .section-title h2 { font-size: 24px; }
    .why-us .content { padding: 40px 26px; margin-bottom: 10px; }
    .why-us .content p { white-space: normal; }
    .testimonials .testimonial-item { padding: 26px 20px 26px 96px; margin: 24px 8px; }
    .testimonials .testimonial-item .testimonial-img { width: 64px; height: 64px; left: 18px; top: 26px; }
    .counts .count-box { margin-bottom: 16px; }
    .gallery .gallery-item img { height: 220px; }
}