* {
    color: #fff;
}

body { margin:0px; background-color:#000; height:100% }
html { height:100% }
form { margin:0px }
body > form { height:100% }
img { margin:0px; border-style:none }
button { margin:0px; border-style:none; padding:0px; background-color:transparent; vertical-align:top }
table { empty-cells:hide }
.f-sp { font-size:1px; visibility:hidden }
.f-lp { margin-bottom:0px }
.f-fp { margin-top:0px }
em { font-style:italic }
h1 { font-weight:bold; text-decoration:none; font-size:18px }
h1:first-child { margin-top:0px }
h2 { font-weight:bold; text-decoration:none; font-size:16px }
h2:first-child { margin-top:0px }
h3 { font-weight:bold; text-decoration:none; font-size:14px }
h3:first-child { margin-top:0px }
strong { font-weight:bold }
.style12 { font-family:Arial,Helvetica,sans-serif }
.style27 { color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:20px }
#PageDiv { position:relative; min-height:100%; max-width:960px; margin:auto }
#item1 { position:absolute; left:284px; top:29px; width:527px; height:38px; z-index:1; overflow:visible }
#item7 { position:absolute; left:62px; top:637px; width:21px; height:22px; z-index:2; overflow:visible }
#item2 { position:absolute; left:300px; top:85px; width:491px; height:24px; z-index:3; overflow:visible }
#item3 { position:absolute; left:280px; top:71px; width:532px; height:1px; z-index:4; overflow:visible }

.usp-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
}

.usp-item {
  flex: 1;
  text-align: center;
  font-size: clamp(18px, 2.2vw, 22px); 
  font-weight: 500;
}

.usp-item::before {
  content: "✓";
  color: #2ecc71;
  font-weight: bold;
  margin-right: 10px;
  font-size: 1.2em; 
}


@media (max-width: 600px) {
  .usp-section {
    flex-direction: column;
    gap: 16px;
  }

  .usp-item {
    font-size: 18px;
  }
}


@media (max-width: 600px) {
  .usp-section {
    flex-direction: column;
    align-items: center;
  }

  .usp-item {
    width: 100%;
  }
}

h1 {
  font-size: 48px;
  line-height: 1.2;
}

h2 {
  font-size: 36px;
  line-height: 1.3;
}

h3 {
  font-size: 28px;
  line-height: 1.3;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}


@media (max-width: 768px) {
  h1 { font-size: 36px; }
  h2 { font-size: 30px; }
  h3 { font-size: 24px; }
}


@media (max-width: 480px) {
  h1 { font-size: 28px; }
  h2 { font-size: 24px; }
  h3 { font-size: 20px; }
}
.tp-link {
  font-weight: bold;
  text-decoration: underline;
  color: #FF0000;
  transition: color 0.2s ease;
}

.tp-link:hover {
  color: #ff6666; 
}

.cta {
  text-align: left;
  padding: 50px 0;
  margin: 60px 0;
  max-width: 1000px;
}

.cta h3 {
  font-size: clamp(24px, 3vw, 32px);
  margin-bottom: 12px;
  color: #fff;
}

.cta p {
  font-size: clamp(16px, 2vw, 18px);
  margin-bottom: 24px;
  color: #ccc;
  max-width: 600px;
}

.cta-button {
  display: inline-block;
  padding: 14px 32px;
  background: #FF0000;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border: none;
  cursor: pointer;
}

.cta-button:hover {
  background: #ff6666;
}
.text-image-section {
  display: flex;
  align-items: center;
  gap: 40px;
  margin: 60px 0;
}

.text-image-content,
.text-image-image {
  flex: 1;
}

.text-image-image img {
  width: 100%;
  height: auto;
  display: block;
}




.contact-section {
  color: #fff;
  padding: 60px 24px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.contact-header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.contact-logo {
  width: 95px;
  height: auto;
}

.contact-header h2 {
  margin: 0 0 10px;
  font-size: clamp(32px, 5vw, 52px);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.contact-header a,
.contact-card a {
  color: #fff;
  text-decoration: none;
  transition: color 0.2s ease;
}

.contact-header a:hover,
.contact-card a:hover {
  color: #7db7ff;
}

.company-links {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  gap: 28px;
  flex-wrap: wrap;
}

.contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  gap: 70px;
  max-width: 760px;
  margin: 0 auto;
}

.contact-card {
  background: #0d0d0d;
  border: 1px solid #1f1f1f;
  border-radius: 18px;
  padding: 28px 22px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
}

.contact-card img {
  width: 180px;
  height: 250px;
  object-fit: cover;
  margin-bottom: 20px;
}

.contact-card h3 {
  margin: 0;
  font-size: 20px;
}

.contact-card p {
  margin: 6px 0 18px;
  color: #d8d8d8;
}

@media (max-width: 640px) {
  .contact-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .company-links {
    gap: 12px;
    flex-direction: column;
  }
}