/********************
 Home Banner
********************/
.cus-ban-hom {
    background-color: #db1200;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
@media (min-width: 768px) {
.cus-ban-hom {
    font-size: 20px;
}
.cus-ban-hom p {
    max-width: 900px;
    margin-inline: auto;
}
}

/********************
 COLOR
********************/
:root {
   --clr-primary-200: #db1200;
   --clr-primary-300: #ce1100;
}

/********************
 BANNER
********************/
.top-cus-ban {
    border-bottom: 3px solid #db1200;
    padding: 0px 15px 15px 15px;
    margin-bottom: 25px;
}

/** location **/
.dw-main-address {
  font-style: normal;
  display: flex;
  gap: 12px;
}

.dw-main-address a:hover {
    text-decoration: none;
}

.link-contact {
  text-decoration: none;
  color: #f5f5f5; /* light text */
  display: flex;
  flex-direction: column; /* keep spans stacked */
  gap: 2px;
    font-size: large;
  font-weight: 600;
  transition: color 0.3s ease;
}

.link-contact i {
  font-size: 18px;
  color: #ff5252;
  margin-bottom: 6px;
  margin-top: 2px;
  align-self: flex-start;
  transition: color 0.3s ease;
}

.link-contact:hover i {
  color: #ff1744;
}

@media (min-width: 768px) {
.dw-main-address {
    padding-top: 50px;
}
.top-ban-p {
    font-size: 18px;
    font-weight: 600;
}
}
/** contact **/
.list-contact-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;          
  gap: 20px;        
}

.list-contact-links li {
  margin: 0;
}

.link-contact:hover {
  color: #ff5252; 
  text-decoration: none;
}

@media (min-width: 768px) {
.list-contact-links {
    padding-top: 50px;
justify-content: flex-end;
}
}
@media (max-width: 767.98px) {
.cus-ban-img img {
    width: 200px;
}
.dw-main-address {
  justify-content: center;
}
.list-contact-links {
    justify-content: center;
    padding: 15px;
}
}