/* ══════════════════════════════════════════
       OUR LOCATION SECTION
   ══════════════════════════════════════════ */
 .location-section {
     background: #F2F4FF;
     padding: 80px 0;
 }

 .location-badge {
     display: inline-block;
     font-family: "f1", sans-serif;
     font-size: 13px;
     font-weight: 500;
     color: #2C4A6E;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     border: 1.5px solid #2C4A6E;
     border-radius: 50px;
     padding: 6px 18px;
     background: transparent;
 }

 .location-title {
     font-family: "f5", serif;
     font-size: clamp(40px, 6vw, 68px);
     color: #1e2f52;
     line-height: 1.1;
     font-weight: 700;
     letter-spacing: -1px;
     margin-bottom: 16px;
 }

 .location-subtitle {
     font-family: "f1", sans-serif;
     font-size: 18px;
     color: #555;
     max-width: 520px;
     margin: 0 auto;
     line-height: 1.7;
 }

 /* Contact info card */
 /* .location-info {
     background: #1e2f52;
     border-radius: 16px;
     padding: 40px 32px;
     color: #fff;
     height: 100%;
 } */

 .location-info-title {
     font-family: "f4", serif;
     font-size: 26px;
     color: #000000;
     font-weight: 700;
     margin-bottom: 6px;
 }

 .location-info-sub {
     font-family: "f1", sans-serif;
     font-size: 18px;
     color: #444444;
     margin-bottom: 36px;
 }

 .location-item {
    display: flex;
    flex-direction: column;   
    align-items: center;      
    text-align: center;  
    gap: 12px;
    margin-bottom: 32px;
 }


 
 .location-item:last-child {
     margin-bottom: 0;
 }

 .location-icon {
     width: 44px;
     height: 44px;
     background: #2e3a8c;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     color: #ffffff;
     font-size: 17px;
 }

 .location-item p {
     font-family: "f1", sans-serif;
     font-size: 18px;
     color:#444444;
     line-height: 1.65;
     margin: 0;
     padding-top: 0px;
 }

 /* Map wrapper */
 .location-map {
     border-radius: 16px;
     overflow: hidden;
     box-shadow: 0 12px 40px rgba(30, 47, 82, 0.12);
     height: 100%;
     min-height: 460px;
 }

 .location-map iframe {
     display: block;
     min-height: 460px;
 }

 /* Responsive */
 @media (max-width: 992px) {
     .location-info {
         margin-bottom: 24px;
     }

     .location-map {
         min-height: 360px;
     }

     .location-map iframe {
         min-height: 360px;
     }
 }

 @media (max-width: 576px) {
     .location-section {
         padding: 56px 0;
     }

     .location-title {
         font-size: 38px;
     }

     .location-info {
         padding: 28px 20px;
     }
 }