/* Content-area styling only. Header/nav layout handled by bootstrap.min.css. */

body { background-color: #ffffff !important; }

.card { border: 1px solid transparent; box-shadow: none; border-radius: 6px; transition: box-shadow 0.2s ease, border-color 0.2s ease; }
.card:hover { border: 1px solid #eee; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.card h2 { text-transform: uppercase; font-size: 20px; letter-spacing: 0.5px; margin-top: 0; }
.card ul { list-style: none; padding-left: 5px; margin: 10px 0; }
.card ul li { position: relative; padding-left: 18px; margin-bottom: 6px; }
.card ul li::before { content: "○"; position: absolute; left: 0; font-size: 12px; color: #555; }
.card p, .sideright p { text-align: justify; }

footer { background: #1a1a1a; color: #ccc; padding: 20px 0; text-align: center; }
footer .fot-menu ul { display: flex !important; flex-wrap: wrap !important; list-style: none !important; margin: 0 !important; padding: 0 !important; justify-content: center; gap: 20px; }
footer .fot-menu li { margin: 0 !important; }
footer .fot-menu a { color: #fff; text-decoration: none; }

/* Inner-page banners (About / V Vannam / V Ferrox) */
.aboutus-container { background-color: #eeeeee !important; overflow: hidden; }
.aboutus-container .row { display: flex; align-items: center; flex-wrap: wrap; }
.aboutslide.left img { max-height: 320px; width: auto; max-width: 100%; object-fit: contain; }
.ban-right img { max-height: 200px; width: auto; max-width: 100%; object-fit: contain; }

/* V Ferrox left-column product bag image has a flat near-white background baked in */
.sidebar_left img { mix-blend-mode: multiply; }

/* Homepage banner slider */
.banner-container { background-color: #eeeeee !important; }

/* Full-bleed sections without position:relative, so descendant absolute-positioned
   elements (like the product colour dots) never inherit this as their positioning context */
.aboutus-container,
.banner-container,
.vvp_container.product {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}







.vvp_container.product.slider .part-one .hsline .one ul li {
  position: relative;
}
.vvp_container.product.slider .part-one .hsline .one ul li::before {
  margin-left: 0 !important;
}

.technically-container {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

.techical-cap .card p { text-align: justify !important; }

.contact-container .technically-container {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

.contact-container {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

main.container { margin-top: 98px; }
@media all and (min-width: 768px) and (max-width: 991px) {
  main.container { margin-top: 120px; }
}
@media all and (max-width: 767px) {
  main.container { margin-top: 67px; }
}

.vvpcontactform .body .addrbox img {
  display: inline-block !important;
  vertical-align: middle;
}
.vvpcontactform .body .addrbox p,
.vvpcontactform .body .addrbox a,
.vvpcontactform .body .addrbox span a {
  color: #333333 !important;
}