.sub-long-container {
  width: 100%;
  height: auto; 
  margin: 0;
  padding: 6px; 
  box-sizing: border-box;
  border: none; flex-direction: column;
  display: flex; justify-content: flex-start; align-items: center;
}


.sub-long-field {
  text-align: center; 
  width: 100%;border: none;
  max-width: 100%; height: 100%;
  font-family: sans-serif; 
  pointer-events: none;
}

.sub-long-h1 {
  font-size: 26px;
  font-weight: 800;
  margin: 0;
  color: #111; border: none;
  letter-spacing: -0.5px; 
  line-height: 1.1;
}
.span-long {
  color: #00bcd4;
  font-size: 30px;
  margin-left: 1px;
}
.sub-long-p {
  font-size: 11px;
  color: #666;
  font-weight: 600;
  margin: 3px 0 0 0;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  line-height: 1;
}
.span-long-p {
  color: #ff5722;
  font-weight: bold;
}
/* -------------------------------- past logo decoration -----------------------------------------------  */
.next-main-section {
  height: 633px; 
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; z-index: 13000;
  box-sizing: border-box;
}
.grid-opening {
  border: none; box-sizing: border-box;
  display: grid; padding: 2px;
  grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 49.90%));
  grid-template-rows: 100%;
  width: 100%; margin: 0;
  height: 100%; justify-content: center;
  gap: 2px;max-width: 100%;
}
.component {border: none;}

.line-1 {
  display: flex;
  width: 100%;
  height: 50%;
  gap: 2px;
}
.ad-field {
  width: 26%; z-index: 13090; display: flex; justify-content: center;
  border: none; align-items: flex-start;
} .ad-field iframe {max-width: 100%;}
.content-field {
  width: 72%;
  border: none;
  border-radius: 30px;
  padding-left: 4px;
}
.content-field-div {
  color: #333;
  line-height: 1.5;
}

.content-field-h2 {
  font-size: 18px;
  margin-top: 0;
  color: #111;
  font-weight: 700;
  padding-top: 15px;
  padding-left: 0;
  
}
.content-field-p {
  font-size: 16px;
  margin: 0;
  color: #555;
  padding: 15px;
  padding-left: 0;
}
.line-2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 49%;
  border: none;
  margin-top: 3px;
  border-radius: 30px;
}
.sub-line-2-container {
  padding: 12px;
  color: #333;
  line-height: 1.4;
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
}
.sub-line-2-h3 {
  font-size: 18px;
  margin: 0 0 4px 0;
  color: #111; 
  font-weight: 600; 
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
}
.sub-line-2-p {
  font-size: 16px;
  color: #555;
  margin: 4px 0 0 0;  
}
.sub-line-2-lastp {
  font-size: 16px;
  color: #555; 
  margin: 6px 0 0 0;
}
.sidebar {
  display: flex;padding: 0;
  gap: 2px; justify-content: center;
  width: 100%;
  height: 100%;
  
}
.left-field {
  width: 73%;
  border: none;
}

.left-field-div {
  padding: 10px;
  font-family: sans-serif; 
  color: #333;
  line-height: 1.6;
  box-sizing: border-box; 
  height: 100%; 
  overflow: auto;
  border: none;
}

.left-field-h2 {
  font-size: 20px; 
  margin-top: 0; 
  color: #111; 
  font-weight: 700;
  border: none;
}
.left-field-p {
  font-size: 14px;
  color: #444; 
  margin-bottom: 15px;
  border: none;
}
.left-field-h3 {
  font-size: 15px; 
  color: #00bcd4; 
  margin-bottom: 5px; 
  font-weight: 600;
  border: none;
}
.left-field-P {
  font-size: 13px;
  color: #555;
  margin-top: 0; 
  margin-bottom: 15px;
  border: none;
}

