body{font-family: "Roboto Condensed", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 15px; margin:0; padding:0;}

.logo { top: 0px; left: 0px; text-align: center; background-color: #006bad; padding-top: 35px;}
.pg-txt{padding-top:0px!important; padding-bottom:0px!important; color: #fff; font-size:28px}

/*SOCIAL ICON*/
.fa {padding: 10px;  width: 15px; text-align: center; text-decoration: none; margin: 0px 4px 35px 4px; border-radius: 50%;}
.fa:hover {/*opacity: 0.5;*/ color: #00395C; border: 2px solid #00395C;}
.fa-youtube {border: 2px solid #fff; color: #fff;}
.fa-envelope {border: 2px solid #fff; color: #fff;}
.fa-linkedin {border: 2px solid #fff; color: #fff;}
.fa-github {border: 2px solid #fff; color: #fff;}
/*.fa-whatsapp {border: 2px solid #fff; color: #fff;}*/

/* SIDE NAVIGATION START */
.sidenav {width: 340px; position: fixed; z-index: 1; top: 330px; left: 0; overflow-x: hidden; padding-top: 50px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 400;}
.sidenav a {padding: 10px 0px 10px 80px; text-align: left; text-decoration: none; font-size: 20px; color: #fff; display: block; background: url("../images/sep-main-menu.png"); background-position: bottom; background-repeat: no-repeat; }
.sidenav a:hover {color: #000;}
.copyright { position: fixed; color: #fff; width: 340px; text-align: center;  top:95%; font-size: 16px; font-weight: 400;}
.pg-sidebar{height:100%; width:100px; position:fixed!important; z-index:1; overflow:auto}
.pg-white, .pg-hover-white:hover{color:#fff!important;background-color:#006bad!important}
.h2{font-size: 45px; font-weight: bold; letter-spacing: 2px; line-height: 10px; margin-left: 50px; margin-top: 50vh; color: #fff; }
/* SIDE NAVIGATION END */



.pg-main, #main{ margin-left: 350px; font-size: 19px; color: #000000; text-align: justify; /*width: 96.5%;*/ line-height: 25px; padding: 20px 35px 0 25px;}
/*.pg-main a {text-decoration: none; color: #051A7E;}
.pg-main a:hover {text-decoration: underline; color: #051A7E;}*/

.page-head{font-size: 28px; font-weight: bold; color: #006699; border-bottom: solid #ffcc00; text-transform: uppercase; border-bottom-width: 2px; text-align: left;}

.containt-head{font-size: 25px;}
.containt{font-size: 20px; color: #000000; text-align: justify;}
.containt a{color: #093CB1; text-decoration: none; font-weight: bold;}
.containt a:hover{color: #965104; text-decoration: underline;}

.pg-main-link{font-size: 20px; color: #051A7E; text-decoration: none;}
.pg-main-link a{color: #093CB1; text-decoration: none; font-weight: bold;}
.pg-main-link a:hover{color: #965104; text-decoration: underline;}


.sub-page-head{font-size: 23px; font-weight: bold; text-transform: uppercase; border-bottom: solid #BFBFBF 1px; width: 100%; }
.sub-head{color: #940808; text-transform: uppercase; font-size: 21px; line-height: 50px; /* text-decoration: underline;*/ border-bottom: solid 2px; }
/*.main img{border: solid #999999 1px; border-radius: 15px; margin-right: 25px;}*/

.project-img{border: solid #999999 1px; border-radius: 15px; margin-right: 25px; padding: 0; width: auto;}
.project-img2{margin-right: 25px; padding: 0; width: auto; }
.project-img3{border: solid #999999 1px; border-radius: 15px; padding: 0;}


/*strong{color: red;}*/
/*.p2{font-size: 35px; color: #00ccff; line-height: 10px; font-weight:bold;}*/

.prod-item-2{width:100%;margin: 0px; float:left; align-items:center; height:auto}
.prod-item-head{border-top:2px solid #e0b67c;width:100%;height:auto;text-align:center;text-transform:uppercase;padding:40px 0;font-size:165%;float:left;color:#A87124}
.subprod-head{color:#A36408;text-align:left;padding:0 0 10px 0;text-transform:uppercase;font-size:110%;font-weight:300}
.subprod-head-txt{font-size:17px; line-height:25px;overflow:hidden; margin-top:-10px; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.subprod-head-txt a {text-decoration: none; color: #051A7E;}
.subprod-head-txt a:hover {text-decoration: underline; color: #051A7E;}
/*.subprod-head-txt strong{font-weight:500}.column{float:left;width:25%;padding:0 10px 20px 10px;font-size:63%; text-align:justify}*/

.column h2{font-size:140%;font-weight:600}
.card img{border:10px solid #fff;border-radius:0;width:100%;height:auto;aspect-ratio:2/1}
.card{border:1px solid #ccc;border-radius:0;width:100%}
.container{padding:0 16px 0 16px}
.container:after{content:"";clear:both;display:table}
.responsive-img-prods{width:100%;height:auto;aspect-ratio:2/1;}
.column{float:left;width:30%;padding:0 10px 50px 10px;font-size:63%;text-align:justify;}
.column h2{font-size:25px;font-weight:600}.card img{border:5px solid #fff;border-radius:0;width:97.8%;height:auto;aspect-ratio:2/1}



.button{border:0px solid #CCA15C;border-radius:0;display:inline-block;padding:8px;margin:16px;background-color:#fff;text-align:center;cursor:pointer;width:auto;text-decoration:none;color:#000;font-size:80%;font-weight:500}
.button:hover{background-color:#CCA15C;color:#fff;transition:.5s}

.header-button{color:#A36408;border-radius:0;display:inline-block;padding:8px 0;margin:0;background-color:#fff;cursor:pointer;width:auto;text-decoration:none;font-size:180%; font-weight: bold;}
.header-button:hover{color:#000;text-decoration:underline;transition:.5s}

.timeline-txt{text-align: justify; margin-left: -15px; }


.pg-right{float:right!important; margin-right: 35px;}
.pg-btn,.pg-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}


.pg-top,.pg-bottom{position:fixed;width:100%;z-index:1}
.pg-top{top:0}.pg-bottom{bottom:0}
.pg-top{top:0}.pg-bottom{bottom:0}
.pg-container,.pg-panel{padding:0.01em 16px}
.pg-panel{margin-top:16px;margin-bottom:16px}
.pg-center{text-align:center!important}
.pg-xlarge{font-size:24px!important}
.pg-padding{padding:8px 16px!important}
.pg-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.pg-left{float:left!important}

/*
@media (min-width:601px){}
@media (min-width:993px){}
@media (max-width:1205px){}
@media (max-width:600px){}
@media (max-width:768px){}
*/
@media (min-width:993px){.pg-hide-large{display:none!important}}
@media (max-width:992px){.pg-hide-medium{display:none!important}
/*.containt */
.pg-main{font-size: 19px; color: #000000; text-align: justify; line-height: 25px; padding: 20px; margin-top: 70px;}
}
@media (max-width:992px){.pg-sidebar.pg-collapse{display:none} 
.pg-main{margin-left:0!important;margin-right:0!important; width: 90%;}
/*.pg-auto{max-width:100%}*/
.column{width:96%;display:block;padding:0 10px 30px;font-size:110%;text-align:left;}
.container{text-align:justify; text-wrap:wrap; }
.subprod-head-txt{font-size:110%;font-weight:400;line-height:30px}

.header-button{color:#A36408;border-radius:0;display:inline-block;padding:8px 0; margin:0; background-color:#fff; cursor:pointer; width:auto;text-decoration:none;font-size: 28px; font-weight: bold; line-height:35px}
.header-button:hover{color:#000;text-decoration:underline;transition:.5s}

.sub-page-head{font-size: 22px; font-weight: bold; text-transform: uppercase; border-bottom: solid #BFBFBF 1px; width: 100%; text-align: left;}
.project-img{border: solid #999999 1px; border-radius: 15px; margin-right: 25px; padding: 0; width: 100%;}
.project-img2{margin-right: 0px; padding: 0; width: 100%;}
	
.page-head{font-size: 4.1vw; font-weight: bold; color: #006699; border-bottom: solid #ffcc00; text-transform: uppercase; border-bottom-width: 2px; text-align: left; line-height: 35px;}
	

.pg-main-link{color: #051A7E; text-decoration: none; line-height: 0px;}
.pg-main-link a{color: #093CB1; text-decoration: none; font-weight: bold;}
.pg-main-link a:hover{color: #965104; text-decoration: underline;}

}



/* Container and Central Line */
.timeline {
  position: relative;
  /*max-width: 100%;*/
  /*margin: 10px auto;*/
  /*padding: 20px 0;*/
}

.timeline::after {
  content: '';
  position: absolute;
  width: 4px;
  background-color: #2c3e50;
  top: 0; bottom: 0;
  left: 50%;
  margin-left: -2px;
}

/* Individual Items */
.timeline-item {
  padding: 10px 40px;
  position: relative;
  width: 50%;
  box-sizing: border-box;
}

/* Left & Right Positioning */
.left { left: 0; text-align: right; }
.right { left: 50%; text-align: left; }

/* The Connection Dots */
.timeline-dot {
position: absolute;
  width: 50px; height: 50px;
  background-color: #000000; /*#006699;*/
  border: 3px solid #BFBFBF;
  border-radius: 50%;
  top: 20px; z-index: 1;
  box-shadow: 0 0 0px rgba(0,0,0,0.2);
}

.timeline-logo {position: absolute; left: 0;  /*transform: translateX(-75%);*/}

.timeline-dot img {
  width: 100%; /* Adjust based on logo padding preference */
  height: 100%;
  object-fit: contain;
}


.left .timeline-dot { right: -28px; }
.right .timeline-dot { left: -28px; }

/* Content Card Styling */
.timeline-content {
  padding: 15px 15px 0 15px;
  /*background-color: #f4f4f4;*/
  border: solid 1px; border-color: #B7B7B7; 
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.timeline-date {
  font-size: 22px;
  text-transform: uppercase;
  color: #A36408/*#006699*/;
  margin-top: 25px;
  margin-bottom: 15px;
  display: block;
}

.timeline-content h3 { margin: 0 0 15px; color: #006699; font-size: 20px;text-transform: uppercase; font-weight: normal;}
.timeline-content h4 { margin: 0 0 10px; color: #940808; font-size: 18px; text-transform: uppercase; font-weight: 600;}

/* Mobile View (Max-width 768px) */
@media screen and (max-width: 768px) {
  .timeline::after { left: 31px; } /* Move line to the left */
  
  .timeline-item {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
    text-align: left;
  }
  
  .right { left: 0; }
  .left .timeline-dot, .right .timeline-dot { left: 3px; }
}