.component_custom_carousel {
    background: #fbfbfb;
    padding: 65px 0px 10px;
    .cmp_custome_carousel {
      .listing_cars {
        .car_content {
          .image_car {
            p {
              .carousel_image {
                height: 268px !important;
              }
            }
          }
        }
        padding: 48px 0px 0px;
        display: block;
        width: 100%;
        .each_part_car {
          margin: 0px 12.5px 30px !important;
          max-height: 620px;
          &:nth-child(3n+2){
            margin: 0px;
          }
        }
        .slick-arrow {
          border: 2px solid #d01000;
          width: 40px;
          height: 40px;
          &::before {
            font-family: FontAwesome !important;
            color: #d01000;
            font-size: 28px;
            font-weight: 700;
            opacity: 1 !important;
          }
          &.slick-prev::before {
            content: "\f105";
          }
          &.slick-next::before {
            content: "\f104";
          }
          &.slick-prev.slick-disabled::before, &.slick-next.slick-disabled::before {
            opacity: 1 !important;
          }
          &.slick-arrow.slick-disabled {
            opacity: 0.3;
          }
          &.slick-prev {
            right: -45px;
            left: inherit;
          }
          &.slick-next {
            left: -45px;
            right: inherit;
          }
        }
        .slick-list {
          margin: 0px 17px;
        }
        .slick-dots {
          bottom: -20px;
          li {
            width: 32px;
            height: 4px;
            button {
              width: 32px;
              height: 4px;
              &::before {
                box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
                width: 32px;
                background: #000000;
                content: '';
                height: 4px;
              }
            }
            &.slick-active {
              button {
                &::before {
                  opacity: 1;
                }
              }
            }
          }
        }
      }
    }
  }

  @media(min-width: 280px) and (max-width: 649px){
    .hmp_title{
      #carousel_items{
        width: 86% !important;
        margin-right: 10% !important;
      }
    } 
    .component_custom_carousel {
        padding: 24px 0px 30px;
        .cmp_custome_carousel {
          padding: 0px 0px;
          .listing_cars {
            .each_part_car {
              margin: 0px 0.4px 50px !important;
              height: 542px !important;
              &.slick-slide.slick-current.slick-center {
                width: 277px !important;
                transform: scale(1);
                transition: all 0.7s ease-in-out;
              }
              &.slick-slide {
                transform: scale(0.9);
                transition: all 0.7s ease-in-out;
              }
              .car_content {
                .image_car {
                  .carousel_image {
                    height: 162px !important;
                    object-fit: cover;
                  }
                  .favorites_btn{
                    top: unset;
                    bottom: 10px;
                    button img{
                      height: 32px !important;
                      object-fit: contain;
                    }
                  }
                }
                .half_box {
                  padding: 16.2px 19.2px 8.1px;
                  .title_car {
                    h3 {
                      margin: 0px;
                      font-size: 1.1rem;
                    }
                  }
                  .detail_car {
                    display: grid !important;
                    grid-template-columns: 1fr 1fr; /* Two columns of equal size */
                    grid-template-rows: auto auto; /* Two rows, height adjusts to content */
                    gap: 20px; /* Space between rows and columns */
                    padding: 24.4px 0 8.5px;
                    width: 100%;
                    height: 160px;
                }
                
                .detail_specific_icon {
                    display: flex;
                    align-items: center;
                    font-size: 0.9rem;
                    color: #404040;
                    letter-spacing: -0.16px;
                    line-height: 21px;
                    margin-bottom: 0; /* Removed bottom margin as grid gap handles spacing */
                    justify-content: start; /* Ensures items are aligned to the start of the flex container */
                
                    svg {
                        margin-right: 10px; /* Space between icon and text, adjusted for visual appeal */
                        width: 24px;
                        height: 24px;
                        flex-shrink: 0; /* Prevents the SVG from resizing */
                    }
                
                    > span {
                        display: flex;
                        white-space: nowrap;
                        align-items: center;
                        flex-grow: 1; /* Allows the text to fill the remaining space */
                        justify-content: start; /* Aligns the text to start following the icon */
                    }
                }
                }
              }
            }
          }
        }
      }
      .component_custom_carousel .cmp_custome_carousel .listing_cars {
        padding:32px 37px 0px 0px;
      }
      .component_custom_carousel .cmp_custome_carousel .listing_cars .slick-list {
        margin: 0px 0px;
        padding: 0px 7px !important
      }
      .component_custom_carousel .cmp_custome_carousel .listing_cars .each_part_car {
        float: right;
      }
  }