.left-field-h3-2 {
  font-size: 15px; 
  color: #00bcd4;
  margin-bottom: 5px; 
  font-weight: 600;
  border: none;
}
.left-field-p-2 {
  font-size: 13px;
  color: #555;
  margin-top: 0; 
  margin-bottom: 15px;
  border: none;
}
.left-field-h3-3 {
  font-size: 15px;
  color: #ff5722;
  margin-bottom: 5px; 
  font-weight: 600;
  border: none;
}
.left-field-lastp {
  font-size: 13px;
  color: #555; 
  margin-top: 0; 
  margin-bottom: 0;
  border: none;
}
.right-field {
  width: 25%; margin: 0; z-index: 13090;
  border: none; align-items: flex-start;
  display: flex; justify-content: center;
} .right-field iframe {max-width: 100%;}
/*------------------Scanner logo ---------------------*/
.logo-end {width: 100%; padding: 0; display: flex; justify-content: center; align-items: flex-start; height: 90px; margin: 0;}
.sub-long-container-o {
  width: 100%;
  height: 100%; 
  margin: 0;
  padding: 2px; 
  box-sizing: border-box;
  border: none; flex-direction: column;
  display: flex; justify-content: center; align-items: center;
}


.sub-long-field-o {
  text-align: center; 
  width: 100%;border: none;
  max-width: 100%; height: 100%;
  font-family: sans-serif; 
  pointer-events: none;
}

.sub-long-h1-o {
  font-size: 26px;
  font-weight: 800;
  margin: 0;
  color: #111; border: none;
  letter-spacing: -0.5px; 
  line-height: 1.1;
}
.span-long-o {
  color: #00bcd4;
  font-size: 30px;
  margin-left: 1px;
}
.sub-long-p-o {
  font-size: 11px;
  color: #666; 
  font-weight: 600; border: none;
  margin: 3px 0 0 0;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  line-height: 1;
}
.span-long-p-o {
  color: #ff5722;
  font-weight: bold;
}

/*




FOOOTER 
START



*/
.site-footer {
  background-color: #1a1a1a;
  color: #e0e0e0;
  padding: 40px 20px 20px 20px;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

.footer-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}

.footer-section {
  flex: 1;
  min-width: 250px;
}

.footer-section h3 {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 15px;
}

.footer-section p {
  line-height: 1.6;
  color: #a0a0a0;
}

.footer-section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-section ul li {
  margin-bottom: 10px;
}

