.home-page {
    font-family: Arial, sans-serif;
    color: #151515
}

.home-container {
    width: min(1100px, calc(100% - 40px));
    margin: auto
}

.home-section {
    padding: 76px 0
}

.home-stats {
    background: #a7090e;
    color: #fff;
    padding: 28px 0
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center
}

.stat-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
    border-right: 1px solid #ffffff66
}

.stat-item:last-child {
    border: 0
}

.stat-item strong {
    font-size: 34px
}

.section-heading {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 35px
}

.section-heading span {
    width: 42px;
    height: 3px;
    background: #a7090e
}

.section-heading h2 {
    margin: 0;
    color: #a7090e;
    font-size: 30px
}

.section-heading em {
    font-style: normal;
    color: #222
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px
}

.product-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #ececec;
    box-shadow: 0 5px 18px #00000012
}

.product-image {
    aspect-ratio: 1;
    overflow: hidden;
    background: #f7f7f7
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.product-content {
    padding: 22px
}

.product-content h3,
.choice-card h3 {
    margin: 0 0 12px;
    color: #a7090e;
    font-size: 20px
}

.product-content p,
.choice-card p {
    margin: 0 0 20px;
    color: #555;
    line-height: 1.6;
    font-size: 14px
}

.product-content a {
    color: #a7090e;
    font-weight: 700;
    text-decoration: none
}

.home-choice {
    background: #f7f7f7
}

.choice-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px
}

.choice-card {
    padding: 26px 20px;
    background: #fff;
    border-bottom: 3px solid #a7090e
}

.choice-card i {
    display: block;
    margin-bottom: 18px;
    color: #a7090e;
    font-size: 30px
}

.home-reviews {
    background: #fafafa
}

.review-carousel {
    padding-bottom: 35px
}

.review-card {
    box-sizing: border-box;
    min-height: 220px;
    padding: 26px 32px;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 0 0 10px 10px
}

.review-stars {
    margin-bottom: 22px;
    color: #f5b400;
    letter-spacing: 4px
}

.review-card p {
    color: #555;
    line-height: 1.7
}

.review-card strong {
    display: block;
    margin-top: 25px
}

.review-dots {
    bottom: 0 !important
}

.review-dots .swiper-pagination-bullet-active {
    background: #293d83
}

@media(max-width:900px) {
    .product-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .choice-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width:600px) {
    .home-container {
        width: min(calc(100% - 30px), 520px)
    }

    .home-section {
        padding: 52px 0
    }

    .stats-grid {
        grid-template-columns: 1fr;
        gap: 20px
    }

    .stat-item {
        border: 0;
        border-bottom: 1px solid #ffffff66;
        padding-bottom: 18px
    }

    .stat-item:last-child {
        border: 0;
        padding: 0
    }

    .product-grid,
    .choice-grid {
        grid-template-columns: 1fr
    }

    .section-heading h2 {
        font-size: 25px
    }
}

.home-features {
    padding: 76px 0 92px;
    background: #fff
}

.feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px
}

.feature-card {
    min-height: 360px;
    padding: 48px 48px 34px;
    text-align: center;
    border: 1px solid #ededed;
    box-sizing: border-box
}

.feature-icon {
    position: relative;
    z-index: 0;
    width: 88px;
    height: 88px;
    margin: 0 auto 20px;
    border: 1px solid #d9deea;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #111;
    font-size: 34px;
    transition: color .25s ease, transform .25s ease
}

.feature-icon::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: transparent;
    transition: background-color .25s ease
}

.feature-card--active .feature-icon::before,
.feature-card:hover .feature-icon::before {
    background: #b4000a
}

.feature-card--active .feature-icon,
.feature-card:hover .feature-icon {
    color: #fff;
    transform: scale(1.04)
}

.feature-card h2 {
    margin: 0 0 18px;
    font-size: 21px
}

.feature-card p {
    margin: 0;
    color: #4c4c4c;
    font-size: 15px;
    line-height: 1.7
}

@media(max-width:600px) {
    .feature-grid {
        grid-template-columns: 1fr
    }

    .feature-card {
        min-height: 0;
        padding: 36px 26px
    }
}

.about-section {
    padding: 72px 0 90px;
    background: #fff
}

.about-layout {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    align-items: center;
    gap: 80px
}

.about-image-wrap img {
    display: block;
    width: 100%;
    max-width: 500px;
    height: auto;
    margin: auto
}

.about-kicker {
    margin: 0 0 18px;
    color: #b4000a;
    font-size: 18px;
    font-weight: 700
}

.about-content h2 {
    margin: 0 0 25px;
    color: #111;
    font-size: 40px;
    line-height: 1.15
}

.about-content>p:last-child {
    margin: 0;
    color: #4d4d4d;
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 1.8
}

