@font-face {
    font-family: 'archivo';
    src: url('font/archivo_narrow/ArchivoNarrow-VariableFont_wght.ttf');
}
@font-face {
    font-family: 'archivo_b';
    src: url('font/archivo_narrow/static/ArchivoNarrow-Bold.ttf');
}
@font-face {
    font-family: 'archivo_sb';
    src: url('font/archivo_narrow/static/ArchivoNarrow-SemiBold.ttf');
}
body {color:#242424; background: #fafafa;font-family:archivo; margin:0px ;position:absolute;top:0px;left:0px; min-height:100vh;width:100%;}
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    font-family: archivo;
    vertical-align:baseline
} 
  .tline {position:absolute;   height:100%;z-index:4;left:5%  ;}
  .sec_label {position:absolute; left:4.5%;margin-left:-15px; top:40px;z-index:5;font-size:23px;color:#B7B7B7 }
  .sl_icon {vertical-align:middle; background:#fafafa;}
  
.tline::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2px; /* border thickness */
  height: 100%;
  
  /* Dashed look */
  background-image: repeating-linear-gradient(
    to bottom,
    #B7B7B7 0 6px,       /* dash color */
    transparent 6px 12px /* dash gap */
  );

  /* Fade top and bottom */
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    black 15%,
    black 85%,
    transparent 100%
  );
  -webkit-mask-repeat: no-repeat;

  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    black 15%,
    black 85%,
    transparent 100%
  );
  mask-repeat: no-repeat;
}



 @media (max-width: 768px) {
body { position:relative; }
 .tline {display:none;}
 .sec_label {display:none; }
 
    }
	
	.ab_us {min-height:100vh;width:100%;position:relative; background:        linear-gradient(to right bottom, #fafafa 40%, rgba(250,250,250,0.5) 100%),
 url('iconz/wel1.png');  
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto; }
	
	.ab_us::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    /* Top fade */
    linear-gradient(to bottom, #fafafa  0%, transparent 15%),
    /* Bottom fade */
    linear-gradient(to top, #fafafa  0%, transparent 15%),
    /* Left fade */
    linear-gradient(to right, #fafafa  0%, transparent 15%),
    /* Right fade */
    linear-gradient(to left, #fafafa  0%, transparent 15%);
  background-repeat: no-repeat;
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%;
}
.arow {width:100%;position:relative;margin:auto auto;text-align:center;}

 
.arwing {width:60%;padding:0px 0% 5px 0%;display:inline-block;vertical-align:top	;margin-left:2%; text-align:left}
.arwing p {font-size:28px; line-height:35px;}
 .arow h1 {color:#ffae00; font-size:45px;}
.aimgc {  overflow:hidden; width:45%; height:150px;;margin:auto auto;border-radius:0px;background: #eaeaea;margin-bottom:10px;
 box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.5); display:inline-block}
 

.alwing {width:30%;padding:0px 3% 0px 3%;display:inline-block;vertical-align:top;font-size:32px ;margin-top:11px;
  position: relative;
  
  aspect-ratio: 1;  /* keep it square overall */
  overflow: hidden;
}

#sl_1, #sl_2 {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 4 columns */
  grid-template-rows: repeat(2, 1fr);    /* 4 rows */
  gap: 10px; /* no gaps between images */
  transition: transform 1s ease-in-out;
}

#sl_1 { left: 0; }
#sl_2 { left: 100%; }

.aimgc {
  width: 100%;
  height: 100%;
}

.aimgc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}
 @media (max-width: 768px) {
 
 .arow {width:100%;position:relative;margin:auto auto;text-align:center; }
 .alwing { width:100%;display:inline-block;vertical-align:top;font-size:32px }
.arwing {width:94%;padding:10px 3% 5px 3%;display:inline-block;vertical-align:top	; text-align:left; }
.aimgc {  overflow:hidden; width:100%; height:150px ;margin:auto auto;border-radius:0px;background: #eaeaea;margin-bottom:10px;
 box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.5); display:inline-block}
 
    }
	
	/* unvisited link */
a:link {
  color: orange;text-decoration:none;
}

/* visited link */
a:visited {
  color: orange;text-decoration:none;
}

/* mouse over link */
a:hover {
  color: orange;text-decoration:none;
}

/* selected link */
a:active {
  color: orange;text-decoration:none;
}