.row {
margin-left: 0 !important;
margin-right: 0 !important;
}
/*========== start Our-Brands ==========*/


.container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


.home__our-brands-phinx {
  padding-block: 3.75rem;
  text-align: center;
  color: #ffffff !important;
  background-color: #6a808e;
}

.home__our-brands-phinx h2 {
  font-family: "Outfit";
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%;
  color: #ffffff !important;
}

.home__our-brands-phinx img {
  width: 100%;
  height: auto;
  max-height: 10rem;
  object-fit: contain;
}

/*========== end Our-Brands ==========*/

/*========== start car-card-slider ==========*/

.home__car-card-slider-phinx {
  margin-block: 3.75rem;
}

.home__car-card-slider-phinx .car-card {
  background-color: #d3d3d3;
  border-radius: 1.875rem;
  height: 22.5rem;
  padding: 1.5rem;
  margin-inline: 0.5rem;
  text-align: center;
}

.home__car-card-slider-phinx h3 {
  font-family: "Outfit";
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 150%;
}

.home__car-card-slider-phinx p {
  font-family: "Outfit";
  font-size: 1.125rem;
  line-height: 150%;
  margin: 0;
}

.home__car-card-slider-phinx img {
  width: 100%;
  height: 12.5rem;
  object-fit: contain;
  border-radius: 0.375rem;
  margin-bottom: 0.75rem;
}

.home__car-card-slider-phinx .slick-dots {
  margin-top: 1.875rem;
  position: static !important;
}

.home__car-card-slider-phinx .slick-dots li button:before {
  font-size: 1rem;
  /* Default is 6px or 0.375rem */
  color: #d3d3d3;
  /* Dot color */
  opacity: 1;
}

.home__car-card-slider-phinx .slick-dots li.slick-active button:before {
  color: #577852;
  /* Active dot color */
  opacity: 1;
}

/*========== end car-card-slider ==========*/

/*========== start Large-space ==========*/

.home__large-space-phinx {
  display: flex;
  align-items: center;
  background: url("/files/media/Media2225f0957edde4f691b1c4630f33b942.png") center/cover no-repeat;
  min-height: 37.5rem;
}

@media (max-width: 48rem) {
  .home__large-space-phinx {
    min-height: 400px;
  }
}

@media (max-width: 36rem) {
  .home__large-space-phinx {
    background: url("/files/media/Media8e51a29085bc5b7beaa2a0b5bd46d99c.png") center/cover no-repeat;
  }
}

.home__large-space-phinx h1 {
  font-family: "Outfit";
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 150%;
}

.home__large-space-phinx h3 {
  font-family: "Outfit";
  font-size: 1.75rem;
  line-height: 150%;
}

.home__large-space-phinx p {
  font-family: "Outfit";
  font-size: 1.125rem;
  line-height: 150%;
}

@media (max-width: 48rem) {
  .home__large-space-phinx h1 {
    font-size: 1.25rem;
  }

  .home__large-space-phinx h3 {
    font-size: 1.125rem;
  }

  .home__large-space-phinx p {
    font-size: 1rem;
  }
}

/*========== end Large-space ==========*/

/*========== start Large-space-2 ==========*/

.home__large-space-2-phinx {
  padding-block: 3.75rem;
  text-align: center;
}

.home__large-space-2-phinx h1 {
  font-family: "Outfit";
  font-size: 2.875rem;
  line-height: 100%;
}

.home__large-space-2-phinx h3 {
  font-family: "Outfit";
  font-size: 1.875rem;
  line-height: 150%;
  font-weight: 400;
}

.home__large-space-2-phinx p {
  font-family: "Outfit";
  font-size: 1.125rem;
  line-height: 150%;
}

.home__large-space-2-phinx img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home__large-space-2-phinx .left-image {
  height: 18.0625rem;
}

.home__large-space-2-phinx .right-image {
  height: 100%;
  object-fit: cover;
}

.home__large-space-2-phinx .bottom-image {
  height: 13.4375rem;
}

@media (max-width: 47.9988rem) {
  .home__large-space-2-phinx h1 {
    font-size: 1.25rem;
  }

  .home__large-space-2-phinx h3 {
    font-size: 1.125rem;
  }

  .home__large-space-2-phinx p {
    font-size: 1rem;
  }

  .home__large-space-2-phinx .right-image {
    height: 18.0625rem;
    object-fit: contain;
  }
}

/*========== end Large-space-2 ==========*/

/*========== start img-section ==========*/

.home__image-section-phinx {
  padding-block: 3.75rem;
}

.home__image-section-phinx img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 1.875rem;
}

.home__image-section-phinx .rect-image {
  aspect-ratio: 2 / 1;
  object-fit: cover;
  object-position: center;
}

/*========== end img-section ==========*/

/*========== start Customizable ==========*/

