@font-face {
  font-family: 'Romerio';
  src: url('fonts/Romerio.ttf') format('truetype');
}

.accordion {
  font-family: 'Romerio', sans-serif;
}
.pic2 {
    box-shadow: 6px 6px 16px rgba(0, 0, 0, 0.25); /* more noticeable yet soft shadow */
}
.Ourbenefits {
    width: 100%;          /* let it use full available space */
    max-width: none;      /* remove theme-imposed width limit */
    margin: 0 auto;       /* center horizontally */
    padding: 20px 40px;   /* internal spacing */
    box-sizing: border-box;
}

/* Override any inner container that might restrict width */
.Ourbenefits .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.Ouroffices {
    width: 80%;              /* wider than boxed */
    max-width: none;         /* remove any theme-imposed limit */
    margin: 0 auto;          /* center section */
    padding: 20px 0;         /* internal spacing */
    box-sizing: border-box;
}

.Ouroffices .container {
    max-width: 100%;         /* override inner container if theme adds a boxed limit */
    width: 100%;
    padding: 0;
}
.smallmeetingroombox {
    border-radius: 12px; /* rounds the corners */
    box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.2); /* subtle shadow */
    padding: 20px; /* optional: adds space inside the box */
    background-color: #fff; /* optional: ensures shadow is visible */
    box-sizing: border-box;
}
.Mediumboardroomsbox {
    border-radius: 12px; /* rounded corners */
    box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.2); /* soft shadow */
    padding: 20px; /* optional: space inside the box */
    background-color: #fff; /* ensures shadow is visible */
    box-sizing: border-box;
}
.Largemeetingbox {
    border-radius: 12px; /* rounded corners */
    box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.2); /* soft shadow */
    padding: 20px; /* optional: adds space inside the box */
    background-color: #fff; /* ensures shadow is visible */
    box-sizing: border-box;
}
/* ==========================
   Room Boxes: Rounded + Shadow
   ========================== */
.smallmeetingroombox,
.Mediumboardroomsbox,
.Largemeetingbox {
    border-radius: 12px; /* rounded corners */
    box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.2); /* soft shadow */
    padding: 20px; /* internal spacing */
    background-color: #fff; /* ensures shadow is visible */
    box-sizing: border-box;
}

/* ==========================
   Offices Row: Columns + Spacing
   ========================== */
.Officesrow {
    display: flex;                   /* align columns in a row */
    gap: 20px;                       /* space between columns */
    flex-wrap: nowrap;                /* prevent wrapping on desktop */
    justify-content: space-between;  /* even spacing */
}

.Officesrow .column {
    flex: 1 1 0;   /* columns shrink proportionally if needed */
    min-width: 0;  /* prevent overflow from content */
}

/* ==========================
   Responsive Tip: Stack Columns on Small Screens
   ========================== */
@media (max-width: 768px) {
    .Officesrow {
        flex-wrap: wrap; 
    }
    .Officesrow .column {
        flex: 1 1 100%;  /* full width on small screens */
        margin-bottom: 20px; /* spacing between stacked columns */
    }
}
/* Make the section wider than boxed but not full width */
.Sevenboxes {
    width: 80%;           /* use all available space in parent */
    max-width: none;       /* remove any theme-imposed limit */
    margin: 0 auto;        /* center the section */
    padding: 20px 60px;    /* internal spacing */
    box-sizing: border-box;
}

/* Override inner container if it exists */
.Sevenboxes .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}
.Sevenboxes .box {
    border-radius: 8px;                 
    box-shadow: 3px 3px 10px rgba(0,0,0,0.15); 
    box-sizing: border-box;             
    margin-bottom: 20px; /* space below each box to match top spacing */
}
.Corevalues {
    width: 85%;         /* wider than boxed (usually ~70%) */
    max-width: none;    /* remove theme limit if any */
    margin: 0 auto;     /* keep it centered */
    padding: 40px 20px; /* maintain internal spacing */
}