/* ========================================
   Location Cards Section - Base Styles
======================================== */

.location-cards-section {
    overflow: hidden;
    padding-bottom: 0px;
}

.location-cards-section .swiper {
    overflow: visible;
    padding-top: 30px;
}

/* ========================================
   Card Border Radius
======================================== */

.location-card {
    border-radius: 20px 0 0 20px;
}

/* ========================================
   Header Wrapper
======================================== */

.location-cards-section .header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
}

/* ========================================
   Header Content
======================================== */

.location-cards-section .section-content {
    max-width: 860px;
    position: relative;
}

.location-cards-section .header-wrapper::after {
    content: url('/wp-content/uploads/2025/11/Certero-Gradient.png');
    position: absolute;
    top: 0px;
    right: 0px;
    pointer-events: none;
    transform: scale(1.1);
    transform-origin: top right;
}
@media(max-width: 768px) {
    .location-cards-section .header-wrapper::after {
        display: none;
    }
}
/* ========================================
   Typography
======================================== */

.location-cards-section h2 {
    text-transform: capitalize;
}

/* ========================================
   Swiper Container
======================================== */

.location-cards-swiper .swiper-slide {
    height: auto;
}

/* ========================================
   Location Card
======================================== */

.location-cards-section .location-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 30px 30px 0 0;
    padding: 20px 20px 0 20px;
    position: relative;
    min-height: 400px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.location-cards-section .location-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%);
    pointer-events: none;
    z-index: 1;
}

/* ========================================
   Card Hover Effects
======================================== */

.location-cards-section .location-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.location-cards-section .location-card:hover {
    transform: translateY(-5px);
}

.location-cards-section .location-card[data-bg="purple"]:hover {
    box-shadow: 
        0 0 30px rgba(148, 115, 249, 0.4),
        0 0 60px rgba(148, 115, 249, 0.2),
        0 10px 30px rgba(0, 0, 0, 0.3);
}

.location-cards-section .location-card[data-bg="red"]:hover {
    box-shadow: 
        0 0 30px rgba(249, 100, 106, 0.4),
        0 0 60px rgba(249, 100, 106, 0.2),
        0 10px 30px rgba(0, 0, 0, 0.3);
}

.location-cards-section .location-card[data-bg="blue"]:hover {
    box-shadow: 
        0 0 30px rgba(47, 163, 186, 0.4),
        0 0 60px rgba(47, 163, 186, 0.2),
        0 10px 30px rgba(0, 0, 0, 0.3);
}

.location-cards-section .location-card[data-bg="pink"]:hover {
    box-shadow: 
        0 0 30px rgba(172, 78, 197, 0.4),
        0 0 60px rgba(172, 78, 197, 0.2),
        0 10px 30px rgba(0, 0, 0, 0.3);
}

/* ========================================
   Gradient Border Effect
======================================== */

.location-cards-section .swiper-slide {
    padding: 3px;
    border-radius: 30px 30px 0 0;
    position: relative;
    height: auto;
}

.location-cards-section .swiper-slide::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 30px 30px 0 0;
    padding: 3px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.05) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.location-cards-section .swiper-slide:hover::before {
    opacity: 1;
}


/* ========================================
   Card Content
======================================== */