.home__customizable-phinx {
  background-color: #000000;
}

.home__customizable-phinx video,
.home__customizable-phinx img {
  width: 100%;
  min-height: 18.75rem;
  /*max-height: 37.5rem;*/
  object-fit: cover;
}

.home__customizable-phinx h2 {
  font-family: "Outfit";
  font-size: 2rem;
  color: #ffffff;
}

.home__customizable-phinx p {
  font-family: "Outfit";
  font-size: 1.125rem;
  color: #ffffff;
}

.home__customizable-phinx .text-wrapper {
  padding-block: 3.75rem;
}

.home__customizable-phinx {
    .row {
       margin-right: 0 !important;
       margin-left: 0 !important;
     }
}

/*========== end Customizable ==========*/

/*========== start Contact US ==========*/
.footer__contact-phinx {
  margin-block: 3.75rem;
}

.footer__contact-phinx h2 {
  font-family: "Outfit";
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%;
  margin-block: 1rem;
}

.footer__contact-phinx p {
  font-family: "Outfit";
  line-height: 150%;
}

.footer__contact-phinx img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

@media (max-width: 46rem) {
  .footer__contact-phinx h2 {
    font-size: 1.125rem;
  }

  .footer__contact-phinx p {
    font-size: 1rem;
  }
}

/*========== end Contact US ==========*/

/*========== start Bankky custom ==========*/
.slick-dots li {
  width: 12px !important;
  height: 12px !important;
}

.blog-view-all {
  display: flex;
  height: 42px;
  width: 118px;
  padding: 0px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: #577852;
  margin-top: 24px;
  margin-bottom: 60px;
}



/*========== end Bankky custom ==========*/

/*========== start about-sections-banner ==========*/

.about__section-banner-phinx {
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  height: 37.5rem;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.5) 33%,
      rgba(0, 0, 0, 0.5) 66%,
      rgba(0, 0, 0, 0) 100%),
    url("/files/media/Mediaa9e0980e6daf160f0af21dd5ea03dc3b.jpg") center/cover no-repeat;
}

@media (max-width: 46rem) {
  .about__section-banner-phinx {
    height: 30rem;
  }
}

@media (max-width: 36rem) {
  .about__section-banner-phinx {
    height: 25rem;
  }
}

.about__section-banner-phinx h1 {
  color: #ffffff;
  font-family: "Outfit";
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 150%;
  margin-block: 1rem;
}

.about__section-banner-phinx p {
  font-family: "Outfit";
  font-size: 1.5rem;
  line-height: 150%;
}

@media (max-width: 46rem) {
  .about__section-banner-phinx h1 {
    font-size: 1.5rem;
  }

  .about__section-banner-phinx p {
    font-size: 1rem;
  }
}


/*========== end about-sections-banner ==========*/

/*========== start about-why choose US ==========*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

body {
  font-family: 'Outfit', sans-serif;
  margin: 0;
}

.container {
  max-width: 1440px;
}

.why-join {
  text-align: center;
}

.why-join h2 {
  font-size: 32px;
  font-weight: 600;
  color: #000000;
  margin: 0px 0px 20px 0px;
}

.benefit-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 80px;
  max-width: 1440px;
  margin: 0 auto;
}

.benefit-card {
  padding: 10px 50px;
}

.benefit-card p {
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  line-height: 1.5;
  margin-top: 10px;
}

/* แสดง 2 คอลัมน์ สำหรับหน้าจอขนาดระหว่าง 481px - 1024px */
@media screen and (max-width: 1024px) and (min-width: 481px) {
  .container {
    padding: 20px;
  }

  .benefit-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
  }

  .benefit-card {
    padding: 10px 20px;
  }
}

/* แสดง 1 คอลัมน์ สำหรับหน้าจอขนาด ≤ 480px */
@media screen and (max-width: 480px) {
  .benefit-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .benefit-card {
    padding: 10px 20px;
  }

  .benefit-card {
    text-align: center;
  }

  .benefit-card img {
    margin: 0 auto;
  }

   /*.container {
    padding: 40px 16px;
  }*/
}


/*========== end about-why choose US ==========*/

/*========== start Maporn/Service/Contact-banner ==========*/

.service__contact-banner-phinx .container {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.service__contact-banner-phinx {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 38.125rem;
  color: #ffffff;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.5) 33%,
      rgba(0, 0, 0, 0.5) 66%,
      rgba(0, 0, 0, 0) 100%),
    url("/files/media/Media0ec54502adb4e21c61748c75bf0a12e4.jpg") center/cover no-repeat;
}

.service__contact-banner-phinx a:hover {
  color: inherit !important; 
  text-decoration: none !important;
}

@media (max-width: 46rem) {
  .service__contact-banner-phinx {
    height: 22.4375rem;
  }
}

