/* about */
/*.about{ padding:60px 20px;background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)),url('../images/pss-gallery-04.jpg') center/cover no-repeat; }*/
.about{ background-color:#f7f9fc;padding:60px 20px;}
.about-container{max-width:1200px;display:flex;align-items:center;justify-content:space-between;gap:40px;margin:auto;}
.about-text {background-color:#fbfbfb;padding:30px;border-radius:6px;
	flex:1;text-align:left;animation:fadeInleft 1s ease;margin-top:0; }
.about-text h2 {color:#003366;margin-bottom:20px;}
.about-text p { margin-bottom:20px;line-height:1.8;color:#555;}
.about-image { flex:1;animation:fadeInleft 1s ease; }
.about-image img { width:100%;height:350px;border-radius:8px;object-fit:cover;object-position:center;box-shadow:0 4px 12px rgba(0,0,0,0.1);}

/* Slide */
.mySlides {display: none;}
img {vertical-align: middle;}
.slideshow-container {padding:10px 0px;position: relative;margin: auto;}
.dot {height: 15px;width: 15px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}
.fade {animation-name: fade;animation-duration: 1.5s;}
@keyframes fade {from {opacity: .4} to {opacity: 1}}

/* Animator */
@keyframes fadeInleft{from { opacity:0;transform: translateX(-30px);}to { opacity:1;transform: translateX(0);}}
@keyframes fadeInRight{from { opacity:0;transform: translateX(30px);}to { opacity:1;transform: translateX(0);}}

/* subheader */
.subheader{padding:60px 20px;background:linear-gradient(360deg,#f7f9fc 0%,#e5efff);
	text-align:center;}
.subheader h2{ margin-bottom:20px;}
.subheader p{ margin-bottom:40px;}
.btn-phone { background:#ff6600;color: #fff;padding: 15px 30px;text-decoration: none; font-size:1.5rem;
	border-radius: 30px; margin-top: 25px; transition: 0.3s;box-shadow:0 4px 15px rgba(255,204,0,0.3);}
.btn-phone:hover{ transform:translateY(-13px);}
/* Gallery  */
.gallerys{padding:60px 20px; background:#f7f9fc;text-align:center;}
.gallerys-container{max-width:1200px;margin:auto;}
.gallerys-grid{ display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:0px;}
.gallery-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.1);transition:transform 0.3s;}
.gallerys img{ width:100%;height:auto;object-fit:cover;filter:grayscale(30%);transition:0.3s;}
.gallerys img:hover{filter:grayscale(0%);transform:scale(1.05);}

/* service */
.offers{ background:linear-gradient(180deg,#f7f9fc 50%,#e5efff );text-align:center;}
.offers h2{color:#003366;text-align:left;border-left:0px solid #003366;padding-left:0px;}
.offers p{margin-bottom:20px;}
.offers h3{color:#555;margin-bottom:20px;text-align:left;border-left:0px solid #003366;padding-left:0px;}
.offers-container{max-width:1200px;padding:0px 1px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:auto;align-items:flex-start;}

/* service list */
.services-list{flex:1;text-align:left;padding:0 10px;}
.service-content{display:flex;align-items:center;}
.service-card{background:#e5efff;margin-bottom:5px;border-radius:8px;overflow:hidden;padding:5px;}
.service-card img{width:40px;height:40px;object-fit:cover;border-radius:0px;margin-right:10px; border:2px;}
.service-text h4{margin:5px 0 0 0;color:#003366;}
.service-text p{margin:0 0 5px 0;color:#555; padding-top:2px;}

.products-list{flex:1;}
.products-list h2{text-align:left;padding-left:10px;}
.products-list p{text-align:left;padding-left:10px;}
/*.products-list h3{ margin-bottom:20px;text-align:left;} */
.product-grid{ display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:50px;padding:0 10px;}
.product-card{background:#f7f9fc;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.1);transition:transform 0.3s;}
.product-img {width:100%;height:150px;object-fit:cover;margin-bottom:5px;}
.product-card h4{ color:#003366;text-align:center;margin-bottom:2px;}
.product-card p {color:#555;margin-bottom:10px;text-align:center;}

/* Cus-logo */
.logo-cus{width:140px;height:76px;}

/* logo-slider */
.logo-slider{ background:#f7f9fc;overflow:hidden;text-align:center;padding:60px 20px;}
.slider-container{max-width:1200px;overflow:hidden;position:relative;margin:0 auto;}
.slider-track{ display:flex;width:max-content;animation:scroll 40s linear infinite;}
.slider-track:hover{animation-play-state:paused;cursor:pointer;}
.slide{width:250px;height:150px;display:flex;align-items:center;justify-content:center;padding:0 10px;}
.slide img{border:1px solid #003366;background:#fbfbfb;width:100%;height:auto;border-radius:8px;filter:grayscale(30%);transition:0.3s;}
.slide img:hover{filter:grayscale(0%);transform:scale(1.05);}
@keyframes scroll{ 0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* project */

.projects{ background:linear-gradient(180deg,#f7f9fc 0%,#edf3fd);padding:60px 20px;text-align:center;}
.projects h2{ text-align:left;}
.projects p{ text-align:left;}
.projects-container{ max-width:1200px;margin:auto;}
.projects-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:40px;}
.projects-grid{ opacity:0;transform:translateY(40px) scale(0.95);transition:all 1s cubic-bezier(0.2,0.8,0.2,1);}
.projects-grid.active{opacity:1;transform:translateY(0) scale(1);}
.project-card{ background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.1);transition:transform 0.3s;}
.projects-card:hover{ transform:translateY(-5px);}
.project-img{ width:100%;height:auto;object-fit:cover;}
.project-info{ padding:15px;}
.project-logo{ width:180px;height:93px;border:1px solid #e2e2e2;border-radius:8px;background:#fbfbfb;margin-bottom:20px;}
.project-card h3{ text-align:center;}
.project-card p{ text-align:left;}

.wrapper{margin-bottom:20px;}
.plink { text-align:center;background:#ffd700;text-decoration: none;color:#000;font-size:0.9rem; 
	border-radius:50px;padding:10px 20px;margin-bottom:0px;margin-right:10px;transition:background-color 0.3s;}
.plink:hover{ background:#ffe975;}
.slink {background:#006633;text-decoration: none;color:#fff;font-size:0.9rem; 
	border-radius:50px;padding:10px 20px;margin-bottom:0px;margin-right:10px;transition:background-color 0.3s;}
.slink:hover{ background:#1c9357;}
.pdate {color:#000; padding:10px 20px;margin-bottom:0px;margin-right:10px;font-size:0.9rem;}

/* safety*/
.safetys{  background:#f7f9fc; padding:60px 20px;text-align:center;}
.safetys h2{margin-bottom:20px;text-align:left;border-left:0px solid #003366;padding-left:10px;}
.safetys p{margin-bottom:20px;text-align:left;border-left:0px solid #003366;padding-left:10px;}
.safetys-container{max-width:1200px;margin:auto;}
.safetys-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:50px;}
.safety-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.1);transition:transform 0.3s;}
.safety-card p{color:#555;}
.safety-info{ padding:15px;}
.safety-img{ width:100%;height:auto;object-fit:cover;}
.safety-card h3{ margin:15px 0 5px;color:#003366;text-align:center;}
.safety-card p{ padding:0px;color:#555;text-align:left;}



/* Responsive */
@media (max-width: 768px) {
 
  .service-grid{grid-template-columns:1fr;}

  .cards { flex-direction: column; align-items: center; }
  .about-container{flex-direction:column;text-align:left; }
  
  .profiles-grid{grid-template-columns:1fr;}
  

  .product-card h3{ font-size:1.0rem;}
  .product-card p{ font-size:0.8rem;}
  .product-grid{gap:10px;}

}