/* location section */ .ocfa-location-section {   background-color: #FAFAFA;   padding-top: 72px;   padding-bottom: 72px;   width: 100%; } .location-header {   margin-bottom: 40px; } .location-grid {   display: grid;   grid-template-columns: repeat(12, 1fr);   row-gap: 40px;   column-gap: 24px; } .loc-card {   display: flex;   flex-direction: column;   row-gap: 16px;   column-gap: 16px;   width: 100%; } .loc-card:nth-child(1), .loc-card:nth-child(4) {   grid-column: span 5; } .loc-card:nth-child(2), .loc-card:nth-child(3) {   grid-column: span 7; } .loc-img-wrap {   position: relative;   border-top-left-radius: 12px;   border-top-right-radius: 12px;   border-bottom-right-radius: 12px;   border-bottom-left-radius: 12px;   overflow-x: hidden;   overflow-y: hidden;   height: 340px;   width: 100%; } .loc-img-wrap img {   width: 100%;   height: 100%;   object-fit: cover;   object-position: center center;   display: block; } .btn-get-dir {   position: absolute;   bottom: 16px;   left: 16px;   background-color: rgb(255, 255, 255);   color: rgb(15, 45, 89);   padding-top: 10px;   padding-right: 16px;   padding-bottom: 10px;   padding-left: 16px;   border-top-left-radius: 6px;   border-top-right-radius: 6px;   border-bottom-right-radius: 6px;   border-bottom-left-radius: 6px;   font-family: "Inter Tight", sans-serif;   font-weight: 500;   font-size: 14px;   text-decoration-line: none;   text-decoration-thickness: initial;   text-decoration-style: initial;   text-decoration-color: initial;   display: inline-flex;   align-items: center;   row-gap: 8px;   column-gap: 8px;   transition-behavior: normal;   transition-duration: 0.3s;   transition-timing-function: ease;   transition-delay: 0s;   transition-property: all;   box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; } .btn-get-dir i {   transform: rotate(-45deg); } .btn-get-dir:hover {   background-color: rgb(246, 132, 31);   color: rgb(255, 255, 255); } .loc-info {   display: flex;   flex-direction: column;   row-gap: 14.4px;   column-gap: 14.4px;   padding-top: 14.4px;   padding-right: 14.4px;   padding-bottom: 14.4px;   padding-left: 14.4px;   background-color: rgb(255, 255, 255);   border-top-left-radius: 12px;   border-top-right-radius: 12px;   border-bottom-right-radius: 12px;   border-bottom-left-radius: 12px; } .loc-info-item {   display: flex;   align-items: flex-start;   row-gap: 12px;   column-gap: 12px;   color: rgb(71, 85, 105); } .loc-info-item i {   margin-top: 6px;   font-size: 16px; } .loc-address {   font-family: "Inter Tight", sans-serif;   font-size: 22px;   font-weight: 400;   line-height: 140%;   color: rgb(15, 45, 89); } .loc-detail {   font-family: "Inter Tight", sans-serif;   font-size: 18px;   font-weight: 400;   line-height: 140%;   color: inherit;   text-decoration: none; } @media (max-width: 991.98px) {   .location-grid {     row-gap: 32px;     column-gap: 24px;     grid-template-columns: repeat(2, 1fr) !important;   }   .loc-card:nth-child(1) {     grid-column-start: span 1 !important;     grid-column-end: auto !important;   }   .loc-card:nth-child(2) {     grid-column-start: span 1 !important;     grid-column-end: auto !important;   }   .loc-card:nth-child(3) {     grid-column-start: span 1 !important;     grid-column-end: auto !important;   }   .loc-card:nth-child(4) {     grid-column-start: span 1 !important;     grid-column-end: auto !important;   }   .loc-img-wrap {     height: 280px;   } } @media (max-width: 767.98px) {   .ocfa-location-section {     padding-top: 40px;     padding-bottom: 40px;   }   .location-grid {     row-gap: 24px;     column-gap: 24px;     grid-template-columns: 1fr !important;   }   .loc-card:nth-child(1) {     grid-column-start: span 1 !important;     grid-column-end: auto !important;   }   .loc-card:nth-child(2) {     grid-column-start: span 1 !important;     grid-column-end: auto !important;   }   .loc-card:nth-child(3) {     grid-column-start: span 1 !important;     grid-column-end: auto !important;   }   .loc-card:nth-child(4) {     grid-column-start: span 1 !important;     grid-column-end: auto !important;   }   .loc-img-wrap {     height: 240px;   }   .loc-address {     font-size: 20px;   }   .loc-detail {     font-size: 16px;   } } * {   box-sizing: border-box; } body {   margin: 0; } .ocfa-location-section {   background-color: rgb(250, 250, 250);   padding-top: 72px;   padding-bottom: 72px;   width: 100%; } .loc-card:nth-child(1) {   grid-column-start: span 5;   grid-column-end: auto; } .loc-card:nth-child(4) {   grid-column-start: span 5;   grid-column-end: auto; } .loc-card:nth-child(2) {   grid-column-start: span 7;   grid-column-end: auto; } .loc-card:nth-child(3) {   grid-column-start: span 7;   grid-column-end: auto; }