/* Footer */
footer { background: #003366; color: #fff;text-align: center;padding: 20px;}
footer h3{color:#f5c518;margin:20px 0;}
.site-footer{color:#ccc;padding:40px 20px 20px;background:linear-gradient(to top,#011b35 0%,#003366 100%);}
.footer-container{display:flex;flex-wrap:wrap;justify-content:space-betwwen;text-align:left;/* max-width:1200px;margin:0 auto;*/gap:20px; }
.footer-about,.footer-links,.footer-contact{ flex:1 1 250px;}
.footer-about p{padding-bottom:20px;}
.footer-links h4,.footer-contact h4{margin-bottom:10px;color:#d4af37;}
.footer-links ul{list-style:none;padding:0;}
.footer-links ul li{margin-bottom:8px;}.footer-links ul li a{color:#cccccc;text-decoration:none;transition:color 0.3s ease;}
.footer-links ul li a:hover{color:#d4af37;}
.footer-contact img{border-radius:8px;}
.footer-contact p{margin:5px 0;}
.footer-bottom{text-align:center;margin-top:30px;border-top:1px solid #444;padding-top:15px;font-size:14px;color:#999999;}
.flink{ color:#ffffff; text-decoration: none; padding-right:5px;}
.flink:hover{ font-size:16px; font-weight:bold;}

.floating-icons{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:998;}
.floating-icons a{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;
		background-color:#00c300;color:white;font-size:24px;text-decoration:none;box-shadow:0 4px 6px rgba(0,0,0,0.2);
		transition:transform 0.2s,background-color:0.2s;}
.floating-icons a:hover {transform:scale(1:1);}
.floating-icons a.back-to-top{background-color:#333;}



@media (max-width: 992px) {
  .nav-links { display: none; flex-direction: column; background: #003366; }
  .nav-links li { margin: 10px 0; }
  .burger { display: block; }
  .projects-grid{grid-template-columns:repeat(2,1fr);}
  .safetys-grid{grid-template-columns:repeat(2,1fr);}
	
	section h2 { font-size:1.6rem; }
	section h3 {font-size:1.2rem; }
	section h4 { font-size:1.1rem; }
	section p{ color: #555; margin-bottom: 40px;font-size:1.1rem;}
}

@media (max-width: 768px) {

  .hero-subheader{padding:0 20px;}
  .hero-subheader h1{ font-size: 1.6rem;}
  .hero-subheader p {font-size: 1.2rem; }

	section h2 { font-size:1.4rem; }
	section h3 {font-size:1.1rem;  }
	section h4{ font-size:1rem;}
    section p{ font-size:1rem; }
   
  .offers-container{grid-template-columns:1fr;}
  .projects-grid{grid-template-columns:1fr;}
  .safetys-grid{grid-template-columns:1fr;}
  .gallerys{padding:30px 20px;}
  .gallerys-grid{grid-template-columns:repeat(2,1fr);}
  
}