.location-cards-section .location-card .card-content {
    display: flex;
    flex-direction: column;
    z-index: 2;
    padding-top: 240px;
    max-width: 320px;
    color: var(--white);
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

/* ========================================
   Location Title
======================================== */

.location-cards-section .location-title {
    margin: 0;
    color: var(--white);
    font-weight: 600;
    padding-bottom: 10px;
}

/* ========================================
   Country Flags
======================================== */

.location-cards-section .location-card[data-country="uk-international"]::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Cpath d='M24.8961 49.8986C38.6292 49.8986 49.762 38.7657 49.762 25.0326C49.762 11.2995 38.6292 0.166644 24.8961 0.166644C11.163 0.166644 0.0301303 11.2995 0.0301303 25.0326C0.0301303 38.7657 11.163 49.8986 24.8961 49.8986Z' fill='%23F0F0F0'/%3E%3Cpath d='M5.1704 9.89323C3.21716 12.4345 1.74434 15.3635 0.886758 18.5455H13.8227L5.1704 9.89323Z' fill='%2322236C'/%3E%3Cpath d='M48.9054 18.5456C48.0478 15.3638 46.5749 12.4347 44.6218 9.89346L35.9697 18.5456H48.9054Z' fill='%2322236C'/%3E%3Cpath d='M0.886758 31.5191C1.74444 34.701 3.21726 37.63 5.17041 40.1712L13.8224 31.5191H0.886758Z' fill='%2322236C'/%3E%3Cpath d='M40.035 5.30658C37.4937 3.35334 34.5648 1.88052 31.3828 1.02284V13.9587L40.035 5.30658Z' fill='%2322236C'/%3E%3Cpath d='M9.75727 44.7577C12.2985 46.711 15.2276 48.1838 18.4095 49.0415V36.1058L9.75727 44.7577Z' fill='%2322236C'/%3E%3Cpath d='M18.4094 1.02284C15.2275 1.88052 12.2984 3.35334 9.75727 5.30648L18.4094 13.9586V1.02284Z' fill='%2322236C'/%3E%3Cpath d='M31.3829 49.0415C34.5648 48.1838 37.4938 46.711 40.035 44.7578L31.3829 36.1058V49.0415Z' fill='%2322236C'/%3E%3Cpath d='M35.9697 31.5191L44.6218 40.1713C46.5749 37.6301 48.0478 34.701 48.9054 31.5191H35.9697Z' fill='%2322236C'/%3E%3Cpath d='M49.5515 21.7893H28.1396L28.1395 0.377193C27.0778 0.238973 25.9953 0.166644 24.8961 0.166644C23.7966 0.166644 22.7144 0.238973 21.6527 0.377193V21.7891L0.240588 21.7892C0.102368 22.851 0.0301303 23.9334 0.0301303 25.0326C0.0301303 26.132 0.102368 27.2144 0.240588 28.276H21.6525L21.6526 49.6881C22.7144 49.8264 23.7966 49.8986 24.8961 49.8986C25.9953 49.8986 27.0778 49.8265 28.1394 49.6881V28.2762L49.5515 28.2761C49.6898 27.2144 49.762 26.132 49.762 25.0326C49.762 23.9334 49.6898 22.851 49.5515 21.7893Z' fill='%23C8102E'/%3E%3Cpath d='M31.3829 31.5195L42.4789 42.6156C42.9893 42.1054 43.4761 41.5721 43.9406 41.0192L34.4408 31.5194L31.3829 31.5195Z' fill='%23C8102E'/%3E%3Cpath d='M18.4093 31.5194L7.31316 42.6154C7.8233 43.1257 8.35666 43.6125 8.90954 44.077L18.4093 34.577V31.5194Z' fill='%23C8102E'/%3E%3Cpath d='M18.4092 18.5459L7.31314 7.44957C6.80281 7.95971 6.31598 8.49306 5.85149 9.04594L15.3514 18.5458L18.4092 18.5459Z' fill='%23C8102E'/%3E%3Cpath d='M31.3829 18.5459L42.479 7.44968C41.9689 6.93934 41.4355 6.45251 40.8827 5.98812L31.3829 15.488V18.5459Z' fill='%23C8102E'/%3E%3Cpath d='M48.508 25C48.508 12.017 37.983 1.49202 25 1.49196C12.0169 1.49196 1.49196 12.0169 1.49196 25C1.49202 37.983 12.017 48.508 25 48.508V50L24.355 49.9913C11.0604 49.6546 0.344495 38.9396 0.00777061 25.645L0 25C0 11.1929 11.1929 0 25 0L25.645 0.00777061C39.1539 0.349923 50 11.4086 50 25L49.9913 25.645C49.6491 39.1538 38.5913 49.9999 25 50V48.508C37.983 48.508 48.508 37.983 48.508 25Z' fill='white'/%3E%3C/svg%3E");
}