.service__contact-banner-phinx h1 {
  color: #ffffff;
  font-family: "Outfit";
  font-size: 2.5rem;
  line-height: 150%;
}

.service__contact-banner-phinx h2 {
  color: #ffffff;
  font-family: "Outfit";
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%;
}

@media (max-width: 46rem) {
  .service__contact-banner-phinx h1 {
    color: #ffffff;
    font-size: 1rem;
  }

  .service__contact-banner-phinx h2 {
    color: #ffffff;
    font-size: 1rem;
  }
}

.service__contact-banner-phinx img {
  width: 100%;
  height: auto;
  max-height: 46.25rem;
  object-fit: cover;
}

.service__contact-banner-phinx button {
  min-width: 7.5rem;
  min-height: 2.5rem;
  margin-top: 1rem;
  color: #ffffff;
  background-color: #577852;
  border: none;
}

/*========== end Maporn/Service/Contact-banner ==========*/

/*========== start Maporn/Contact us/hero-banner ==========*/

.contact__section-banner-wui {
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  height: 37.5rem;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.5) 33%,
      rgba(0, 0, 0, 0.5) 66%,
      rgba(0, 0, 0, 0) 100%),
    url("/files/media/Media0ec54502adb4e21c61748c75bf0a12e4.jpg") center/cover no-repeat;
}

@media (max-width: 46rem) {
  .contact__section-banner-wui {
    height: 30rem;
  }
}

@media (max-width: 36rem) {
  .contact__section-banner-wui {
    height: 25rem;
  }
}

.contact__section-banner-wui h1 {
  color: #ffffff;
  font-family: "Outfit";
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 150%;
  margin-block: 1rem;
}

.contact__section-banner-wui p {
  font-family: "Outfit";
  font-size: 1.5rem;
  line-height: 150%;
}

@media (max-width: 46rem) {
  .contact__section-banner-wui h1 {
    font-size: 1.5rem;
  }

  .contact__section-banner-wui p {
    font-size: 1rem;
  }
}

/*========== end Maporn/Contact us/hero-banner ==========*/

/*========== start Maporn/Contact us/Contact-map ==========*/

.contact-us__contact-phinx {
  padding: 3.75rem 0;
  color: #ffffff;
  background: url("/files/media/media__61c930f628952fe173d4f6d34e23ff52.png") center/cover no-repeat;
}

.contact-us__contact-phinx p {
  font-family: "Outfit";
  line-height: 150%;
  margin-bottom: 0.75rem;
}

.contact-us__contact-phinx .row>div:first-child>p {
  font-size: 1.125rem;
  font-weight: 700;
}

.contact-us__contact-phinx img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 1.875rem;
}


/*========== end Maporn/Contact us/Contact-map ==========*/
/*========== start Cargo-Van ==========*/

.product-list__cargo-van-phinx {
  padding-top: 3.75rem;
  text-align: center;
}

.product-list__cargo-van-phinx h2 {
  font-family: "Outfit";
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%;
}

.product-list__cargo-van-phinx h4 {
  font-family: "Outfit";
  font-size: 1.5rem;
  line-height: 150%;
}

.product-list__cargo-van-phinx p {
  font-family: "Outfit";
  font-size: 1.125rem;
  line-height: 150%;
}

.product-list__cargo-van-phinx img {
  width: 100%;
  height: 12.5rem;
  object-fit: contain;
  border-radius: 0.375rem;
  margin-bottom: 0.75rem;
}

.product-list__cargo-van-phinx button {
  min-width: 7.5rem;
  min-height: 2.5rem;
  color: #ffffff;
  background-color: #577852;
  border: none;
}

.product-list__cargo-van-phinx .row {
  margin-top: 2.5rem;
}

.product-list__cargo-van-phinx .car-card {
  background-color: #ffffff;
  border-radius: 1.875rem;
  padding-block-end: 2.5rem;
  padding-inline: 1.5rem;
  text-align: center;
}

/*========== end Cargo-Van ==========*/

/*========== start Contact US ==========*/
.footer__contact-phinx {
  margin-block: 3.75rem;
}

.footer__contact-phinx h2 {
  font-family: "Outfit";
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%;
  margin-block: 1rem;
}

.footer__contact-phinx p {
  font-family: "Outfit";
  line-height: 150%;
}

.footer__contact-phinx img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

@media (max-width: 46rem) {
  .footer__contact-phinx h2 {
    font-size: 1.125rem;
  }

  .footer__contact-phinx p {
    font-size: 1rem;
  }
}

/*========== end Contact US ==========*/

.footer-top { position:relative;}
@media all and (min-width:768px) {
	.logo-social-sec {
		    position: absolute;
    		transform: translateY(-50%);
   			top: 50%;
	}
}

/*========== Start Footer here ==========*/


/*========== End Footer here  ==========*/