.about-content strong {
    color: #222
}

@media(max-width:900px) {
    .about-layout {
        gap: 40px
    }
}

@media(max-width:600px) {
    .about-section {
        padding: 52px 0 65px
    }

    .about-layout {
        grid-template-columns: 1fr;
        gap: 35px
    }

    .about-content h2 {
        font-size: 32px
    }
}

.home-page {
    --site-font: Arial, sans-serif;
    --font-xs: 13px;
    --font-sm: 15px;
    --font-md: 18px;
    --font-lg: 30px;
    --font-xl: 40px;
    --weight-regular: 400;
    --weight-medium: 600;
    --weight-bold: 700;
    font-family: var(--site-font)
}

.home-features {
    padding-bottom: 35px
}

.about-section {
    padding-top: 35px
}

.about-kicker {
    font-size: var(--font-md);
    font-weight: var(--weight-bold)
}

.about-content h2 {
    font-size: var(--font-xl);
    font-weight: var(--weight-bold)
}

.about-content>p:last-child,
.feature-card p {
    font-size: var(--font-sm);
    font-weight: var(--weight-regular)
}

.feature-card h2 {
    font-weight: var(--weight-bold)
}

.value-section {
    padding: 130px 0 120px;
        background: linear-gradient(#171519e8, #171519e8), url('../images/bgimg.webp') center/cover no-repeat
}

.value-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.value-card {
    min-height: 356px;
    padding: 50px 30px 30px;
    box-sizing: border-box;
    background: #fff;
    text-align: center;
    border-radius: 4px
}

.value-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #b4000a;
    color: #fff;
    font-size: 34px
}

.value-card h2 {
    margin: 0 0 18px;
    font-size: 19px
}

.value-card p {
    margin: 0;
    color: #55708a;
    font-size: 15px;
    line-height: 1.6
}

.home-stats {
    padding: 22px 0 30px
}

.home-stats .stats-grid {
    grid-template-columns: repeat(4, 1fr)
}

.home-stats .stat-item strong {
    font-size: 68px
}

.home-stats .stat-item span {
    font-size: 18px
}

@media(max-width:900px) {
    .value-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .home-stats .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px
    }

    .home-stats .stat-item {
        border: 0
    }
}

@media(max-width:600px) {
    .value-section {
        padding: 70px 0
    }

    .value-grid {
        grid-template-columns: 1fr
    }

    .home-stats .stats-grid {
        grid-template-columns: 1fr
    }

    .home-stats .stat-item strong {
        font-size: 52px
    }
}

.home-stats .stat-item strong .counter-number {
    font-size: inherit;
    font-weight: inherit
}

.home-stats .stat-item>span {
    font-size: 18px
}

.feature-card,
.about-image-wrap,
.about-content {
    opacity: 0;
    transition: opacity .7s ease, transform .7s ease
}

.feature-card {
    transform: scale(.86)
}

.about-image-wrap {
    transform: translateX(-45px)
}

.about-content {
    transform: translateX(45px)
}

.feature-card.is-visible,
.about-image-wrap.is-visible,
.about-content.is-visible {
    opacity: 1;
    transform: translate(0) scale(1)
}

.feature-card:nth-child(2) {
    transition-delay: .12s
}

.feature-card:nth-child(3) {
    transition-delay: .24s
}

@media(prefers-reduced-motion:reduce) {

    .feature-card,
    .about-image-wrap,
    .about-content {
        opacity: 1;
        transform: none;
        transition: none
    }
}

.home-products {
    padding: 70px 0 85px
}

.home-products .section-heading {
    gap: 18px;
    margin-bottom: 66px
}

.home-products .section-heading span {
    width: 44px;
    height: 3px;
    background: #111
}

.home-products .section-heading h2 {
    font-size: 40px;
    font-weight: 400;
    text-shadow: 2px 2px 5px #777
}

.product-grid {
    padding: 0 2px;
    border: 1px solid #e8e8e8;
    gap: 26px
}

.product-card {
    border: 0;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 5px 14px #0000000d;
    opacity: 0;
    transform: translateY(35px);
    transition: opacity .65s ease, transform .65s ease
}

.product-card.is-visible {
    opacity: 1;
    transform: translateY(0)
}

.product-card:nth-child(2) {
    transition-delay: .1s
}

.product-card:nth-child(3) {
    transition-delay: .2s
}

.product-card:nth-child(4) {
    transition-delay: .3s
}

.product-card:nth-child(5) {
    transition-delay: .4s
}

.product-card:nth-child(6) {
    transition-delay: .5s
}

.product-image {
    aspect-ratio: 1.08;
    border-radius: 12px 12px 0 0
}

.product-content {
    padding: 25px 27px 28px
}

