/* ===== Responsive Styles ===== */

/* Large Desktop (1400px and below) */
@media (max-width: 1399.98px) {
    .civet-hero__title {
        font-size: 44px;
    }
}

/* Desktop (1200px and below) */
@media (max-width: 1199.98px) {
    .civet-hero__title {
        font-size: 40px;
    }

    .civet-counter__number {
        font-size: 32px;
    }

    .civet-counter__suffix {
        font-size: 24px;
    }
}

/* Tablet Landscape (992px and below) */
@media (max-width: 991.98px) {
    .civet-topbar {
        display: none;
    }

    .civet-hero__row {
        min-height: 60vh;
        padding: 48px 0;
    }

    .civet-hero__title {
        font-size: 36px;
    }

    .civet-hero__nav-prev,
    .civet-hero__nav-next {
        display: none;
    }

    .civet-innovative__title {
        font-size: 28px;
    }

    .civet-innovative__image-wrapper {
        margin-top: 32px;
    }

    .civet-facility__card {
        height: 220px;
    }

    .civet-facility > .container > .row > .col-md-6:first-child > .civet-facility__card {
        height: 220px;
    }
}

/* Tablet Portrait (768px and below) */
@media (max-width: 767.98px) {
    .civet-hero__row {
        min-height: 55vh;
        padding: 40px 0;
    }

    .civet-hero__title {
        font-size: 32px;
    }

    .civet-hero__text {
        font-size: 16px;
    }

    .civet-hero__stat-number {
        font-size: 20px;
    }

    .civet-hero__stat-label {
        font-size: 11px;
    }

    .civet-counter {
        padding: 24px 0;
    }

    .civet-counter__number {
        font-size: 28px;
    }

    .civet-counter__suffix {
        font-size: 20px;
    }

    .civet-counter__label {
        font-size: 12px;
    }

    .civet-products__title {
        font-size: 24px;
    }

    .civet-products__tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .civet-products__tabs::-webkit-scrollbar {
        display: none;
    }

    .civet-products__tab {
        flex-shrink: 0;
        font-size: 13px;
        padding: 6px 16px;
    }

    .civet-support__title,
    .civet-facility__title,
    .civet-clients__title,
    .civet-testimonials__title {
        font-size: 24px;
    }

    .civet-cta__wrapper {
        flex-direction: column;
        text-align: center;
    }

    .civet-cta__content {
        text-align: center;
    }

    .civet-cta__text {
        margin: 0 auto;
    }

    .civet-cta__title {
        font-size: 22px;
    }

    .civet-facility__card {
        height: 200px;
    }

    .civet-footer__top {
        padding: 40px 0 30px;
    }

    .civet-footer__bottom .d-flex {
        gap: 12px;
    }

    .civet-footer__copyright {
        margin-bottom: 0;
    }

    .civet-innovative__title {
        font-size: 24px;
    }
}

/* Mobile (576px and below) */
@media (max-width: 575.98px) {
    .civet-pd-media-swiper{
        height: 220px;
        object-fit: cover;
    }
    .civet-pd-media-swiper .swiper-slide img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .civet-hero__row {
        min-height: auto;
        padding: 32px 0;
    }

    .civet-hero__title {
        font-size: 28px;
    }

    .civet-hero__text {
        font-size: 14px;
    }
    .civet-hero__slide .civet-hero__content{
        text-align: center;
    }
    .civet-hero__badges {
        /* flex-direction: column; */
        justify-content: center;
        /* align-items: flex-start !important; */
    }
    .civet-hero__btn-quote{
        padding: 10px 20px;
    }
    .civet-hero__iso-img{
        height: 45px;
    }

    .civet-hero__stats {
        margin-top: 24px !important;
    }

    .civet-hero__stat-number {
        font-size: 18px;
    }

    .civet-counter__number {
        font-size: 24px;
    }

    .civet-counter__suffix {
        font-size: 18px;
    }

    .civet-counter__label {
        font-size: 11px;
    }

    .civet-products__view-all {
        font-size: 14px;
    }

    .civet-support__subtitle,
    .civet-facility__subtitle,
    .civet-clients__subtitle {
        font-size: 14px;
    }

    .civet-cta__wrapper {
        padding: 32px 24px !important;
    }

    .civet-cta__title {
        font-size: 19px;
    }

    .civet-cta__text {
        font-size: 14px;
    }

    .civet-facility__card {
        height: 180px;
    }

    .civet-facility__card-title {
        font-size: 15px;
    }

    .civet-facility__card-text {
        font-size: 12px;
    }

    .civet-testimonials__card {
        padding: 16px !important;
    }

    .civet-testimonials__quote {
        font-size: 14px;
    }

    .civet-innovative__btn {
        width: 100%;
        text-align: center;
    }

    .civet-footer__top {
        padding: 32px 0 24px;
    }

    .civet-footer__bottom .d-flex {
        gap: 10px;
        text-align: center;
    }

    .civet-footer__legal {
        justify-content: center;
    }
}

