/* category-sec */
.category-sec {padding: 74px 0;}
.category-sec .category-grp {position: relative; width: 100%;}
.category-sec .category-grp .category-title {margin-bottom: 54px; text-align: center;}
.category-sec .category-grp .category-title h2 {font-family: 'Inter'; font-weight: 500; font-size: 36px; line-height: 100%; text-align: center; margin-bottom: 24px; color: #FFFFFF;}
.category-sec .category-grp .category-title h3{font-family: 'Inter'; font-weight: 400; font-size: 20px; line-height: 100%; color: #A1A1AB;}
.category-card-grp {display: flex; justify-content: center; align-items: stretch; width: 100%; gap: 28px;}
.category-card-grp .category-card-sec {width: 25%; max-width: 272px;}
.category-card-grp .category-card-sec .category-card {display: flex; flex-direction: column; gap: 16px;}
.category-card-grp .category-card-sec .category-card .card-img {position: relative; width: 100%;}
.category-card-grp .category-card-sec .category-card .card-img::after {content: ''; display: block; padding-top: 101.642%;}
.category-card-grp .category-card-sec .category-card .card-img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; overflow: hidden; border-radius: 16px;}
.category-card-grp .category-card-sec .category-card .card-img-title {position: relative; text-align: left;}
.category-card-grp .category-card-sec .category-card .card-img-title span {display: block; font-family: 'Inter'; font-weight: 500; font-size: 20px; line-height: 32px; color: #FFFFFF;} 
.mobile-btngrp {
  display: none;
}

@media (max-width: 1599px) {
  .category-card-grp .category-card-sec .category-card .card-img-title span {font-size: 18px;}
}

@media (max-width: 1399px) {
  .category-card-grp .category-card-sec .category-card .card-img-title span {font-size: 16px;}
  .category-card-grp {gap: 16px;}
}

@media (max-width: 1199px) {
  .category-sec {padding: 44px 0;}
  .category-sec .category-grp .category-title h2 {font-size: 30px;}
  .category-sec .category-grp .category-title h3 {font-size: 18px;}
  .category-card-grp {flex-wrap: wrap; gap: 28px;}
  .category-card-grp .category-card-sec {width: 33.3333%;}
  .category-card-grp .category-card-sec .category-card .card-img-title span {font-size: 16px;}
  .category-card-grp .category-card-sec .category-card {gap: 16px;}
}


@media (max-width: 991px) {
  .category-sec {padding: 34px 0;}
  .category-sec .category-grp .category-title h2 {font-size: 30px;}
  .category-sec .category-grp .category-title h3 {font-size: 18px;}
  .category-card-grp {flex-wrap: wrap;}
  .category-card-grp .category-card-sec {width: 33.3333%; max-width: 210px;}
  .category-card-grp .category-card-sec .category-card .card-img-title span {font-size: 16px;}
  .category-card-grp .category-card-sec .category-card {gap: 16px;}
}

@media (max-width: 767px) {
  .category-sec {padding: 34px 0;}
  .category-sec .category-grp .category-title h2 {font-size: 28px;}
  .category-sec .category-grp .category-title h3 {font-size: 16px;}
  .category-card-grp {flex-wrap: wrap;}
  .category-card-grp .category-card-sec {width: 50%;}
  .category-card-grp .category-card-sec .category-card .card-img-title span {font-size: 14px; line-height: 22px;}
  .category-card-grp .category-card-sec .category-card {gap: 16px;}
}

@media (max-width: 576px) {
  .category-sec {padding: 24px 0;}
  .category-sec .category-grp .category-title {padding: 0 15px;}
  .category-sec .category-grp .category-title h2 {font-size: 26px;}
  .category-sec .category-grp .category-title h3 {font-size: 16px;}
  .category-card-grp {flex-wrap: nowrap;}
  .category-card-grp .category-card-sec {width: 50%; max-width: 50%;}
  .category-card-grp .category-card-sec .category-card .card-img-title span {font-size: 14px; line-height: 22px;}
  .category-card-grp .category-card-sec .category-card {gap: 16px;}

  .category-card-mobile-swiper {
    width: 100%;
    overflow: hidden;
  }

  .category-card-mobile-swiper .category-card-grp {
    justify-content: flex-start !important;
    gap: 0 !important;
  }

  /* .category-card-mobile-swiper .swiper-wrapper {
    transition-timing-function: linear !important;
  } */

  .category-card-mobile-swiper .category-card-sec {
    width: 47% !important;
    max-width: 47% !important;
    flex: 0 0 47% !important;
  }

  .category-card-mobile-swiper .category-card-sec .category-card {
    gap: 7px;
  }

  .mobile-btngrp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 24px;
  }

  .mobile-btngrp .feedback__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
  }

  .mobile-btngrp .feedback__arrow i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--color-primary);
    border-radius: 50%;
    color: var(--color-white);
    transition: all 0.3s ease;
  }

  .mobile-btngrp .feedback__arrow i:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
  }

  .mobile-btngrp .feedback__arrow i svg {
    width: 20px;
    height: 20px;
  }
  
  .category-sec .container {padding: 0;}
  .category-card-mobile-swiper {overflow: hidden;}

  
}

/* category-sec */