.product-content h3 {
    color: #111;
    font-size: 23px
}

.product-content p {
    color: #55708a;
    min-height: 96px
}

.product-content a {
    display: inline-block;
    padding: 12px 27px;
    background: #050505;
    color: #fff;
    border-radius: 4px;
    font-size: 14px
}

.product-content a:hover {
    background: #b4000a
}

@media(max-width:600px) {
    .home-products .section-heading {
        margin-bottom: 35px
    }

    .home-products .section-heading h2 {
        font-size: 30px
    }

    .product-grid {
        border: 0
    }

    .product-content p {
        min-height: 0
    }
}

.why-section {
    padding: 0;
    background: #ccc
}

.why-container {
    width: 100%;
    margin: 0;
    display: grid;
    grid-template-columns: 58% 42%;
    align-items: stretch
}

.why-copy {
padding-top: 70px;
padding-left: 50px;

}

.why-heading {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 0 0 45px
}

.why-heading span {
    width: 44px;
    height: 3px;
    background: #111
}

.why-heading h2 {
    margin: 0;
    font-size: 32px;
    color: #111
}

.why-heading em {
    font-style: normal;
    color: #b4000a;
    font-weight: 400
}

.why-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 46px 28px
}

.why-item {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 12px;
    align-items: start
}

.why-item>i {
    padding-top: 3px;
    color: #333;
    font-size: 28px
}

.why-item h3 {
    margin: 0 0 14px;
    color: #b4000a;
    font-size: 19px
}

.why-item p {
    margin: 0;
    color: #111;
    font-size: 14px;
    line-height: 1.65
}

.why-image {
    min-height: 650px
}

.why-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media(max-width:900px) {
    .why-container {
        grid-template-columns: 1fr
    }

    .why-copy {
        padding: 55px 30px
    }

    .why-image {
        min-height: 420px;
        max-height: 520px
    }
}

@media(max-width:600px) {
    .why-copy {
        padding: 45px 20px
    }

    .why-heading h2 {
        font-size: 27px
    }

    .why-grid {
        grid-template-columns: 1fr;
        gap: 32px
    }

    .why-image {
        min-height: 320px
    }
}

.why-grid {
    max-width: 760px
}

.why-item {
    min-height: 145px;
    padding: 10px 14px;
    border-left: 3px solid transparent;
    border-radius: 4px;
    transition: background-color .25s ease, border-color .25s ease, transform .25s ease
}

.why-item:hover {
    background: #ffffff40;
    border-left-color: #b4000a;
    transform: translateX(4px)
}

.why-item>i {
    transition: color .25s ease
}

.why-item:hover>i {
    color: #b4000a
}