/* ===== About Page Responsive ===== */
@media (max-width: 991.98px) {
    .civet-about-banner {
        padding: 32px 0;
    }

    .civet-about-banner__title {
        font-size: 26px;
    }

    .civet-about-who {
        padding: 48px 0;
    }

    .civet-about-who__title,
    .civet-about-values__title,
    .civet-about-strength__title {
        font-size: 26px;
    }

    .civet-about-vm,
    .civet-about-values,
    .civet-about-strength,
    .civet-about-cert,
    .civet-about-partners {
        padding: 48px 0;
    }
}

@media (max-width: 767.98px) {
    .civet-about-banner__title {
        font-size: 22px;
    }

    .civet-about-who__title,
    .civet-about-values__title,
    .civet-about-strength__title,
    .civet-about-cert__title,
    .civet-about-partners__title {
        font-size: 22px;
    }

    .civet-about-vm__card,
    .civet-about-partners__card {
        padding: 24px 18px;
    }

    .civet-about-cert__panel {
        padding: 22px 18px;
    }
}

/* ===== Products Page Responsive ===== */
@media (max-width: 991.98px) {
    .civet-products-filters__bar {
        width: 100%;
        flex-wrap: nowrap;
        gap: 10px;
    }

    .civet-products-filters__group {
        flex: 1 1 0;
        min-width: 0;
    }

    .civet-products-filters__select {
        min-width: 0;
        width: 100%;
    }

    .civet-product-card__title {
        min-height: 0;
    }
}

@media (max-width: 575.98px) {
    .civet-products-filters__group {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .civet-products-filters__select {
        font-size: 12px;
        padding: 6px 26px 6px 10px;
    }
}

@media (max-width: 767.98px) {
    .civet-products-list {
        padding: 24px 0 40px;
    }

    .civet-products-cta {
        padding: 48px 0;
    }

    .civet-products-cta__title {
        font-size: 22px;
    }

    .civet-product-card__img-wrap {
        height: 180px;
    }
}

/* ===== Product Details Responsive ===== */
@media (max-width: 991.98px) {
    .civet-pd-gallery__main {
        height: 320px;
    }

    .civet-pd-info {
        position: static;
        top: auto;
    }

    .civet-pd-info__title {
        font-size: 24px;
    }

    .civet-pd-section__title {
        font-size: 20px;
    }
}

@media (max-width: 575.98px) {
    .civet-pd-card {
        padding: 18px;
    }

    .civet-pd-gallery__main {
        height: 240px;
    }

    .civet-pd-gallery__thumb {
        width: 70px;
        height: 56px;
    }

    .civet-pd-info__title {
        font-size: 22px;
    }

    .civet-pd-section__title {
        font-size: 18px;
    }
}

/* ===== Industries Page Responsive ===== */
@media (max-width: 991.98px) {
    .civet-industries-tab {
        min-width: 0;
        flex: 1 1 45%;
    }

    .civet-industries-hero {
        padding: 28px 22px;
    }

    .civet-industries-hero__title {
        font-size: 28px;
    }

    .civet-industries-hero__img-wrap {
        height: 220px;
    }

    .civet-industries-solutions__title {
        font-size: 22px;
    }

    .civet-industries-coverage__title,
    .civet-industries-cta__title {
        font-size: 24px;
    }
}

@media (max-width: 575.98px) {
    .civet-industries-tabs__list {
        flex-direction: column;
        gap: 10px;
    }

    .civet-industries-tab {
        flex: 0 0 auto;
        width: 100%;
    }

    .civet-industries-hero {
        padding: 22px 18px;
    }

    .civet-industries-hero__title {
        font-size: 24px;
    }

    .civet-industries-hero__img-wrap {
        height: 180px;
    }

    .civet-industries-why {
        padding: 20px 18px;
    }

    .civet-industries-cta__actions {
        flex-direction: column;
        width: 100%;
    }

    .civet-industries-cta__btn {
        justify-content: center;
    }
}

/* ===== Contact Page Responsive ===== */
@media (max-width: 991.98px) {
    .civet-contact {
        padding: 50px 0 60px;
    }

    .civet-contact__title {
        font-size: 32px;
    }

    .civet-contact__desc {
        max-width: 100%;
    }
}

@media (max-width: 575.98px) {
    .civet-contact {
        padding: 36px 0 48px;
    }

    .civet-contact__title {
        font-size: 26px;
    }

    .civet-contact__submit {
        width: 100%;
        justify-content: center;
    }

    .civet-contact-map__wrap {
        height: 300px;
    }
}

/* ===== Careers Page Responsive ===== */
@media (max-width: 991.98px) {
    .civet-careers-hero {
        padding: 54px 0;
    }

    .civet-careers-hero__title {
        font-size: 34px;
    }

    .civet-careers-values {
        padding: 48px 0 10px;
    }

    .civet-careers-openings {
        padding: 32px 0 60px;
    }
}

@media (max-width: 575.98px) {
    .civet-careers-hero {
        padding: 40px 0;
    }

    .civet-careers-hero__title {
        font-size: 26px;
    }

    .civet-careers-hero__subtitle {
        font-size: 14px;
    }

    .civet-careers-openings__title {
        font-size: 22px;
    }

    .civet-job-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }

    .civet-job-card__btn {
        width: 100%;
        text-align: center;
    }

    .civet-job-card__meta {
        gap: 10px 16px;
    }
}

