.about_container_section{
      /* max-width: 1100px; */
  margin: 60px auto;
  padding: 0 20px;
  color: #cbd5e1;
}
.about_heading_txt{
     max-width: 600px;
  margin: 0 auto 50px;
  text-align: center;
}
.about_heading_txt h1{
      color: #f8fafc;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}
.about_heading_txt span{
  color: rgb(60, 131, 246);
}
.about_heading_txt p{
      color: rgb(148, 163, 184);
  font-family: "Inter", system-ui, sans-serif;
  font-size: 14px;
  margin-top: 14px;
  line-height: 1.6;
}
.grid_container_div{
  /* max-width: 320px; */
  width: 100%;
  text-align: center;

  backdrop-filter: blur(24px);
  background-color: rgba(11, 17, 30, 0.88);
  border: 1px solid rgba(29, 40, 57, 0.5);
  border-radius: 16px;
  box-shadow: rgba(5, 8, 15, 0.45) 0px 10px 35px;
  padding: 24px;
}
.icon_about{
    border: 0px solid rgb(29, 40, 57);
    background-color: rgba(37, 211, 102, 0.2);
    border-radius: 9999px;
    display: flex;
    align-items: center;
    height: 45px;
    width: 45px;
    text-align: center;
    justify-content: center;
 margin: 0 auto 12px;
}
.about_txt h3{
    font-family: "Space Grotesk", system-ui, sans-serif;
    font-size: 11.25px;
    font-weight: 700;
    margin-bottom: 4.5px;
    color: rgb(248, 250, 252);
    text-align: center;
    line-height: 11.25px;
}
.grid_container_div {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.grid_container_div:hover {
  transform: translateY(-4px);
  box-shadow: rgba(5, 8, 15, 0.6) 0px 14px 40px;
}

.about_txt p{
        color: rgb(148, 163, 184);
  font-family: "Inter", system-ui, sans-serif;
  font-size: 7.875px;
  margin-bottom: 9px;
  text-align: center;
  line-height: 1.6;
  line-height: 11.25px;
}
.cnt_bth{
    background-color: rgb(37, 211, 102);
    border-radius: 4.75px;
    border: 0px solid rgb(29, 40, 57);
    display: inline-flex;
    align-items: center;
  font-family: "Inter", system-ui, sans-serif;
font-size: 9px;
font-weight: 600;
justify-content: center;
margin-top: 13.5px;
padding: 10px 18px;
gap: 5px;
}
.link_btn{
  color: #000;
}
.cnt_link{
    font-family: "Space Grotesk", system-ui, sans-serif;
    color: rgb(60, 131, 246);
font-size: 13.5px;
font-weight: 700;
/* margin-top: 13.5px; */
text-align: center;
text-decoration: none;
}
.about_grid_div{
     max-width: 700px;          
  margin: 60px auto;         
  
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
/* ================= RESPONSIVENESS ================= */

/* Tablets */
@media (max-width: 900px) {
  .about_grid_div {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .grid_container_div {
    padding: 22px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .about_grid_div {
    grid-template-columns: 1fr;
    max-width: 360px;   /* keeps the box centered & not too wide */
  }

  .grid_container_div {
    padding: 24px;
  }

  .about_txt h3 {
    font-size: 13px;
  }

  .about_txt p {
    font-size: 11px;
    line-height: 1.6;
  }

  .cnt_bth {
    font-size: 11px;
    padding: 12px 20px;
  }
}
.schedule {
  max-width: 420px;
  margin: 60px auto;
  padding: 22px;

  backdrop-filter: blur(24px);
  background-color: rgba(11, 17, 30, 0.88);
  border: 1px solid rgba(29, 40, 57, 0.5);
  border-radius: 16px;
  box-shadow: rgba(5, 8, 15, 0.45) 0px 10px 35px;

  color: rgb(203, 213, 225);
  font-family: "Inter", system-ui, sans-serif;
}

/* GRID WRAPPER */
.schedules_wording_days_grid {
  max-width: 800px;
  margin: 70px auto;
  padding: 0 16px;

  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

/* CARD */
.schedule {
  padding: 22px;

  backdrop-filter: blur(24px);
  background-color: rgba(11, 17, 30, 0.88);
  border: 1px solid rgba(29, 40, 57, 0.5);
  border-radius: 16px;
  box-shadow: rgba(5, 8, 15, 0.45) 0px 10px 35px;

  color: rgb(203, 213, 225);
  font-family: "Inter", system-ui, sans-serif;
}

/* CARD HEADER */
.schedule_icon_txt {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}

.schedule_icon_txt svg {
  color: rgb(59, 130, 246);
}

.schedule_icon_txt h3 {
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: rgb(248, 250, 252);
}

/* BUSINESS HOURS LIST */
.flex_schedule {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.flex_li {
  display: flex;
  justify-content: space-between;
  align-items: center;

  padding: 10px 12px;
  border-radius: 10px;
  background-color: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(29, 40, 57, 0.4);
}

.flex_li span:first-child {
  font-size: 13px;
  color: rgb(226, 232, 240);
}

.flex_li span:last-child {
  font-size: 13px;
  font-weight: 600;
  color: rgb(59, 130, 246);
}

/* NOTE */
.flex_schedule p {
  margin-top: 14px;
  font-size: 11px;
  color: rgb(148, 163, 184);
  line-height: 1.6;
}

/* LOCATION TEXT */
.space_txt_div p {
  font-size: 13px;
  line-height: 1.7;
  color: rgb(203, 213, 225);
  margin-bottom: 12px;
}

/* ADDRESS (first paragraph tighter) */
.space_txt_div p:first-child {
  font-weight: 500;
  color: rgb(226, 232, 240);
}

/* GET DIRECTION LINK */
.space_txt_div a {
  display: inline-flex;
  align-items: center;
  gap: 6px;

  margin-top: 10px;
  padding: 8px 14px;

  background-color: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(29, 40, 57, 0.4);

  border-radius: 10px;
width: 100%;
  font-size: 12px;
  font-weight: 600;
  color: rgb(226, 232, 240);
  text-decoration: none;
  transition: 0.4s;
}

.space_txt_div a:hover {
  background-color: rgb(59, 130, 245);
  color: #0b111e;
}

.space_txt_div a svg {
  fill: currentColor;
}
.schedule_icon_txt svg {
  width: 14px;
  height: 14px;

  padding: 8px;
  border-radius: 999px;

  background-color: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.35);
  color: rgb(59, 130, 246);
}

/* HOVER EFFECT */
.schedule:hover {
  border-color: rgba(59, 130, 246, 0.6);
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .schedules_wording_days_grid {
    grid-template-columns: 1fr;
    gap: 12px; /* ↓ reduce space between cards */
  }

  .schedule {
    margin: 10px;          
    padding: 14px;      
  }
}
@media (max-width: 480px) {
  .schedules_wording_days_grid {
    gap: 8px;
  }
}