.footer-section ul li a {
  color: #a0a0a0;
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer-section ul li a:hover {
  color: #3b82f6; /* Modern Blue Accent */
}

.footer-bottom {
  max-width: 1200px;
  margin: 40px auto 0 auto;
  padding-top: 20px;
  border-top: 1px solid #333333;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 12px;
  color: #888888;
  gap: 15px;
}

.footer-bottom a {
  color: #3b82f6;
  text-decoration: none;
}

.footer-bottom a:hover {
  text-decoration: underline;
}
/*

PAGE 
END



*/
/* COOKEEEEEEEEEEEEEEEZ */
.cookie-banner {
  display: none; 
  position: fixed;
  bottom: 0; 
  left: 0;
  width: 100%;
  background: #1a1a1a;
  color: #fff; 
  padding: 15px;
  text-align: center; 
  font-family: sans-serif; 
  z-index: 9999;
  border-top: 3px solid #ff5722;
}
.cookie-p {
  margin: 0 0 10px 0;
  font-size: 14px
}
.link {
  color: #ff5722;
  text-decoration: underline;
}
.confirm {
  background: #ff5722; color: #fff; 
  border: none; 
  padding: 8px 20px; 
  cursor: pointer; 
  border-radius: 4px;
  font-weight: bold;
  }
/* COOOOOKEEEEEZ */
@media (min-width: 728px) and (orientation: portrait) { /*728 amd bigger*/
  .grid-opening{
    grid-template-columns: 1fr;
    grid-template-rows: 50% 50%;
  } body{ height: auto;}
  .next-main-section {
    height: 1280px; max-height: 100%;
  }.footer-container{gap: 1px;}
  .nav-links {width: 55%;border: none;}
  .nav-logo {width: 24%;}.blur-cloud{width: 1000px; height: 900px;}
  .spot-1 {left: -58%; top: -43%; background-color: rgb(102, 255, 255, 0.6);}
  .spot-2 {right: -35%; top: -23%; width: 700px; height: 700px;}
  .hero-wrapper {height: 48%;} .hero-wrapper h1 {font-size: 74px; overflow-wrap: break-word;}
  .hero-wrapper p {font-size: 32px;}
  .flex-room{gap: 13px; border: none; height: 100%;}
  .ip-title ,.first-proto {height: 14%; font-size: 32px;}
  .ip-paragraph {
    font-size: 18px; line-height: 18px; height: auto; padding: 8px;
  box-sizing: border-box;}
  .vpn-block-text {
    font-size: 18px; line-height: 18px; display: flex;padding: 8px;
    justify-content: center; align-items: flex-start; height: auto;
    box-sizing: border-box;
  }
  .ad-field {width: 23%;} .content-field {width: 77%;}
  .sub-line-2-p, .sub-line-2-lastp, .content-field-p {line-height: 34px;}
  .sub-line-2-h3, .content-field-h2 {font-size: 23px;}
  .left-field, .left-field-div {height: 100%;}
  .left-field-p-2, .left-field-P, .left-field-lastp {
    height: 15%; line-height: 17px; font-size: 14px;
  }
  .left-field-p {box-sizing: border-box; height: 15%; line-height: 17px; font-size: 14px; padding-top: 12px;}
}

@media (max-width: 727px) {
  .next-main-section {height: 1720px; max-width: 100%;max-height: 100%;}.content-field {font-size: 12px;}
  .grid-opening {
    width: 100%;
    max-width: 100%;
    height: 100%; padding: 0;
    grid-template-columns: 1fr;
    grid-template-rows: 36% 64%;
    box-sizing: border-box;
  }
  .curve-shadow-container {filter: drop-shadow(0px -11.5px 12px rgba(92, 62, 28, 0.55));}
  .content-field-p {font-size: 12px;}.component {width:100%; max-width: 100%;padding: 0;}
  .pgraph-square {font-size: 11px;}
  .vpn-block-text {
    height: 30%;
    max-height: 100%;
    font-size: 12px;
    line-height: 15px;
    display: flex; align-items: center;
  } .flex-room /*third box */ {
    display: flex; justify-content: flex-start; align-items: center; height: 100%; 
    
  }
  .hero-wrapper h1 {font-size: clamp(30px, 3.5vw, 4.2rem);}
  .nav-logo span{
    border: none; align-items: flex-end; justify-content: center; height: 65%; padding-bottom: 0;
    padding-top: 0; box-sizing: border-box; font-size: 26px; bottom: 6%;
  }
  .sub-line-2-p, .sub-line-2-lastp {font-size: 12px;} .left-field{font-size: 12px;}
  .content-and-ads{height: 41.5%;} 
  .sub-long-h1, sub-long-h1-o {font-size: 28px;} .sub-long-p, .sub-long-p-o {font-size: 10px;}
  .wavy {
  clip-path: shape(from 0 0,vline to calc(100% - 25px),curve to 18.75% calc(100% - 28.5px) with 12.5% calc(100% - 44px),smooth to 31.25% calc(100% - 15px),smooth to 43.75% calc(100% - 24px),smooth to 56.25% calc(100% - 39px),smooth to 68.75% calc(100% - 40.5px),smooth to 81.25% calc(100% - 24.5px),smooth to 100% calc(100% - 25px),vline to 0, hline to 0);
      }
  .about-inner {font-size: 12px; }
  .footer-section h3{ font-size: 14px;} .footer-section ul li a {font-size: 12px;}
}