@media(max-width:600px) {
    .why-item {
        min-height: 0;
        padding: 10px 12px
    }
}
.why-container{width:min(1100px,calc(100% - 40px));margin:0 auto;grid-template-columns:55% 45%}.why-copy{padding:68px 48px 78px}.why-heading{margin-bottom:52px}.why-grid{gap:58px 36px}.why-item p{line-height:1.7}@media(max-width:600px){.why-container{width:calc(100% - 30px)}.why-copy{padding:45px 20px}}
.why-copy{padding-top:42px;padding-bottom:48px}.why-heading{margin-bottom:32px}.why-grid{gap:34px 30px}.why-item{min-height:110px}.why-image{min-height:500px}@media(max-width:900px){.why-copy{padding-top:42px;padding-bottom:48px}.why-image{min-height:360px}}@media(max-width:600px){.why-copy{padding-top:35px;padding-bottom:38px}.why-grid{gap:26px}.why-item{min-height:0}.why-image{min-height:280px}}
.why-copy{padding-top:55px;padding-bottom:65px}.why-heading{margin-bottom:42px}.why-grid{gap:46px 34px}.why-item{min-height:125px}.why-image{min-height:580px}@media(max-width:900px){.why-copy{padding-top:50px;padding-bottom:58px}.why-image{min-height:420px}}@media(max-width:600px){.why-copy{padding-top:40px;padding-bottom:45px}.why-grid{gap:30px}.why-item{min-height:0}.why-image{min-height:300px}}
.why-container{width:100%;max-width:none;grid-template-columns:58% 42%}.why-copy{padding-left:max(30px,calc((100vw - 1100px)/2 + 30px));padding-right:48px}.why-image{min-height:580px}@media(max-width:900px){.why-container{grid-template-columns:1fr}.why-copy{padding-left:30px;padding-right:30px}}@media(max-width:600px){.why-copy{padding-left:20px;padding-right:20px}}
.why-item{display:flex;flex-direction:column;align-items:flex-start;gap:0}.why-item>i{padding-top:0;margin-bottom:12px}.why-item h3{margin-bottom:14px}
.home-reviews{background:#606060;padding:78px 0 20px}.review-heading{position:relative;text-align:center;color:#fff;margin-bottom:52px}.review-heading>span{display:inline-block;width:42px;height:2px;margin:0 18px 8px 0;background:#fff}.review-heading h2{display:inline-block;margin:0;font-size:32px;font-weight:400;vertical-align:middle}.review-heading p{margin:10px 0 0;font-size:16px}.review-carousel{padding-bottom:30px}.review-card{min-height:252px;padding:48px 38px 28px;border:0;border-radius:8px;box-shadow:none}.review-stars{margin-bottom:28px;color:#fbb51c;font-size:18px;letter-spacing:4px}.review-card p{min-height:52px;margin:0;color:#4c4c4c;font-size:14px;line-height:1.65}.review-card strong{margin-top:30px;font-size:16px}.review-card::after{content:'“';position:absolute;right:28px;bottom:14px;color:#cfe0ff;font-size:68px;font-weight:300;line-height:1}.review-dots{bottom:0!important}.review-dots .swiper-pagination-bullet{background:#fff;opacity:.55}.review-dots .swiper-pagination-bullet-active{background:#293d83;opacity:1}
.review-card{position:relative}
.home-reviews{background:linear-gradient(to bottom,#606060 0,#606060 58%,#fff 58%,#fff 100%)}
.review-heading{text-align:left}.review-heading p{margin-left:60px}
.review-dots{left:50%!important;width:auto!important;transform:translateX(-50%)}
.review-dots .swiper-pagination-bullet{background:#000;opacity:.45}.review-dots .swiper-pagination-bullet-active{background:#000;opacity:1}
/* Final responsive layout adjustments */
.home-page{overflow:hidden}.home-page img{max-width:100%}
@media (max-width:900px){
    .home-container{width:calc(100% - 32px)}
    .hero-swiper{height:420px}
    .about-layout{grid-template-columns:1fr 1fr;gap:28px}
    .about-content h2{font-size:32px}
    .value-section{padding:80px 0}
    .value-card{min-height:320px;padding:38px 22px 26px}
    .why-container{width:100%;grid-template-columns:1fr}
    .why-copy{padding:52px 32px}
    .why-image{min-height:420px;max-height:none}
    .review-card{min-height:240px;padding:34px 28px 26px}
}
@media (max-width:600px){
    .home-container{width:calc(100% - 30px)}
    .hero-swiper{height:300px}
    .slider-arrow{width:34px;height:34px}
    .slider-arrow::before{font-size:34px}
    .home-features{padding:48px 0 55px}
    .feature-card{padding:34px 22px}
    .about-layout{grid-template-columns:1fr;gap:28px}
    .about-section{padding:48px 0 58px}
    .about-content h2{font-size:30px}
    .value-section{padding:55px 0}
    .value-card{min-height:0;padding:34px 24px 28px}
    .home-stats{padding:26px 0}
    .home-stats .stat-item strong{font-size:48px}
    .home-products{padding:52px 0 62px}
    .home-products .section-heading h2{font-size:30px}
    .why-copy{padding:42px 20px}
    .why-heading{margin-bottom:34px}
    .why-heading h2{font-size:27px}
    .why-grid{grid-template-columns:1fr;gap:24px}
    .why-image{min-height:300px}
    .home-reviews{padding:58px 0 88px}
    .review-heading h2{font-size:27px}
    .review-heading p{margin-left:0}
    .review-card{min-height:230px;padding:30px 24px 24px}
}
.about-page-content .about-section{padding:72px 0 90px}.about-page-content .about-content h2{font-size:50px}.about-page-content .about-content>p:last-child{font-size:16px;color:#777}.about-values{padding:105px 0 120px;background:#f5f5f5}.about-values> .home-container>h2{margin:0 0 54px;color:#17202b;font-size:48px}.about-values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:58px 70px}.about-value{display:grid;grid-template-columns:70px 1fr;gap:30px;align-items:start}.about-value-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:#b4000a;color:#fff;font-size:27px}.about-value h3{margin:8px 0 10px;font-size:20px}.about-value p{margin:0;color:#666;font-size:16px;line-height:1.5}@media(max-width:900px){.about-page-content .about-content h2{font-size:38px}.about-values> .home-container>h2{font-size:38px}.about-values-grid{gap:40px}}@media(max-width:600px){.about-page-content .about-content h2{font-size:32px}.about-values{padding:60px 0 70px}.about-values> .home-container>h2{font-size:31px;margin-bottom:35px}.about-values-grid{grid-template-columns:1fr;gap:32px}.about-value{grid-template-columns:58px 1fr;gap:18px}.about-value-icon{width:58px;height:58px;font-size:22px}.about-value p{font-size:15px}}