*{
  margin:0;
  padding:0;
}
.chewy-regular {
  font-family: "Chewy", system-ui;
  font-weight: 400;
  font-style: normal;
}

body{
  background-image:url(skramz/6709086\ \(1\).jpg);
  background-repeat: repeat-;
  z-index: -3;
}
.header{
  height: 300px;
  background-image: url(skramz/Untitled\ \(1920\ x\ 1080\ px\)\ \(1920\ x\ 800\ px\)\ \(1\).png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%; /* Forces image to fill the div without preserving aspect ratio */
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
#icon{
  border: 5px solid black;
  background-color: white;
  width: 400px;
  height: 210px;
  background-image: url(skramz/1\(1\)\ -\ Edited.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center; /* ✅ This centers the image */
  border-radius: 25px;
  position: relative;
}
.centered-box {
  width: 87%;
  margin: 20px auto;
  padding: 20px;
  height: 1100px;
  display: flow-root;
  background-image: url(skramz/Untitled\ design\ \(23\).png);
  background-repeat: no-repeat;
  background-size: cover;         /* ✅ Ensures the whole image fits without cropping */
  background-position: center;      /* ✅ Keeps the image centered */
  text-align: center;
  z-index: 3;
  position: relative;
  up: 10px;
}
.centered-box h3{
  font-family: "Chewy", system-ui;
  font-weight: 500px;
  font-style: normal;
  font-size: 48px;
  margin-top:30px;
  margin-bottom:10px;
  padding:px;
}
.centered-box p{
  font-family: "Chewy", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  text-indent:50px;
  margin: 20px 45px 0 45px; /* top, right, bottom, left */
  padding:14px;
  text-align:left;
  
}
#img1{
  float: right;
 
}
#compborder{
  position: fixed;
  left: 0;
  top: 0;
  width: 35px; /* thickness of the line */
  height: 100vh; /* full height of the viewport */
  background-color: black;
  z-index: 9999; 
}