@charset "utf-8";


.container { max-width: none !important; }
.header { border-radius: 50px; background-color: #cc2c24; display: flex; width: 90%; align-items: center; justify-content: center; padding: 20px 70px; font-family: Manrope, sans-serif; }
.header-content { display: flex; width: 100%; max-width: 1159px; justify-content: space-between;}
.logo { aspect-ratio: 0; object-fit: contain; width: 50%; }
.nav-menu { display: flex; gap: 50px; font-size: 26px; color: #f2f0f0; font-weight: 600; }
.order-btn { border-radius: 50px; background-color: #f2f0f0; padding: 6px 64px; font-size: 200%; color: #000; font-weight: 500; }
.main-content { display: flex; flex-direction: column; align-items: center; margin-top: 50px; width: 100%; max-width: 1160px; }
.services-grid { display: flex; gap: 0px; width:100%; }
.service-card { border-radius: 10px; width: 100%; overflow: hidden; position: relative; margin: 1px;}
.service-overlay { border-radius: 5px; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; color: #f2f0f0; font: 500 52px/1.1 Manrope, sans-serif; }
.service-title { font-size: 52px; }
.service-icon { aspect-ratio: 1; width: 45px; }
.about-section { margin-top: 150px; width: 100%;}
.section-title { color: #000; font: 500 36px Manrope, sans-serif; margin-bottom: 60px; }
.stats-grid { display: flex; gap: 50px; font-family: Manrope, sans-serif; color: #000; flex-wrap: wrap; }
.stat-item { display: flex; flex-direction: column; }
.stat-number { font-size: 52px; font-weight: 600; }
.stat-description { font-size: 20px; font-weight: 500; margin-top: 5px; }
.about-description { color: #000; margin-top: 80px; font: 500 24px Manrope, sans-serif; }
.footer { border-radius: 50px; background-color: #013eb5; margin-top: 150px; width: 90%; padding: 40px 70px; font-family: Manrope, sans-serif; color: #f2f0f0; }
.footer-content { display: flex; width: 100%; max-width: 1160px; justify-content: space-between; }
.contact-info { display: flex; flex-direction: column; align-items: flex-start; }
.contact-title { font-size: 36px; font-weight: 500; margin-bottom: 15px; }
.phone-number { font-size: 52px; margin-bottom: 17px; }
.social-links { display: flex; gap: 15px; }
.social-btn { border-radius: 50px; background-color: #f2f0f0; color: #000; padding: 10px 25px; font-size: 28px; }
.footer-links { display: flex; margin-top: 40px; gap: 25px; flex-wrap: wrap; }
.footer-link { flex-grow: 1; }
.company-info { text-align: right; }
.company-logo { aspect-ratio: 0; width: 60%; margin-bottom: 27px; }
.company-address { font-size: 28px; font-weight: 500; margin-bottom: 32px; }
.copyright { font-size: 28px; }

a {
  background-color: ;
  color: white;
  padding: 0em 0em;
  text-decoration: none;
  text-transform: uppercase;
}


@media (max-width: 991px) {
    .header, .footer { padding: 20px; vertical-align: middle}
    .header-content, .footer-content, .main-content, .services-grid, .social-links { flex-direction: column; }
    .service-title, .stat-number, .phone-number, .nav-menu { font-size: 40px; }
    .about-section, .footer { margin-top: 40px; }
    .stats-grid { gap: 20px; }
    .about-description { margin-top: 40px; }
	.logo { aspect-ratio: 0; object-fit: contain; width: 100%; }
	.company-logo { flex-direction: column;  width: 100%; margin-bottom: 27px; }
	.company-address { font-size: 48px;  margin-bottom: 32px; }
.copyright { font-size: 48px; }
	.company-info { text-align:center; }
	.social-btn { border-radius: 50px; background-color: #f2f0f0; color: #000; padding: 20px 25px; font-size: 48px; }
	
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}