/* ===== After-Sales Support Responsive ===== */
@media (max-width: 991.98px) {
    .civet-support {
        padding: 54px 0 70px;
    }

    .civet-support-request {
        padding: 26px 24px;
        margin-top: 44px;
    }
}

@media (max-width: 575.98px) {
    .civet-support {
        padding: 40px 0 56px;
    }

    .civet-support-request__title {
        font-size: 20px;
    }

    .civet-support-request__btn {
        flex: 1 1 100%;
        justify-content: center;
    }
}

/* ===== Legal Pages Responsive ===== */
@media (max-width: 991.98px) {
    .civet-legal {
        padding: 54px 0 70px;
    }

    .civet-legal__heading {
        font-size: 20px;
    }
}

@media (max-width: 575.98px) {
    .civet-legal {
        padding: 36px 0 56px;
    }

    .civet-legal__heading {
        font-size: 18px;
        margin-top: 22px;
    }
}

/* ===== Certifications Responsive ===== */
@media (max-width: 991.98px) {
    .civet-certs {
        padding: 54px 0 70px;
    }
}

@media (max-width: 575.98px) {
    .civet-hero__image-wrapper img{
        max-width: 100%;
        height: 250px;
        object-fit: contain;
        margin-bottom: 32px;
    }
    .hero-swiper.swiper-pagination{
        display: block;
        position: absolute;
        height: 12px;
        top: 280px;
        left: 50%;
        transform: translateX(-50%);
    }
    .civet-hero__rating{
        justify-content: center;
    }
    .hero-swiper.swiper-pagination .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
        border: 1px solid var(--civet-primary);
        background-color: transparent;
        opacity: 1;
    }
    .hero-swiper.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background-color: var(--civet-primary);
    }
    .civet-certs {
        padding: 40px 0 56px;
    }

    .civet-cert-card {
        padding: 18px 18px;
        gap: 14px;
    }

    .civet-cert-card__title {
        font-size: 16px;
    }
}

/* ===== Blog Page Responsive ===== */
@media (max-width: 991.98px) {
    .civet-blog-list {
        padding: 44px 0;
    }
}

@media (max-width: 575.98px) {
    .civet-blog-list__title {
        font-size: 22px;
    }

    .civet-blog-card__img-wrap {
        height: 190px;
    }

    .civet-blog-card__title {
        font-size: 17px;
    }
}

/* ===== Blog Details Page Responsive ===== */
@media (max-width: 991.98px) {
    .civet-blog-details__title {
        font-size: 30px;
    }
}

@media (max-width: 575.98px) {
    .civet-blog-details {
        padding: 32px 0 16px;
    }

    .civet-blog-details__title {
        font-size: 24px;
    }

    .civet-blog-details__lead {
        font-size: 15px;
    }

    .civet-blog-details__img {
        max-height: 220px;
    }

    .civet-blog-details__meta {
        gap: 12px;
    }

    .civet-blog-details__cta-row {
        flex-direction: column;
    }

    .civet-blog-details__btn {
        width: 100%;
    }

    .civet-blog-details__author {
        flex-direction: column;
        align-items: flex-start;
    }
}