.location-cards-section .location-card[data-country="north-america"]::before {
    content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2251%22%20height%3D%2251%22%20viewBox%3D%220%200%2051%2051%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M25.0562%2050.1676C38.8633%2050.1676%2050.0562%2038.9747%2050.0562%2025.1676C50.0562%2011.3605%2038.8633%200.167574%2025.0562%200.167574C11.2491%200.167574%200.0561785%2011.3605%200.0561785%2025.1676C0.0561785%2038.9747%2011.2491%2050.1676%2025.0562%2050.1676Z%22%20fill%3D%22%23F0F0F0%22/%3E%0A%3Cpath%20d%3D%22M23.9693%2025.1674L50.0562%2025.1676C50.0562%2022.9111%2049.7554%2020.725%2049.195%2018.6456H23.9693V25.1674Z%22%20fill%3D%22%23C8102E%22/%3E%0A%3Cpath%20d%3D%22M23.9693%2012.1241H46.3869C44.8565%209.62687%2042.8997%207.41954%2040.6183%205.60236H23.9693V12.1241Z%22%20fill%3D%22%23C8102E%22/%3E%0A%3Cpath%20d%3D%22M25.0562%2050.1676C30.9399%2050.1676%2036.3478%2048.1339%2040.6183%2044.7327H9.49409C13.7646%2048.1339%2019.1725%2050.1676%2025.0562%2050.1676Z%22%20fill%3D%22%23C8102E%22/%3E%0A%3Cpath%20d%3D%22M3.72553%2038.2111H46.3869C47.6155%2036.2063%2048.5683%2034.0149%2049.195%2031.6893H0.91742C1.54408%2034.0149%202.49691%2036.2063%203.72553%2038.2111Z%22%20fill%3D%22%23C8102E%22/%3E%0A%3Cpath%20d%3D%22M11.6366%204.07168H13.9149L11.7957%205.61123L12.6052%208.10234L10.4862%206.56279L8.36712%208.10234L9.06633%205.95029C7.20051%207.50449%205.56516%209.32539%204.21751%2011.3543H4.94749L3.59856%2012.3343C3.38841%2012.6849%203.18684%2013.041%202.99368%2013.4024L3.63782%2015.385L2.43606%2014.5118C2.13733%2015.1447%201.86409%2015.7919%201.61848%2016.4525L2.32815%2018.6369H4.94749L2.82835%2020.1765L3.63782%2022.6676L1.51878%2021.128L0.24944%2022.0503C0.122389%2023.0716%200.0561785%2024.1118%200.0561785%2025.1676H25.0562C25.0562%2011.3605%2025.0562%209.73281%2025.0562%200.167574C20.1175%200.167574%2015.5137%201.60019%2011.6366%204.07168ZM12.6052%2022.6676L10.4862%2021.128L8.36712%2022.6676L9.17659%2020.1765L7.05745%2018.6369H9.67678L10.4862%2016.1458L11.2955%2018.6369H13.9149L11.7957%2020.1765L12.6052%2022.6676ZM11.7957%2012.8938L12.6052%2015.385L10.4862%2013.8454L8.36712%2015.385L9.17659%2012.8938L7.05745%2011.3543H9.67678L10.4862%208.86318L11.2955%2011.3543H13.9149L11.7957%2012.8938ZM21.5726%2022.6676L19.4535%2021.128L17.3345%2022.6676L18.144%2020.1765L16.0248%2018.6369H18.6442L19.4535%2016.1458L20.2629%2018.6369H22.8823L20.7631%2020.1765L21.5726%2022.6676ZM20.7631%2012.8938L21.5726%2015.385L19.4535%2013.8454L17.3345%2015.385L18.144%2012.8938L16.0248%2011.3543H18.6442L19.4535%208.86318L20.2629%2011.3543H22.8823L20.7631%2012.8938ZM20.7631%205.61123L21.5726%208.10234L19.4535%206.56279L17.3345%208.10234L18.144%205.61123L16.0248%204.07168H18.6442L19.4535%201.58056L20.2629%204.07168H22.8823L20.7631%205.61123Z%22%20fill%3D%22%2322236C%22/%3E%0A%3Cpath%20d%3D%22M48.7695%2025.1348C48.7695%2012.0818%2038.1878%201.50007%2025.1348%201.5C12.0817%201.5%201.5%2012.0817%201.5%2025.1348C1.50007%2038.1878%2012.0818%2048.7695%2025.1348%2048.7695V50.2695L24.4863%2050.2607C11.12%2049.9223%200.346352%2039.1495%200.0078125%2025.7832L0%2025.1348C0%2011.2533%2011.2533%200%2025.1348%200L25.7832%200.0078125C39.3649%200.351809%2050.2695%2011.4701%2050.2695%2025.1348L50.2607%2025.7832C49.9167%2039.3649%2038.7993%2050.2695%2025.1348%2050.2695V48.7695C38.1877%2048.7695%2048.7695%2038.1877%2048.7695%2025.1348Z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E");
}

.location-cards-section .location-card[data-country="apac"]::before {
    content: url('/wp-content/uploads/2025/11/aus1.png');
}

/* ========================================
   Media Queries
======================================== */

@media (max-width: 992px) {
    .location-cards-section {
        padding-right: 0;
    }
    .location-cards-section .container {
        padding-right: 0;
    }
    .location-cards-section .section-content {
        padding-right: var(--bs-gutter-x, 20px);
    }
}