/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 20 2024 | 04:17:26 */
/* Ensure the body has a black background */
body {
    position: relative;
   
   
}

/* Container for the lines */
.absolute-lines-wrapper {
    position: absolute;
    top: 0; /* Start from the top of the page */
    left: 0;
    width: 100%;
    height: 100%; /* Cover the entire viewport height */
    z-index: 1; /* Ensure lines are behind content */
    pointer-events: none; /* Make sure lines don't interfere with clicking */
}

/* Style for the vertical lines */
.line-vertical {
    background-color: rgba(46, 204, 113, 0.5); /* Emerald green */
    width: 0.6px;
    height: 100%;
    opacity: 0.6;
    position: absolute;
}

/* Positioning the lines */
.line-vertical:nth-child(1) { left: 5%; }
.line-vertical:nth-child(2) { left: 10%; }
.line-vertical:nth-child(3) { left: 15%; }
.line-vertical:nth-child(4) { left: 20%; }
.line-vertical:nth-child(5) { left: 25%; }
.line-vertical:nth-child(6) { left: 30%; }
.line-vertical:nth-child(7) { left: 35%; }
.line-vertical:nth-child(8) { left: 40%; }
.line-vertical:nth-child(9) { left: 45%; }
.line-vertical:nth-child(10) { left: 50%; }
.line-vertical:nth-child(11) { left: 55%; }
.line-vertical:nth-child(12) { left: 60%; }
.line-vertical:nth-child(13) { left: 65%; }
.line-vertical:nth-child(14) { left: 70%; }
.line-vertical:nth-child(15) { left: 75%; }
.line-vertical:nth-child(16) { left: 80%; }
.line-vertical:nth-child(17) { left: 85%; }
.line-vertical:nth-child(18) { left: 90%; }
.line-vertical:nth-child(19) { left: 95%; }
.line-vertical:nth-child(20) { left: 100%; }

/* Content container */
.main-content {
    position: relative;
    z-index: 2; /* Ensure content is above the lines */
}

/* Mask for hiding lines where content is present */
.mask-content {
    position: relative;
    z-index: 3; /* Ensure mask content is on top */
    overflow: hidden;
}

/* Hide lines behind the text and images */
.mask-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent; /* Transparent mask */
    z-index: -1; /* Behind content */
}

.number-about {
    color: #fff;
    -webkit-text-stroke-width: 2px; /* For WebKit-based browsers */
    -webkit-text-stroke-color: #fff; /* For WebKit-based browsers */
    text-stroke-width: 2px;
    text-stroke-color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 68px; /* Responsive font size */
    font-weight: 600;
    line-height: 1;
    display: inline-block;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .number-about {
        font-size: 43px; /* Adjust font size for tablets */
		 font-weight: 500;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .number-about {
        font-size: 35px; /* Adjust font size for desktops */
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .number-about {
        font-size: 68px; /* Adjust font size for large desktops */
    }
}

/* Small devices (phones, 576px and up) */
@media (max-width: 576px) {
    .number-about {
        font-size: 68px; /* Adjust font size for small devices */
    }
}