/* =========================================================
   PODAR SMARTER SCHOOLS
   GLOBAL STYLES
========================================================= */

:root {
    --pss-blue: #0088cc;
    --pss-yellow: #ffcc2a;
    --pss-white: #ffffff;
    --pss-black: #111111;
}


/* =========================================================
   GLOBAL
========================================================= */

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    color: var(--pss-black);
    overflow-x: hidden;
}


/* =========================================================
   DESKTOP HEADER
========================================================= */

.site-header {
    width: 100%;
    background-color: var(--pss-blue);
    position: relative;
    z-index: 1000;
}

.site-header-inner {
    width: 100%;
    max-width: 1500px;
    min-height: 80px;

    margin: 0 auto;

    padding-left: 20px;
    padding-right: 20px;

    display: flex;
    align-items: center;
}


/* =========================================================
   DESKTOP LOGO
========================================================= */

.site-logo {
    display: flex;
    align-items: center;

    height: 90px;

    flex-shrink: 0;

    text-decoration: none;
}

.site-logo img {
    display: block;

    width: auto;
    height: 90px;

    max-width: 90px;

    object-fit: contain;
}


/* =========================================================
   DESKTOP NAVIGATION
========================================================= */

.desktop-navigation {
    flex: 1;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    height: 80px;
}

.desktop-navigation .navbar-nav {
    display: flex;

    flex-direction: row;
    align-items: center;

    gap: 2px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.desktop-navigation .nav-link {
    display: flex;
    align-items: center;

    padding: 10px 11px !important;

    color: #ffffff !important;

    font-family: "Poppins", sans-serif;

    font-size: 0.85rem;
    font-weight: 400;

    line-height: 1.2;

    text-decoration: none;

    white-space: nowrap;

    transition: color 0.25s ease;
}


/* =========================================================
   MENU HOVER
========================================================= */

.desktop-navigation .nav-link:hover,
.desktop-navigation .nav-link:focus {
    color: var(--pss-yellow) !important;
}


/* =========================================================
   ACTIVE MENU ITEM
========================================================= */

.desktop-navigation .nav-link.active {
    color: var(--pss-yellow) !important;
}


/* =========================================================
   MENU HOVER
========================================================= */

.desktop-navigation .nav-link:hover,
.desktop-navigation .nav-link:focus {
    color: var(--pss-yellow) !important;
}

/* =========================================================
   MOBILE HEADER
========================================================= */

.mobile-header {
    display: none;

    width: 100%;
    min-height: 70px;

    background-color: var(--pss-blue);
}

.mobile-header-inner {
    min-height: 70px;

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

    padding: 0 16px;
}


/* =========================================================
   MOBILE LOGO
========================================================= */

.mobile-logo {
    display: flex;
    align-items: center;

    height: 70px;

    text-decoration: none;
}

.mobile-logo img {
    display: block;

    width: auto;
    height: 70px;

    max-width: 82px;

    object-fit: contain;
}


/* =========================================================
   MOBILE HAMBURGER
========================================================= */

.mobile-menu-button {
    width: 42px;
    height: 42px;

    padding: 0;

    border: 0;

    background: transparent;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 5px;

    cursor: pointer;
}

.mobile-menu-button span {
    display: block;

    width: 25px;
    height: 1px;

    background-color: #ffffff;
}


/* =========================================================
   MOBILE DRAWER
========================================================= */

.mobile-drawer {
    width: 300px !important;
    max-width: 85vw;

    background-color: #ffffff;
}


/* =========================================================
   MOBILE DRAWER HEADER
========================================================= */

.mobile-drawer-header {
    min-height: 80px;

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

    padding: 0 18px;

    background-color: var(--pss-blue);
}


/* =========================================================
   MOBILE DRAWER LOGO
========================================================= */

.mobile-drawer-logo {
    display: flex;
    align-items: center;

    height: 70px;

    text-decoration: none;
}

.mobile-drawer-logo img {
    display: block;

    width: auto;
    height: 70px;

    max-width: 85px;

    object-fit: contain;
}


/* =========================================================
   MOBILE CLOSE BUTTON
========================================================= */

.mobile-drawer-close {
    position: relative;

    width: 38px;
    height: 38px;

    padding: 0;

    border: 0;

    background: transparent;

    cursor: pointer;
}

.mobile-drawer-close::before,
.mobile-drawer-close::after {
    content: "";

    position: absolute;

    top: 50%;
    left: 50%;

    width: 24px;
    height: 1px;

    background-color: #ffffff;
}

.mobile-drawer-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.mobile-drawer-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}


/* =========================================================
   MOBILE MENU
========================================================= */

.mobile-navigation {
    padding: 15px 0 25px;
}

.mobile-navigation ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.mobile-navigation li {
    border-bottom: 1px solid #eeeeee;
}

.mobile-navigation li:last-child {
    border-bottom: 0;
}

.mobile-navigation a {
    display: flex;
    align-items: center;

    min-height: 54px;

    padding: 12px 22px;

    color: #333333;

    font-family: "Poppins", sans-serif;

    font-size: 15px;
    font-weight: 500;

    line-height: 1.5;

    text-decoration: none;

    transition:
        color 0.25s ease,
        background-color 0.25s ease;
}

.mobile-navigation a:hover,
.mobile-navigation a:focus {
    color: var(--pss-yellow);

    background-color: #f8f8f8;
}

.mobile-navigation a.active {
    color: var(--pss-yellow);
}


/* =========================================================
   MOBILE BACKDROP
========================================================= */

.offcanvas-backdrop.show {
    opacity: 0.55;
}


/* =========================================================
   TABLET / MOBILE
========================================================= */

@media (max-width: 991.98px) {

    .site-header {
        display: none;
    }

    .mobile-header {
        display: block;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 575.98px) {

    .mobile-header-inner {
        padding: 0 12px;
    }

    .mobile-logo img {
        height: 60px;
        max-width: 78px;
    }

    .mobile-menu-button {
        width: 40px;
        height: 40px;
    }

    .mobile-drawer {
        width: 280px !important;
    }

}

/* =========================================================
   HOME PAGE HERO BANNER
========================================================= */

.home-hero {
    position: relative;
    width: 100%;
    min-height: 500px;

    background-image: url("../../assets/images/banners/podar-smarter-schools-home-page.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    overflow: hidden;
}


/* ---------------------------------------------------------
   Overlay
--------------------------------------------------------- */

.home-hero-overlay {
    position: relative;
    width: 100%;
    min-height: 430px;

    display: flex;
    align-items: center;
}


/* ---------------------------------------------------------
   Content
--------------------------------------------------------- */

.home-hero-content {
    padding-left: 0;
    padding-top: 250px;
}


/* ---------------------------------------------------------
   Small Purple Label
--------------------------------------------------------- */

.home-hero-label {
    display: inline-block;
    padding: 7px 12px;
    background-color: #8e4aa3;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 10px;
}


/* ---------------------------------------------------------
   Main Heading
--------------------------------------------------------- */

.home-hero h1 {
    margin: 0;

    color: #ffffff;

    font-family: "Poppins", sans-serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;

    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {

    .home-hero {
        min-height: 380px;
        background-position: center center;
    }

    .home-hero-overlay {
        min-height: 380px;
    }

    .home-hero-content {
        padding-top: 35px;
    }

    .home-hero-label {
        font-size: 15px;
        padding: 6px 10px;
    }

    .home-hero h1 {
        font-size: 40px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .home-hero {
        min-height: 300px;
        background-position: center center;
    }

    .home-hero-overlay {
        min-height: 300px;
        align-items: flex-end;
    }

    .home-hero-content {
        padding-bottom: 30px;
        padding-top: 0;
    }

    .home-hero-label {
        font-size: 13px;
        padding: 5px 9px;
        margin-bottom: 7px;
    }

    .home-hero h1 {
        font-size: 30px;
        line-height: 1.2;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 575.98px) {

    .home-hero {
        min-height: 260px;
        background-position: center center;
    }

    .home-hero-overlay {
        min-height: 260px;
    }

    .home-hero-content {
        padding-bottom: 22px;
    }

    .home-hero-label {
        font-size: 12px;
    }

    .home-hero h1 {
        font-size: 26px;
    }

}


/* =========================================================
   HOME PAGE - INTRODUCTION
========================================================= */

.home-introduction {
    width: 100%;
    background-color: #ffffff;
    padding: 32px 0 34px;
}


/* ---------------------------------------------------------
   Main Heading
--------------------------------------------------------- */

.home-introduction-title {
    margin: 0 0 14px;
    font-family: "Poppins", sans-serif;
    font-size: 3.2rem;
    font-weight: 900;
    line-height: 1.25;
    color: #1e73be;
    letter-spacing: -0.9px;
}


/* ---------------------------------------------------------
   Highlight Text
--------------------------------------------------------- */

.home-introduction-highlight {
    max-width: 1100px;
    margin: 0 0 20px;
    font-family: "Poppins", sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.25;
    color: #202020;
}


/* ---------------------------------------------------------
   Supporting Paragraph
--------------------------------------------------------- */

.home-introduction-text {
    max-width: 1150px;
    margin: 0 0 20px;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65;
    color: #777777;
}


/* =========================================================
   AT A GLANCE
========================================================= */

.home-glance-title {
    margin: 0 0 10px;
    font-family: "Poppins", sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.4;
    color: #005d9b;
    letter-spacing: -1px;
}


/* ---------------------------------------------------------
   Statistics Row
--------------------------------------------------------- */

.home-glance-row {
    margin-left: 0;
    margin-right: 0;
}


/* ---------------------------------------------------------
   Individual Card
--------------------------------------------------------- */

.glance-card {
    width: 100%;
    min-height: 180px;
    padding: 10px 12px;
    background-color: #ffffff;
    border: 1px solid;
    border-radius: 7px;
    font-family: "Poppins", sans-serif;
}


/* ---------------------------------------------------------
   Number
--------------------------------------------------------- */

.glance-number {
    margin-bottom: 4px;
    font-family: "Poppins", sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
}


/* ---------------------------------------------------------
   Label
--------------------------------------------------------- */

.glance-label {
    font-family: "Poppins", sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.25;
    color: #333333;
}


/* =========================================================
   CARD BORDER / NUMBER COLORS
========================================================= */

.glance-card-red {
    border-color: #e5a7af;
}

.glance-card-red .glance-number {
    color: #d51f3d;
}


.glance-card-yellow {
    border-color: #e7d79b;
}

.glance-card-yellow .glance-number {
    color: #e4ae19;
}


.glance-card-orange {
    border-color: #e5c59c;
}

.glance-card-orange .glance-number {
    color: #e57e18;
}


.glance-card-blue {
    border-color: #a9c7d7;
}

.glance-card-blue .glance-number {
    color: #17699b;
}


.glance-card-purple {
    border-color: #cdb7d5;
}

.glance-card-purple .glance-number {
    color: #87509c;
}


.glance-card-green {
    border-color: #a9d5cc;
}

.glance-card-green .glance-number {
    color: #008b7c;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {

    .home-introduction {
        padding: 30px 0 32px;
    }

    .home-introduction-title {
        font-size: 36px;
    }

    .home-introduction-highlight {
        font-size: 20px;
    }

    .home-introduction-text {
        font-size: 15px;
    }

    .home-glance-title {
        font-size: 21px;
    }

    .glance-number {
        font-size: 23px;
    }

    .glance-label {
        font-size: 15px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .home-introduction {
        padding: 26px 0 28px;
    }

    .home-introduction-title {
        font-size: 32px;
        margin-bottom: 12px;
    }

    .home-introduction-highlight {
        font-size: 18px;
        line-height: 1.5;
    }

    .home-introduction-text {
        font-size: 14px;
        line-height: 1.6;
    }

    .home-glance-title {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .glance-card {
        min-height: 105px;
        padding: 9px 10px;
    }

    .glance-number {
        font-size: 22px;
    }

    .glance-label {
        font-size: 14px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 575.98px) {

    .home-introduction-title {
        font-size: 29px;
    }

    .home-introduction-highlight {
        font-size: 17px;
    }

    .home-introduction-text {
        font-size: 14px;
    }

    .home-glance-title {
        font-size: 20px;
    }

    .glance-card {
        min-height: 102px;
    }

    .glance-number {
        font-size: 21px;
    }

    .glance-label {
        font-size: 13px;
    }

}

/* =========================================================
   HOME INTRODUCTION - SCROLL REVEAL
   ========================================================= */

.home-introduction-title,
.home-introduction-highlight,
.home-introduction-text,
.home-glance-title,
.home-learn-school-title,
.home-learn-school-highlight,
.home-learn-school-text,
.home-learn-school-button,
.home-video-title,
.home-innovation-title  {
    opacity: 0;
    transform: translateY(45px);
    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
    will-change: opacity, transform;
}


/* Visible state */

.home-introduction-title.is-visible,
.home-introduction-highlight.is-visible,
.home-introduction-text.is-visible,
.home-glance-title.is-visible,
.home-learn-school-title.is-visible,
.home-learn-school-highlight.is-visible,
.home-learn-school-text.is-visible,
.home-learn-school-button.is-visible,
.home-video-title.is-visible,
.home-innovation-title.is-visible  {
    opacity: 1;
    transform: translateY(0);
}


/* ---------------------------------------------------------
   Slight stagger between elements
   --------------------------------------------------------- */

.home-introduction-title {
    transition-delay: 0s;
}

.home-introduction-highlight {
    transition-delay: 0.12s;
}

.home-introduction-text {
    transition-delay: 0.24s;
}

.home-glance-title {
    transition-delay: 0.36s;
}


/* ---------------------------------------------------------
   Accessibility
   --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    .home-introduction-title,
    .home-introduction-highlight,
    .home-introduction-text,
    .home-glance-title {
        opacity: 1;
        transform: none;
        transition: none;
    }

}


/* =========================================================
   PODAR LEARN SCHOOL SECTION
========================================================= */

.home-learn-school {
    position: relative;
    width: 100%;
    background-image: url("../images/podar-learn-school-home-bg.jpg");
    background-repeat: repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    padding: 38px 0 40px;
}


/* Main row */

.home-learn-school-row {
    min-height: 390px;
}


/* Image column */

.home-learn-school-image-col {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Building image */

.home-learn-school-image {
    width: 100%;
    max-width: 570px;
    margin: 0 auto;
}

.home-learn-school-image img {
    display: block;
    width: 100%;
    height: auto;
}


/* Content column */

.home-learn-school-content {
    padding-left: 30px;
    padding-right: 20px;
    color: #ffffff;
}


/* Heading */

.home-learn-school-title {
    margin: 0 0 18px;
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25;
    color: #ffffff;
}


/* Highlight */

.home-learn-school-highlight {
    margin: 0 0 18px;
    font-family: "Poppins", sans-serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.45;
    color: #ffffff;
}


/* Description */

.home-learn-school-text {
    margin: 0 0 24px;
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7;
    color: #ffffff;
}


/* Know More button */

.home-learn-school-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 22px;

    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;

    color: #ffffff;
    background-color: #ffb71b;

    border: 1px solid #ffb71b;
    border-radius: 4px;

    text-decoration: none;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.home-learn-school-button:hover {
    color: #ffffff;
    background-color: #f39c00;
    border-color: #f39c00;
    transform: translateY(-2px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {

    .home-learn-school {
        padding: 35px 0;
    }

    .home-learn-school-content {
        padding-left: 20px;
    }

    .home-learn-school-title {
        font-size: 27px;
    }

    .home-learn-school-highlight {
        font-size: 18px;
    }

    .home-learn-school-text {
        font-size: 14px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .home-learn-school {
        padding: 30px 0 35px;
    }

    .home-learn-school-row {
        min-height: auto;
    }

    .home-learn-school-image-col {
        margin-bottom: 25px;
    }

    .home-learn-school-image {
        max-width: 520px;
    }

    .home-learn-school-content {
        padding-left: 15px;
        padding-right: 15px;
        text-align: left;
    }

    .home-learn-school-title {
        font-size: 26px;
        margin-bottom: 14px;
    }

    .home-learn-school-highlight {
        font-size: 18px;
        line-height: 1.45;
        margin-bottom: 15px;
    }

    .home-learn-school-text {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 20px;
    }

}


/* =========================================================
   EXPERIENCE PODAR LEARN SCHOOL
========================================================= */

.home-video-section {
    background: #ffffff;
    padding: 55px 0 65px;
    text-align: center;
}


/* Section Heading */

.home-video-title {
    margin: 0 0 22px;
    color: #005d9b;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -1px;
}


/* =========================================================
   TABS
========================================================= */

.home-video-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
    margin-bottom: 25px;
}

.home-video-tab {
    position: relative;
    border: 0;
    background: transparent;
    padding: 10px;
    color: #666;
    font-family: "Poppins", sans-serif;
    font-size: 19px;
    font-weight: 400;
    cursor: pointer;
    transition: color 0.3s ease;
}

.home-video-tab::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0.5px;
    background: #98ab02;
    transition: width 0.3s ease;
}

.home-video-tab:hover {
    background-color: #efefef;
    color: #666666;
}

.home-video-tab.active {
    color: #0875a9;
    color: rgba(0, 93, 155, 255);
    
}

.home-video-tab.active::after {
    width: 100%;
}


/* =========================================================
   VIDEO CONTENT
========================================================= */

.home-video-content {
    position: relative;
    width: 100%;
}

.home-video-item {
    display: block;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    inset: 0;
    width: 100%;
    transition: opacity 0.25s ease;
}

.home-video-item.active {
    opacity: 1;
    visibility: visible;
    position: relative;
}


/* =========================================================
   VIDEO THUMBNAIL
========================================================= */

.home-video-thumbnail {
    position: relative;
    display: block;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    overflow: hidden;
}

.home-video-thumbnail img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.4s ease;
}

.home-video-thumbnail:hover .home-video-play {
    transform: translate(-50%, -50%) scale(1.08);
    background: #f5a400;
}


/* =========================================================
   PLAY BUTTON
========================================================= */

/* =========================================================
   PLAY BUTTON
========================================================= */

.home-video-play {
    position: absolute;
    top: 50%;
    left: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100px;
    height: 100px;

    border-radius: 50%;
    background: #fdaf17;

    transform: translate(-50%, -50%);

    transition:
        transform 0.3s ease,
        background 0.3s ease;
}

/* Play triangle */
.home-video-play span {
    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    font-size: 2.3rem;
    line-height: 1;

    margin-left: 5px;
}


/* =========================================================
   VIDEO MODAL
========================================================= */

.home-video-modal .modal-dialog {
    max-width: 900px;
    width: calc(100% - 40px);
    margin: auto;
}

.home-video-modal .modal-content {
    background: #000000;
    border: 0;
    border-radius: 0;
    overflow: hidden;
}

.home-video-modal .modal-body {
    position: relative;
    padding: 0;
    background: #000000;
}


/* Video aspect ratio */

.home-video-player {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000000;
}

.home-video-player iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


/* =========================================================
   CLOSE BUTTON
========================================================= */

.home-video-close {
    position: absolute;
    z-index: 10;
    top: 12px;
    right: 12px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    padding: 0;

    border: 0;
    border-radius: 50%;

    background: rgba(0, 0, 0, 0.75);
    color: #ffffff;

    font-size: 30px;

    cursor: pointer;

    transition:
        background 0.3s ease,
        transform 0.3s ease;
}

.home-video-close span {
    display: block;
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    color: #ffffff;
}

.home-video-close:hover {
    background: rgba(0, 0, 0, 0.95);
    transform: scale(1.05);
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .home-video-section {
        padding: 40px 15px 50px;
    }

    .home-video-title {
        font-size: 27px;
        margin-bottom: 20px;
    }

    .home-video-tabs {
        gap: 20px;
        flex-wrap: wrap;
        margin-bottom: 22px;
    }

    .home-video-tab {
        font-size: 14px;
    }

    .home-video-play {
    width: 62px;
    height: 62px;
    }

    .home-video-play span {
        font-size: 1.6rem;
        margin-left: 3px;
    }

    .home-video-modal .modal-dialog {
    width: calc(100% - 30px);
    max-width: 420px;
    margin: auto;
    }

    .home-video-modal .modal-content {
        min-height: 0;
        height: auto;
        display: block;
    }

    .home-video-close {
        top: 10px;
        right: 10px;
        width: 35px;
        height: 35px;
    }

}


/* =========================================================
   PODAR INNOVATION CENTER
========================================================= */

.home-innovation-center {
    position: relative;
    width: 100%;
    min-height: 560px;

    background-image: url('../images/podar-innovation-center-home-bg.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    overflow: hidden;
}


/* Content wrapper */

.home-innovation-overlay {
    width: 100%;
    min-height: 560px;

    display: flex;
    align-items: center;
}


/* Bootstrap container */

.home-innovation-overlay .container {
    position: relative;
    z-index: 2;
}


/* Right-side content */

.home-innovation-content {
    margin-left: auto;

    padding-top: 30px;
    padding-bottom: 30px;

    color: #ffffff;
}


/* Heading */

.home-innovation-title {
    margin: 0 0 25px 0;

    font-family: 'Poppins', sans-serif;
    font-size: 2.6rem;
    font-weight: 600;
    line-height: 1.25;

    color: #ffffff;
}


/* Description */

.home-innovation-highlight {
    margin: 0 0 30px 0;

    font-family: 'Poppins', sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.45;

    color: #ffffff;
}


/* Know More button */

.home-innovation-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 16px 27px;

    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 400;

    color: #ffffff;
    background-color: #005d9b;

    border: none;
    border-radius: 5px;

    text-decoration: none;

    transition:
        background-color 0.3s ease,
        transform 0.3s ease;
}


/* Button hover */

.home-innovation-button:hover,
.home-innovation-button:focus {
    color: #ffffff;
    background-color: #005f95;

    text-decoration: none;

    transform: translateY(-2px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {

    .home-innovation-center {
        min-height: 500px;

        background-position: center center;
    }

    .home-innovation-overlay {
        min-height: 500px;
    }

    .home-innovation-content {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .home-innovation-title {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .home-innovation-highlight {
        font-size: 19px;
        line-height: 1.5;
        margin-bottom: 25px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .home-innovation-center {
        min-height: 600px;

        background-position: center center;
    }

    .home-innovation-overlay {
        min-height: 600px;

        align-items: flex-end;
    }

    .home-innovation-content {
        width: 100%;

        margin-left: 0;

        padding: 40px 20px 45px;

        text-align: left;
    }

    .home-innovation-title {
        font-size: 28px;
        line-height: 1.3;

        margin-bottom: 18px;
    }

    .home-innovation-highlight {
        font-size: 17px;
        line-height: 1.5;

        margin-bottom: 22px;
    }

    .home-innovation-button {
        font-size: 15px;
        padding: 10px 22px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .home-innovation-center {
        min-height: 320px;
        background-position: center center;
    }

    .home-innovation-overlay {
        min-height: 320px;
    }

    .home-innovation-content {
        padding: 30px 18px 35px;
    }

    .home-innovation-title {
        font-size: 25px;
    }

    .home-innovation-highlight {
        font-size: 16px;
        line-height: 1.5;
    }

}


/* =========================================================
   PODAR SMARTER SCHOOLS
   FOOTER
========================================================= */


/* =========================================================
   FOOTER - MAIN
========================================================= */

.site-footer {
    width: 100%;
    background: #111111;
    color: #ffffff;
    padding: 25px 0;
}


/* =========================================================
   FOOTER - INNER CONTAINER
========================================================= */

.site-footer-inner {
    width: calc(100% - 80px);
    max-width: 1400px;
    margin: 0 auto;

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

    gap: 30px;
}


/* =========================================================
   FOOTER - COLUMNS
========================================================= */

.site-footer-column {
    display: flex;
    align-items: center;
}


/* =========================================================
   1. FOOTER LOGO
========================================================= */

.site-footer-logo {
    justify-content: flex-start;
    flex: 0 0 auto;
}

.site-footer-logo a {
    display: inline-flex;
    align-items: center;
}

.site-footer-logo img {
    display: block;
    width: 65px;
    height: auto;
}


/* =========================================================
   2. COPYRIGHT
========================================================= */

.site-footer-copyright {
    flex: 1;
    justify-content: flex-start;
}

.site-footer-copyright p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;

    color: #ffffff;
}


/* =========================================================
   3. DOWNLOAD BROCHURE
========================================================= */

.site-footer-brochure {
    justify-content: flex-start;
    /* flex: 0 0 300px; */
}

.footer-brochure-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    min-width: 145px;
    padding: 9px 15px;

    background: #8b4aa5;
    color: #ffffff;

    text-decoration: none;
    border: none;
    border-radius: 3px;

    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 500;

    line-height: 1;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease;
}

.footer-brochure-button:hover {
    background: #743d8b;
    color: #ffffff;
    text-decoration: none;

    transform: translateY(-1px);
}


/* =========================================================
   DOWNLOAD ICON
========================================================= */

.footer-download-icon {
    display: inline-block;

    font-size: 14px;

    line-height: 1;

    font-weight: 900;
}


/* =========================================================
   4. SOCIAL MEDIA
========================================================= */

.site-footer-social {
    justify-content: flex-end;

    flex: 0 0 auto;

    gap: 14px;
}


/* =========================================================
   SOCIAL MEDIA ICONS
========================================================= */

.footer-social-link {
    width: 30px;
    height: 30px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ffffff;

    text-decoration: none;

    transition:
        transform 0.25s ease,
        opacity 0.25s ease;
}


.footer-social-link:hover {
    color: #ffffff;

    text-decoration: none;

    transform: translateY(-2px);

    opacity: 0.85;
}


/* =========================================================
   FACEBOOK
========================================================= */

.footer-facebook {
    background: #4267b2;
}

.footer-facebook i {
    font-size: 13px;
}


/* =========================================================
   INSTAGRAM
========================================================= */

/* =========================================================
   INSTAGRAM - MODERN APP ICON
========================================================= */

.footer-instagram {
    background: linear-gradient(
        135deg,
        #ffd600 0%,
        #ff7a00 25%,
        #ff0069 55%,
        #d300c5 75%,
        #7638fa 100%
    );

    border-radius: 7px;

    width: 30px;
    height: 30px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
}


.footer-instagram i {
    font-size: 18px;
    color: #ffffff;
}

/* =========================================================
   LINKEDIN
========================================================= */

.footer-linkedin {
    background: #0077b5;
}

.footer-linkedin i {
    font-size: 12px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .site-footer-inner {
        width: calc(100% - 50px);

        gap: 20px;
    }

    .site-footer-copyright p {
        font-size: 12px;
    }

    .footer-brochure-button {
        min-width: 135px;

        padding: 8px 12px;

        font-size: 12px;
    }

    .site-footer-social {
        gap: 10px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .site-footer {
        padding: 25px 20px;
    }


    .site-footer-inner {
        width: 100%;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        gap: 18px;
    }


    /* ---------------------------------------------
       LOGO
    --------------------------------------------- */

    .site-footer-logo {
        justify-content: center;
    }

    .site-footer-logo img {
        width: 60px;
    }


    /* ---------------------------------------------
       COPYRIGHT
    --------------------------------------------- */

    .site-footer-copyright {
        flex: none;

        justify-content: center;

        text-align: center;
    }

    .site-footer-copyright p {
        font-size: 12px;
    }


    /* ---------------------------------------------
       BROCHURE
    --------------------------------------------- */

    .site-footer-brochure {
        justify-content: center;
    }

    .footer-brochure-button {
        min-width: 150px;

        padding: 10px 15px;

        font-size: 12px;
    }


    /* ---------------------------------------------
       SOCIAL
    --------------------------------------------- */

    .site-footer-social {
        justify-content: center;

        gap: 14px;
    }

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width: 380px) {

    .site-footer {
        padding: 22px 15px;
    }

    .site-footer-inner {
        gap: 15px;
    }

    .site-footer-logo img {
        width: 55px;
    }

    .site-footer-copyright p {
        font-size: 11px;
    }

}

/* =========================================================
   DOWNLOAD BROCHURE POPUP
========================================================= */


/* =========================================================
   MODAL / OVERLAY
========================================================= */

.brochure-modal {
    position: fixed;

    inset: 0;

    width: 100%;
    height: 100%;

    display: flex;

    align-items: center;
    justify-content: center;

    /* background: rgba(0, 0, 0, 0.55); */
    background: rgb(138, 75, 156, 0.8);

    z-index: 99999;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease;
}


/* =========================================================
   MODAL - OPEN STATE
========================================================= */

.brochure-modal.active {
    opacity: 1;
    visibility: visible;
}


/* =========================================================
   MODAL CONTENT
========================================================= */

.brochure-modal-content {
    position: relative;

    width: 500px;
    max-width: calc(100% - 80px);

    background: #8b4aa5;

    /* border-radius: 3px; */

    overflow: hidden;

    /* box-shadow:
        0 10px 35px rgba(50, 15, 65, 0.75); */

    border-style: solid;
    border-width: 1px;
    border-radius: 0px;
    border-color: #333333;
    -webkit-box-shadow: 0 0 7px #404040;
    -o-box-shadow: 0 0 7px #404040;
    -ms-box-shadow: 0 0 7px #404040;
    box-shadow: 0 0 7px #404040;

    transform: scale(0.95);

    transition:
        transform 0.25s ease;
}


/* =========================================================
   MODAL CONTENT - OPEN
========================================================= */

.brochure-modal.active .brochure-modal-content {
    transform: scale(1);
}


/* =========================================================
   MODAL HEADER
========================================================= */

.brochure-modal-header {
    width: 100%;

    padding: 10px 14px;

    border-bottom: 1px solid #ffffff;
}


/* =========================================================
   MODAL TITLE
========================================================= */

.brochure-modal-header h2 {
    margin: 0;

    padding: 0;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 20px;

    font-weight: 500;

    line-height: 1.4;
    letter-spacing: -1px;
}


/* =========================================================
   BROCHURE OPTIONS
========================================================= */

.brochure-modal-options {
    width: 100%;

    padding: 0 10px;
}


/* =========================================================
   INDIVIDUAL BROCHURE OPTION
========================================================= */

.brochure-option {
    width: 100%;

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 10px 4px;

    color: #ffffff;

    text-decoration: none;

    font-family: "Poppins", sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.4;

    border-bottom: 1px solid #ffffff;

    transition:
        background-color 0.2s ease,
        padding-left 0.2s ease;
}


/* =========================================================
   REMOVE BORDER FROM LAST OPTION
========================================================= */

.brochure-option:last-child {
    border-bottom: none;
}


/* =========================================================
   BROCHURE OPTION HOVER
========================================================= */

.brochure-option:hover {
    color: #ffffff;

    text-decoration: none;

    background: rgba(255, 255, 255, 0.08);

    padding-left: 8px;
}


/* =========================================================
   DOWNLOAD ICON
========================================================= */

.brochure-option-icon {
    width: 18px;

    flex: 0 0 18px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    color: #ffffff;

    font-size: 12px;

    line-height: 1;
}


/* =========================================================
   CLOSE BUTTON
========================================================= */

.brochure-modal-close {
    position: absolute;

    top: 35%;

    left: calc(55% + 205px);

    transform: translateY(-50%);

    width: 100px;
    height: 100px;

    padding: 0;

    border: none;

    /* border-radius: 50%; */

    background: transparent;

    cursor: pointer;

    display: flex;

    align-items: center;
    justify-content: center;

    z-index: 2;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}


/* =========================================================
   CLOSE BUTTON HOVER
========================================================= */

.brochure-modal-close:hover {
    /* background: rgba(255, 255, 255, 0.12); */

    /* transform:
        translateY(-50%)
        scale(1.05); */
}


/* =========================================================
   CLOSE ICON - FIRST LINE
========================================================= */

.brochure-modal-close span:first-child {
    position: absolute;

    width: 54px;
    height: 2px;

    background: #ffffff;

    transform: rotate(45deg);
}


/* =========================================================
   CLOSE ICON - SECOND LINE
========================================================= */

.brochure-modal-close span:last-child {
    position: absolute;

    width: 54px;
    height: 2px;

    background: #ffffff;

    transform: rotate(-45deg);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .brochure-modal-content {
        width: 340px;

        max-width: calc(100% - 100px);
    }


    .brochure-modal-close {
        left: calc(35% + 195px);

        width: 44px;
        height: 44px;
    }

    .brochure-modal-close span:first-child,
    .brochure-modal-close span:last-child {
        width: 22px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .brochure-modal-content {
        width: 300px;

        max-width: calc(100% - 90px);
    }


    .brochure-modal-header {
        padding: 9px 12px;
    }


    .brochure-modal-header h2 {
        font-size: 13px;
    }


    .brochure-option {
        padding: 9px 3px;

        font-size: 11px;
    }


    .brochure-option-icon {
        font-size: 11px;
    }


    .brochure-modal-close {
        left: calc(50% + 175px);

        width: 40px;
        height: 40px;

        border-width: 1.5px;
    }


    .brochure-modal-close span:first-child,
    .brochure-modal-close span:last-child {
        width: 20px;

        height: 1.5px;
    }

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width: 380px) {

    .brochure-modal-content {
        width: 270px;

        max-width: calc(100% - 75px);
    }


    .brochure-modal-close {
        left: calc(35% + 155px);

        width: 36px;
        height: 36px;
    }


    .brochure-modal-close span:first-child,
    .brochure-modal-close span:last-child {
        width: 18px;
    }

}


/* =========================================================
   BACK TO TOP BUTTON
========================================================= */

.back-to-top {
    position: fixed;

    right: 20px;
    bottom: 0px;

    width: 45px;
    height: 45px;

    display: flex;

    align-items: center;
    justify-content: center;

    padding: 0;

    border: none;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;

    background: rgba(64, 64, 64, 0.75);

    color: #ffffff;

    font-size: 16px;

    cursor: pointer;

    z-index: 9990;

    opacity: 0;
    visibility: hidden;

    transform: translateY(10px);

    transition:
        opacity 0.3s ease,
        visibility 0.3s ease,
        transform 0.3s ease,
        background-color 0.2s ease;
}


/* =========================================================
   VISIBLE STATE
========================================================= */

.back-to-top.show {
    opacity: 1;

    visibility: visible;

    transform: translateY(0);
}


/* =========================================================
   HOVER
========================================================= */

.back-to-top:hover {
    color: #0074ad;
}


/* =========================================================
   ICON
========================================================= */

.back-to-top i {
    font-size: 15px;

    line-height: 1;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .back-to-top {
        right: 14px;
        bottom: 0px;

        width: 38px;
        height: 38px;

        font-size: 14px;
    }


    .back-to-top i {
        font-size: 14px;
    }

}

/* =========================================================
   PODAR LEARN SCHOOL PAGE
========================================================= */


/* =========================================================
   PLS HERO BANNER
========================================================= */

.pls-hero {
    position: relative;

    width: 100%;
    min-height: 430px;

    background-image: url("../../assets/images/banners/podar-smarter-schools-podar-learn-school.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    overflow: hidden;
}


/* =========================================================
   HERO OVERLAY
========================================================= */

.pls-hero-overlay {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    display: flex;
    align-items: flex-end;
}


/* =========================================================
   HERO CONTENT
========================================================= */

.pls-hero-content {
    width: 100%;

    padding-bottom: 10%;
}


/* =========================================================
   HERO LABEL
========================================================= */

.pls-hero-label {
    display: inline-block;

    margin: 0;

    padding: 9px 20px;

    background: #8b4aa5;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 22px;

    font-weight: 500;

    line-height: 1.3;
}


/* =========================================================
   PLS SECTION SUB-NAVIGATION
========================================================= */

.pls-sub-navigation {
    position: sticky;

    top: 0;

    z-index: 1000;

    width: 100%;

    margin: 0;

    padding: 0;

    background: #8b4aa5;

    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.12);
}


/* =========================================================
   SUB NAVIGATION INNER
========================================================= */

.pls-sub-navigation-inner {
    width: 100%;

    min-height: 58px;

    margin: 0;

    padding-top: 10px;
    padding-bottom: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0;

    border: none;
}


/* =========================================================
   SUB NAVIGATION LINK
========================================================= */

.pls-sub-navigation-link {
    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 35px;

    margin: 0;

    padding: 0 20px;

    color: #ffffff;

    background: transparent;

    border-right: 1px solid #ffffff;

    outline: none;

    text-decoration: none;

    font-family: "Poppins", sans-serif;

    font-size: 17px;

    font-weight: 400;

    line-height: 1.3;

    white-space: nowrap;

    transition:
        color 0.25s ease;
}

.pls-sub-navigation-link:last-child {
    border-right: none;
}


/* =========================================================
   SUB NAVIGATION LINK - HOVER
========================================================= */

.pls-sub-navigation-link:hover {
    color: #ffffff;

    background: transparent;
    

    text-decoration: none;
}


/* =========================================================
   SUB NAVIGATION LINK - FOCUS
========================================================= */

.pls-sub-navigation-link:focus {
    color: #ffffff;

    background: transparent;

    outline: none;

    box-shadow: none;
}


/* =========================================================
   ACTIVE SUB NAVIGATION LINK
========================================================= */

.pls-sub-navigation-link.active {
    color: #ffffff;

    background: transparent;
}


/* =========================================================
   ACTIVE LINK - YELLOW UNDERLINE
========================================================= */

.pls-sub-navigation-link.active::after {
    content: "";

    position: absolute;

    left: 18px;

    right: 18px;

    bottom: 0;

    height: 3px;

    background: #fdaf17;
}


/* =========================================================
   SUB NAVIGATION LINK - HOVER YELLOW BORDER
========================================================= */

.pls-sub-navigation-link:hover::after {
    content: "";

    position: absolute;

    left: 18px;
    right: 18px;

    bottom: 0;

    height: 3px;

    background: #fdaf17;

    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    /* -----------------------------------------------------
       HERO
    ----------------------------------------------------- */

    .pls-hero {
        min-height: 380px;

        background-position: center center;
    }


    .pls-hero-content {
        padding-bottom: 10%;
    }


    .pls-hero-label {
        padding: 8px 17px;

        font-size: 15px;
    }


    /* -----------------------------------------------------
       SUB NAVIGATION
    ----------------------------------------------------- */

    .pls-sub-navigation-inner {
        width: 100%;

        justify-content: flex-start;

        overflow-x: auto;

        overflow-y: hidden;

        scrollbar-width: none;

        -webkit-overflow-scrolling: touch;
    }


    .pls-sub-navigation-inner::-webkit-scrollbar {
        display: none;
    }


    .pls-sub-navigation-link {
        flex: 0 0 auto;

        min-height: 52px;

        padding: 0 17px;

        font-size: 14px;
    }


    .pls-sub-navigation-link.active::after {
        left: 14px;

        right: 14px;

        height: 3px;
    }


    

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    /* -----------------------------------------------------
       HERO
    ----------------------------------------------------- */

    .pls-hero {
        min-height: 320px;

        background-position: center center;
    }


    .pls-hero-overlay {
        align-items: flex-end;
    }


    .pls-hero-content {
        padding-bottom: 10%;
    }


    .pls-hero-label {
        padding: 7px 14px;

        font-size: 13px;
    }


    /* -----------------------------------------------------
       SUB NAVIGATION
    ----------------------------------------------------- */

    .pls-sub-navigation {
        position: sticky;

        top: 0;
    }


    .pls-sub-navigation-inner {
        min-height: 48px;

        justify-content: flex-start;

        overflow-x: auto;

        overflow-y: hidden;

        scrollbar-width: none;
    }


    .pls-sub-navigation-inner::-webkit-scrollbar {
        display: none;
    }


    .pls-sub-navigation-link {
        min-height: 48px;

        padding: 0 14px;

        font-size: 13px;
    }


    .pls-sub-navigation-link.active::after {
        left: 12px;

        right: 12px;

        height: 2px;
    }


    

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width: 380px) {

    /* -----------------------------------------------------
       HERO
    ----------------------------------------------------- */

    .pls-hero {
        min-height: 290px;
    }


    .pls-hero-content {
        padding-bottom: 10%;
    }


    .pls-hero-label {
        padding: 6px 12px;

        font-size: 12px;
    }


    /* -----------------------------------------------------
       SUB NAVIGATION
    ----------------------------------------------------- */

    .pls-sub-navigation-link {
        min-height: 30px;

        padding: 0 11px;

        font-size: 12px;
    }


    .pls-sub-navigation-link.active::after {
        left: 10px;

        right: 10px;

        height: 2px;
    }


    
}


/* =========================================================
   PODAR LEARN SCHOOL
   OVERVIEW SECTION
========================================================= */

.pls-overview {
    width: 100%;

    margin: 0;

    padding: 70px 0 65px;

    background: #ffffff;

    scroll-margin-top: 70px;
}


/* =========================================================
   OVERVIEW CONTAINER
========================================================= */

.pls-overview .container {
    max-width: 1140px;

    margin: 0 auto;
}


/* =========================================================
   MAIN HEADING
========================================================= */

.pls-overview-title {
    margin: 0 0 14px;

    color: #005b9a;

    font-family: "Poppins", sans-serif;

    font-size: 40px;

    font-weight: 500;

    line-height: 1.2;
    letter-spacing: -1px;
}


/* =========================================================
   MAIN INTRODUCTION
========================================================= */

.pls-overview-intro {
    margin: 0 0 17px;

    color: rgba(32, 32, 32, 255);

    font-family: "Poppins", sans-serif;

    font-size: 28px;

    font-weight: 600;

    line-height: 1.2;
    letter-spacing: -1px;
}


/* =========================================================
   OVERVIEW PARAGRAPHS
========================================================= */

.pls-overview p {
    margin: 0 0 22px;

    color: #222222;

    font-family: "Poppins", sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.5;
}


/* =========================================================
   BENEFITS HEADING
========================================================= */

.pls-overview-benefits-title {
    margin: 2px 0 8px;

    color: #111111;

    font-family: "Poppins", sans-serif;

    font-size: 26px;

    font-weight: 500;

    line-height: 1.3;
    letter-spacing: -1px;
}


/* =========================================================
   BENEFITS LIST
========================================================= */

.pls-overview-benefits {
    margin: 0;

    padding-left: 48px;

    color: #222222;

    font-family: "Poppins", sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.8;
}


/* =========================================================
   BENEFITS LIST ITEM
========================================================= */

.pls-overview-benefits li {
    margin: 0;

    padding-left: 2px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

    .pls-overview {
        padding: 60px 0 55px;
    }


    .pls-overview .container {
        max-width: 92%;
    }


    .pls-overview-title {
        font-size: 40px;
    }


    .pls-overview-intro {
        font-size: 27px;
    }


    .pls-overview p {
        font-size: 18px;
    }


    .pls-overview-benefits-title {
        font-size: 27px;
    }


    .pls-overview-benefits {
        font-size: 17px;

        padding-left: 40px;
    }

}


/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */

@media (max-width: 991px) {

    .pls-overview {
        padding: 55px 0 50px;

        scroll-margin-top: 60px;
    }


    .pls-overview .container {
        max-width: 92%;
    }


    .pls-overview-title {
        margin-bottom: 12px;

        font-size: 36px;
    }


    .pls-overview-intro {
        margin-bottom: 16px;

        font-size: 24px;

        line-height: 1.3;
    }


    .pls-overview p {
        margin-bottom: 20px;

        font-size: 17px;

        line-height: 1.55;
    }


    .pls-overview-benefits-title {
        margin-top: 3px;

        font-size: 24px;
    }


    .pls-overview-benefits {
        padding-left: 34px;

        font-size: 16px;

        line-height: 1.55;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .pls-overview {
        padding: 42px 0 45px;

        scroll-margin-top: 55px;
    }


    .pls-overview .container {
        width: auto;

        max-width: none;

        margin: 0;

        padding-left: 20px;
        padding-right: 20px;
    }


    .pls-overview-title {
        margin-bottom: 12px;

        font-size: 29px;

        line-height: 1.2;
    }


    .pls-overview-intro {
        margin-bottom: 16px;

        font-size: 20px;

        line-height: 1.35;
    }


    .pls-overview p {
        margin-bottom: 18px;

        font-size: 15px;

        line-height: 1.65;
    }


    .pls-overview-benefits-title {
        margin-top: 2px;

        margin-bottom: 10px;

        font-size: 20px;

        line-height: 1.4;
    }


    .pls-overview-benefits {
        margin: 0;

        padding-left: 24px;

        font-size: 14px;

        line-height: 1.6;
    }


    .pls-overview-benefits li {
        padding-left: 1px;

        margin-bottom: 3px;
    }

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width: 380px) {

    .pls-overview {
        padding: 38px 0 40px;
    }


    .pls-overview .container {
        padding-left: 16px;
        padding-right: 16px;
    }


    .pls-overview-title {
        font-size: 26px;
    }


    .pls-overview-intro {
        font-size: 18px;
    }


    .pls-overview p {
        font-size: 14px;
    }


    .pls-overview-benefits-title {
        font-size: 18px;
    }


    .pls-overview-benefits {
        padding-left: 22px;

        font-size: 13px;
    }

}

/* =========================================================
   PODAR LEARN SCHOOL
   REQUIREMENTS SECTION
========================================================= */

.pls-requirements {
    width: 100%;

    margin: 0;

    padding: 70px 0;

    background: #98ab02;

    scroll-margin-top: 70px;

    overflow: hidden;
}


/* =========================================================
   REQUIREMENTS INNER
========================================================= */

.pls-requirements-inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 20px;

    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);

    align-items: center;
    column-gap: 55px;

    box-sizing: border-box;
}


/* =========================================================
   IMAGE COLUMN
========================================================= */

.pls-requirements-image-wrap {
    position: relative;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;
}


/* =========================================================
   BLUE IMAGE FRAME
========================================================= */

.pls-requirements-image-frame {
    position: relative;

    width: 88%;

    padding: 22px 0 22px 0;

    /* background: #0067a7; */

    border-radius: 7px;
}


/* =========================================================
   REQUIREMENTS IMAGE
========================================================= */

.pls-requirements-image {
    display: block;

    position: relative;

    width: calc(100% + 40px);

    max-width: none;

    height: auto;

    margin-left: 40px;

    border-radius: 10px;

    object-fit: cover;
}


/* =========================================================
   CONTENT COLUMN
========================================================= */

.pls-requirements-content {
    width: 100%;

    padding: 40px;
}


/* =========================================================
   REQUIREMENTS HEADING
========================================================= */

.pls-requirements-title {
    margin: 0 0 18px;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 38px;

    font-weight: 500;

    line-height: 1.15;
    letter-spacing: -1px;
}


/* =========================================================
   REQUIREMENTS INTRO
========================================================= */

.pls-requirements-intro {
    margin: 0 0 20px;

    max-width: 900px;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 21px;

    font-weight: 600;

    line-height: 1.35;
}


/* =========================================================
   REQUIREMENTS LIST
========================================================= */

.pls-requirements-list {
    margin: 0;

    padding-left: 40px;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.6;
}


/* =========================================================
   REQUIREMENTS LIST ITEMS
========================================================= */

.pls-requirements-list li {
    margin-bottom: 5px;

    padding-left: 4px;
}


.pls-requirements-list li:last-child {
    margin-bottom: 0;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (max-width: 1199px) {

    .pls-requirements {
        padding: 65px 0;
    }


    .pls-requirements-inner {
        max-width: 1250px;

        padding: 0 35px;

        column-gap: 40px;

        grid-template-columns: 43% 57%;
    }


    .pls-requirements-image-frame {
        width: 88%;

        padding-top: 20px;

        padding-bottom: 20px;
    }


    .pls-requirements-image {
        width: calc(100% + 35px);

        margin-left: 35px;
    }


    .pls-requirements-title {
        font-size: 45px;
    }


    .pls-requirements-intro {
        font-size: 24px;
    }


    .pls-requirements-list {
        font-size: 16px;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .pls-requirements {
        padding: 60px 0;

        scroll-margin-top: 60px;
    }


    .pls-requirements-inner {
        max-width: 92%;

        padding: 0;

        grid-template-columns: 1fr;

        row-gap: 45px;
    }


    /* -----------------------------------------------------
       IMAGE
    ----------------------------------------------------- */

    .pls-requirements-image-wrap {
        width: 80%;

        margin: 0 auto;
    }


    .pls-requirements-image-frame {
        width: 82%;

        padding: 18px 0;
    }


    .pls-requirements-image {
        width: calc(100% + 35px);

        margin-left: 35px;
    }


    /* -----------------------------------------------------
       CONTENT
    ----------------------------------------------------- */

    .pls-requirements-content {
        padding: 0;
    }


    .pls-requirements-title {
        font-size: 40px;
    }


    .pls-requirements-intro {
        font-size: 24px;

        line-height: 1.4;
    }


    .pls-requirements-list {
        padding-left: 35px;

        font-size: 17px;

        line-height: 1.6;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .pls-requirements {
        padding: 45px 0 50px;
    }


    .pls-requirements-inner {
        width: auto;

        max-width: none;

        margin: 0;

        padding: 0 20px;

        row-gap: 35px;
    }


    /* -----------------------------------------------------
       IMAGE
    ----------------------------------------------------- */

    .pls-requirements-image-wrap {
        width: 100%;

        margin: 0;
    }


    .pls-requirements-image-frame {
        width: 82%;

        padding: 12px 0;
    }


    .pls-requirements-image {
        width: calc(100% + 20px);

        margin-left: 20px;

        border-radius: 8px;
    }


    /* -----------------------------------------------------
       CONTENT
    ----------------------------------------------------- */

    .pls-requirements-title {
        margin-bottom: 14px;

        font-size: 31px;
    }


    .pls-requirements-intro {
        margin-bottom: 16px;

        font-size: 20px;

        line-height: 1.4;
    }


    .pls-requirements-list {
        padding-left: 25px;

        font-size: 14px;

        line-height: 1.65;
    }


    .pls-requirements-list li {
        margin-bottom: 7px;

        padding-left: 2px;
    }

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width: 380px) {

    .pls-requirements {
        padding: 40px 0 45px;
    }


    .pls-requirements-inner {
        padding: 0 16px;
    }


    .pls-requirements-image-frame {
        width: 80%;

        padding: 10px 0;
    }


    .pls-requirements-image {
        width: calc(100% + 16px);

        margin-left: 16px;
    }


    .pls-requirements-title {
        font-size: 28px;
    }


    .pls-requirements-intro {
        font-size: 18px;
    }


    .pls-requirements-list {
        padding-left: 22px;

        font-size: 13px;
    }

}


/* =========================================================
   PODAR LEARN SCHOOL
   WHY PODAR LEARN SCHOOL SECTION
========================================================= */

.pls-why-section {
    width: 100%;

    margin: 0;

    padding: 65px 0 70px;

    background: #ffffff;

    scroll-margin-top: 70px;
}


/* =========================================================
   CONTAINER
========================================================= */

.pls-why-container {
    width: 100%;

    max-width: 1180px;

    margin: 0 auto;

    padding: 0 20px;
}


/* =========================================================
   SECTION TITLE
========================================================= */

.pls-why-title {
    margin: 0 0 25px;

    color: #222222;

    font-family: "Poppins", sans-serif;

    font-size: 32px;

    font-weight: 500;

    line-height: 1.25;

    text-align: center;
    letter-spacing: -1px;
}


/* =========================================================
   TWO-COLUMN GRID
========================================================= */

.pls-why-grid {
    width: 100%;

    display: grid;

    grid-template-columns: 1fr 1fr;

    column-gap: 30px;

    align-items: start;
}


/* =========================================================
   COLUMN
========================================================= */

.pls-why-column {
    display: flex;

    flex-direction: column;

    gap: 20px;
}


/* =========================================================
   CARD
========================================================= */

.pls-why-card {
    width: 100%;

    padding: 12px 14px 14px;

    background: #ffffff;

    border: 1px solid #e5e5e5;

    border-radius: 10px;

    box-shadow:
        0 3px 10px rgba(0, 0, 0, 0.18);

    box-sizing: border-box;
}


/* =========================================================
   ICON CONTAINER
========================================================= */

.pls-why-icon {
    width: 60px;

    height: 60px;

    margin-bottom: 12px;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    overflow: hidden;
}


/* =========================================================
   ICON IMAGE
========================================================= */

.pls-why-icon img {
    display: block;

    width: auto;

    height: 60px;

    max-width: 60px;

    object-fit: contain;

    object-position: left center;
}


/* =========================================================
   CARD HEADING
========================================================= */

.pls-why-card h3 {
    margin: 0 0 15px;

    color: #222222;

    font-family: "Poppins", sans-serif;

    font-size: 20px;

    font-weight: 500;

    line-height: 1.3;
}


/* =========================================================
   CARD DESCRIPTION
========================================================= */

.pls-why-card p {
    margin: 0;

    color: #222222;

    font-family: "Poppins", sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.65;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (max-width: 1199px) {

    .pls-why-container {
        max-width: 1050px;
    }


    .pls-why-grid {
        column-gap: 25px;
    }


    .pls-why-card h3 {
        font-size: 19px;
    }


    .pls-why-card p {
        font-size: 15px;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .pls-why-section {
        padding: 55px 0 60px;

        scroll-margin-top: 60px;
    }


    .pls-why-container {
        max-width: 92%;

        padding: 0;
    }


    .pls-why-title {
        margin-bottom: 22px;

        font-size: 29px;
    }


    .pls-why-grid {
        column-gap: 20px;
    }


    .pls-why-column {
        gap: 18px;
    }


    .pls-why-card {
        padding: 12px;
    }


    .pls-why-icon {
        width: 55px;

        height: 55px;

        margin-bottom: 10px;
    }


    .pls-why-icon img {
        height: 55px;

        max-width: 55px;
    }


    .pls-why-card h3 {
        margin-bottom: 12px;

        font-size: 18px;
    }


    .pls-why-card p {
        font-size: 14px;

        line-height: 1.6;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .pls-why-section {
        padding: 45px 0 50px;
    }


    .pls-why-container {
        width: auto;

        max-width: none;

        padding-left: 20px;
        padding-right: 20px;
    }


    .pls-why-title {
        margin-bottom: 20px;

        font-size: 26px;

        line-height: 1.25;
    }


    .pls-why-grid {
        grid-template-columns: 1fr;

        row-gap: 18px;

        column-gap: 0;
    }


    .pls-why-column {
        gap: 18px;
    }


    .pls-why-card {
        padding: 12px 13px 15px;

        border-radius: 9px;
    }


    .pls-why-icon {
        width: 55px;

        height: 55px;

        margin-bottom: 10px;
    }


    .pls-why-icon img {
        height: 55px;

        max-width: 55px;
    }


    .pls-why-card h3 {
        margin-bottom: 10px;

        font-size: 18px;

        line-height: 1.35;
    }


    .pls-why-card p {
        font-size: 14px;

        line-height: 1.65;
    }

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width: 380px) {

    .pls-why-section {
        padding: 40px 0 45px;
    }


    .pls-why-container {
        padding-left: 16px;
        padding-right: 16px;
    }


    .pls-why-title {
        font-size: 24px;
    }


    .pls-why-card {
        padding: 11px 12px 14px;
    }


    .pls-why-icon {
        width: 50px;

        height: 50px;
    }


    .pls-why-icon img {
        height: 50px;

        max-width: 50px;
    }


    .pls-why-card h3 {
        font-size: 17px;
    }


    .pls-why-card p {
        font-size: 13px;

        line-height: 1.6;
    }

}

/* =========================================================
   PODAR LEARN SCHOOL
   TESTIMONIALS SECTION
========================================================= */

.pls-testimonials {
    width: 100%;

    margin: 0;

    padding: 65px 0 70px;

    /*
       Replace the path below with your existing
       blue textured background image if required.
    */
    background-image:
        url("../../assets/images/pls-testimonials.jpg");

    background-repeat: repeat;

    background-position: center;

    background-size: cover;

    scroll-margin-top: 70px;

    overflow: hidden;
}


/* =========================================================
   CONTAINER
========================================================= */

.pls-testimonials-container {
    width: 100%;

    max-width: 1180px;

    margin: 0 auto;

    padding: 0 30px;

    box-sizing: border-box;
}


/* =========================================================
   HEADING
========================================================= */

.pls-testimonials-title {
    margin: 0 0 30px;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 32px;

    font-weight: 500;

    line-height: 1.2;

    text-align: center;
}


/* =========================================================
   SLIDER VIEWPORT
========================================================= */

.pls-testimonials-slider {
    width: 100%;

    overflow: hidden;
}


/* =========================================================
   SLIDER TRACK
========================================================= */

.pls-testimonials-track {
    width: 100%;

    display: flex;

    transition: transform 0.6s ease;

    will-change: transform;
}


/* =========================================================
   INDIVIDUAL SLIDE
========================================================= */

.pls-testimonial-slide {
    flex: 0 0 50%;

    width: 50%;

    padding: 0 7px;

    box-sizing: border-box;
}


/* =========================================================
   TESTIMONIAL CARD
========================================================= */

.pls-testimonial-card {
    position: relative;

    min-height: 260px;

    padding: 42px 45px 35px;

    background: rgba(0, 117, 190, 0.88);

    border-radius: 8px;

    box-sizing: border-box;
}

/* =========================================================
   TESTIMONIAL CARD - CHAT STYLE POINTER
========================================================= */

.pls-testimonial-card::after {
    content: "";

    position: absolute;

    left: 30px;

    bottom: -10px;

    width: 0;

    height: 0;

    border-top: 13px solid rgba(0, 117, 190, 0.88);

    border-left: 14px solid transparent;

    border-right: 14px solid transparent;
}


/* =========================================================
   QUOTATION MARK
========================================================= */

.pls-testimonial-quote {
    position: absolute;
    color: #ffffff;
    top: 25px;
    left: 28px;
    font-size: 4rem;
    display: block;

    width: 38px;
    height: auto;

    max-width: 38px;

    margin: 0;
    padding: 0;

    object-fit: contain;
}


/* =========================================================
   TESTIMONIAL TEXT
========================================================= */

.pls-testimonial-text {
    margin: 10px 20px 10px 30px;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 1.2rem;
    font-weight: 400;

    line-height: 1.65;
}


/* =========================================================
   PERSON DETAILS
========================================================= */

.pls-testimonial-person {
    padding: 20px 0 0;
    margin-left: 10px;
}

/* =========================================================
   PERSON NAME
========================================================= */

.pls-testimonial-person h3 {
    margin: 0 0 3px;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 20px;
    font-weight: 600;

    line-height: 1.3;
}

/* =========================================================
   SCHOOL / DESIGNATION
========================================================= */

.pls-testimonial-person p {
    margin: 0;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 15px;
    font-weight: 400;

    line-height: 1.4;
}


/* =========================================================
   INDICATORS
========================================================= */

.pls-testimonials-indicators {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    margin-top: 70px;
}


/* =========================================================
   INDICATOR
========================================================= */

.pls-testimonial-indicator {
    width: 12px;

    height: 12px;

    padding: 0;

    border: 1px solid #ffb719;

    border-radius: 50%;

    background: transparent;

    cursor: pointer;

    box-sizing: border-box;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease;
}

/* =========================================================
   DESKTOP - SHOW TWO INDICATORS
========================================================= */

.pls-testimonial-indicator:nth-child(3),
.pls-testimonial-indicator:nth-child(4) {
    display: none;
}

/* =========================================================
   MOBILE - SHOW FOUR INDICATORS
========================================================= */

@media (max-width: 600px) {

    .pls-testimonial-indicator:nth-child(3),
    .pls-testimonial-indicator:nth-child(4) {
        display: block;
    }

}


/* =========================================================
   ACTIVE INDICATOR
========================================================= */

.pls-testimonial-indicator.active {
    background: #ffb719;

    transform: scale(1.05);
}


/* =========================================================
   HOVER
========================================================= */

.pls-testimonial-indicator:hover {
    background: #ffb719;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (max-width: 1199px) {

    .pls-testimonials {
        padding: 60px 0 65px;
    }


    .pls-testimonials-container {
        max-width: 1180px;

        padding: 0 25px;
    }


    .pls-testimonials-title {
        font-size: 34px;
        margin-bottom: 28px;
        letter-spacing: -1px;
    }


    .pls-testimonial-card {
        min-height: 260px;
        padding: 2.5rem 4rem 2.5rem 4.5rem;
    }


    .pls-testimonial-text {
        font-size: 1.2em;
    }


    .pls-testimonial-person h3 {
        font-size: 22px;
    }


    .pls-testimonial-person p {
        font-size: 16px;
    }


    .pls-testimonials-indicators {
        margin-top: 60px;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .pls-testimonials {
        padding: 55px 0 60px;

        scroll-margin-top: 60px;
    }


    .pls-testimonials-container {
        max-width: 92%;

        padding: 0;
    }


    .pls-testimonials-title {
        margin-bottom: 25px;

        font-size: 32px;
    }


    .pls-testimonial-slide {
        padding: 0 6px;
    }


    .pls-testimonial-card {
        min-height: 300px;

        padding: 48px 38px 35px;

        border-radius: 10px;
    }


    .pls-testimonial-quote {
        top: 25px;

        left: 22px;

        font-size: 68px;
    }


    .pls-testimonial-text {
        font-size: 18px;

        line-height: 1.55;
    }


    .pls-testimonial-person {
        padding: 20px 8px 0;
    }


    .pls-testimonial-person h3 {
        font-size: 20px;
    }


    .pls-testimonial-person p {
        font-size: 15px;
    }


    .pls-testimonials-indicators {
        margin-top: 50px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .pls-testimonials {
        padding: 45px 0 50px;
    }


    .pls-testimonials-container {
        width: auto;

        max-width: none;

        padding-left: 18px;
        padding-right: 18px;
    }


    .pls-testimonials-title {
        margin-bottom: 22px;

        font-size: 27px;
    }


    /*
       On mobile, show one testimonial at a time.
    */

    .pls-testimonial-slide {
        flex: 0 0 100%;

        width: 100%;

        padding: 0;
    }


    .pls-testimonial-card {
        min-height: 280px;

        padding: 48px 30px 30px;

        border-radius: 9px;
    }


    .pls-testimonial-quote {
        top: 24px;

        left: 20px;

        font-size: 62px;
    }


    .pls-testimonial-text {
        font-size: 17px;

        line-height: 1.6;
    }


    .pls-testimonial-person {
        padding: 16px 4px 0;
    }


    .pls-testimonial-person h3 {
        font-size: 19px;
    }


    .pls-testimonial-person p {
        font-size: 14px;

        line-height: 1.45;
    }


    .pls-testimonials-indicators {
        margin-top: 40px;

        gap: 10px;
    }


    .pls-testimonial-indicator {
        width: 15px;

        height: 15px;
    }

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width: 380px) {

    .pls-testimonials {
        padding: 40px 0 45px;
    }


    .pls-testimonials-container {
        padding-left: 15px;
        padding-right: 15px;
    }


    .pls-testimonials-title {
        font-size: 24px;
    }


    .pls-testimonial-card {
        min-height: 270px;

        padding: 45px 24px 28px;
    }


    .pls-testimonial-text {
        font-size: 15px;
    }


    .pls-testimonial-person h3 {
        font-size: 17px;
    }


    .pls-testimonial-person p {
        font-size: 13px;
    }

}

/* =========================================================
   PODAR LEARN SCHOOL
   LOCATIONS SECTION
========================================================= */

.pls-locations {
    width: 100%;

    margin: 0;

    padding: 65px 0 70px;

    background: #8b4aa5;

    scroll-margin-top: 70px;

    box-sizing: border-box;
}


/* =========================================================
   LOCATIONS CONTAINER
========================================================= */

.pls-locations-container {
    width: 100%;

    max-width: 1180px;

    margin: 0 auto;

    padding: 0 20px;

    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.pls-locations-title {
    margin: 0 0 65px;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 38px;

    font-weight: 500;

    line-height: 1.2;

    text-align: center;
}


/* =========================================================
   LOCATION SELECTORS
========================================================= */

.pls-location-selectors {
    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    column-gap: 36px;

    align-items: end;

    margin-bottom: 35px;
}


/* =========================================================
   INDIVIDUAL SELECT WRAPPER
========================================================= */

.pls-location-select {
    position: relative;

    width: 100%;

    box-sizing: border-box;
}


/* =========================================================
   SELECT
========================================================= */

.pls-location-select select {
    width: 100%;

    height: 48px;

    margin: 0;

    padding: 0 38px 0 8px;

    color: #ffffff;

    background: transparent;

    border: none;

    border-bottom: 1px solid rgba(255, 255, 255, 0.9);

    border-radius: 0;

    outline: none;

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    font-family: "Poppins", sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 48px;

    cursor: pointer;

    box-sizing: border-box;
}


/* =========================================================
   SELECT OPTION
========================================================= */

.pls-location-select select option {
    color: #333333;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 16px;
}


/* =========================================================
   CUSTOM DROPDOWN ARROW
========================================================= */

.pls-location-select::after {
    content: "";

    position: absolute;

    top: 18px;

    right: 10px;

    width: 12px;

    height: 12px;

    border-right: 2px solid #ffffff;

    border-bottom: 2px solid #ffffff;

    transform: rotate(45deg);

    pointer-events: none;

    box-sizing: border-box;
}


/* =========================================================
   DISABLED SELECT
========================================================= */

.pls-location-select select:disabled {
    opacity: 0.65;

    cursor: not-allowed;
}


/* =========================================================
   LOCATION DETAILS
========================================================= */

.pls-location-details {
    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    column-gap: 36px;

    align-items: start;

    box-sizing: border-box;
}


/* =========================================================
   INDIVIDUAL LOCATION DETAIL
========================================================= */

.pls-location-detail {
    min-width: 0;

    box-sizing: border-box;
}


/* =========================================================
   LOCATION DETAIL HEADING
========================================================= */

.pls-location-detail h3 {
    margin: 0 0 7px;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 19px;

    font-weight: 600;

    line-height: 1.4;
}


/* =========================================================
   LOCATION DETAIL TEXT
========================================================= */

.pls-location-detail p {
    margin: 0;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 1.55;
}


/* =========================================================
   GOOGLE MAPS LINK
========================================================= */

.pls-google-maps-link {
    display: inline-block;

    margin-top: 15px;

    padding: 0;

    text-decoration: none;

    line-height: 0;

    outline: none;
}


/* =========================================================
   GOOGLE MAPS IMAGE
========================================================= */

.pls-google-maps-link img {
    display: block;

    width: auto;

    height: 38px;

    max-width: 100%;

    margin: 0;

    padding: 0;

    object-fit: contain;
}


/* =========================================================
   GOOGLE MAPS HOVER
========================================================= */

.pls-google-maps-link:hover {
    opacity: 0.9;
}


/* =========================================================
   GOOGLE MAPS FOCUS
========================================================= */

.pls-google-maps-link:focus-visible {
    outline: 2px solid #ffffff;

    outline-offset: 4px;

    border-radius: 20px;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (max-width: 1399px) {

    .pls-locations {
        padding: 60px 0 65px;
    }


    .pls-locations-container {
        max-width: 1180px;

        padding: 0 20px;
    }


    .pls-locations-title {
        margin-bottom: 55px;

        font-size: 36px;
    }


    .pls-location-selectors,
    .pls-location-details {
        column-gap: 30px;
    }


    .pls-location-select select {
        font-size: 17px;
    }


    .pls-location-detail h3 {
        font-size: 18px;
    }


    .pls-location-detail p {
        font-size: 17px;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .pls-locations {
        padding: 55px 0 60px;

        scroll-margin-top: 60px;
    }


    .pls-locations-container {
        max-width: 92%;

        padding: 0;
    }


    .pls-locations-title {
        margin-bottom: 40px;

        font-size: 32px;
    }


    .pls-location-selectors {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        row-gap: 22px;

        column-gap: 30px;

        margin-bottom: 40px;
    }


    .pls-location-details {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        row-gap: 35px;

        column-gap: 30px;
    }


    .pls-location-select select {
        height: 45px;

        font-size: 16px;

        line-height: 45px;
    }


    .pls-location-select::after {
        top: 16px;

        right: 9px;

        width: 11px;

        height: 11px;
    }


    .pls-location-detail h3 {
        font-size: 17px;
    }


    .pls-location-detail p {
        font-size: 16px;
    }


    .pls-google-maps-link img {
        height: 36px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .pls-locations {
        padding: 45px 0 50px;
    }


    .pls-locations-container {
        width: auto;

        max-width: none;

        padding-left: 18px;

        padding-right: 18px;
    }


    .pls-locations-title {
        margin-bottom: 30px;

        font-size: 27px;

        line-height: 1.3;
    }


    .pls-location-selectors {
        grid-template-columns: 1fr;

        row-gap: 12px;

        column-gap: 0;

        margin-bottom: 35px;
    }


    .pls-location-select select {
        height: 43px;

        padding-left: 5px;

        padding-right: 35px;

        font-size: 15px;

        line-height: 43px;
    }


    .pls-location-select::after {
        top: 15px;

        right: 8px;

        width: 10px;

        height: 10px;
    }


    .pls-location-details {
        grid-template-columns: 1fr;

        row-gap: 28px;

        column-gap: 0;
    }


    .pls-location-detail h3 {
        margin-bottom: 5px;

        font-size: 16px;
    }


    .pls-location-detail p {
        font-size: 15px;

        line-height: 1.5;
    }


    .pls-google-maps-link {
        margin-top: 12px;
    }


    .pls-google-maps-link img {
        height: 34px;
    }

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width: 380px) {

    .pls-locations {
        padding: 40px 0 45px;
    }


    .pls-locations-container {
        padding-left: 15px;

        padding-right: 15px;
    }


    .pls-locations-title {
        margin-bottom: 25px;

        font-size: 24px;
    }


    .pls-location-selectors {
        row-gap: 10px;

        margin-bottom: 30px;
    }


    .pls-location-select select {
        height: 40px;

        font-size: 14px;

        line-height: 40px;
    }


    .pls-location-select::after {
        top: 14px;

        width: 9px;

        height: 9px;
    }


    .pls-location-detail h3 {
        font-size: 15px;
    }


    .pls-location-detail p {
        font-size: 14px;
    }


    .pls-google-maps-link img {
        height: 32px;
    }

}



/* =========================================================
   PODAR LEARN SCHOOL
   FAQ SECTION
========================================================= */

.pls-faq {
    width: 100%;

    margin: 0;

    padding: 55px 0 60px;

    background: #ffffff;

    scroll-margin-top: 70px;

    box-sizing: border-box;
}


/* =========================================================
   FAQ CONTAINER
========================================================= */

.pls-faq-container {
    width: 100%;

    max-width: 1330px;

    margin: 0 auto;

    padding: 0 20px;

    box-sizing: border-box;
}


/* =========================================================
   FAQ HEADING
========================================================= */

.pls-faq-title {
    margin: 0 0 22px;

    color: #151515;

    font-family: "Poppins", sans-serif;

    font-size: 36px;

    font-weight: 500;

    line-height: 1.25;

    text-align: center;
}


/* =========================================================
   FAQ ACCORDION
========================================================= */

.pls-faq-accordion {
    width: 100%;

    margin: 0;

    padding: 0;

    box-sizing: border-box;
}


/* =========================================================
   FAQ ITEM
========================================================= */

.pls-faq-item {
    width: 100%;

    margin: 0 0 7px;

    padding: 0;

    border: 1px solid #d9d9d9;

    background: #ffffff;

    box-sizing: border-box;

    overflow: hidden;
}


/* Remove bottom margin from final item */

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


/* =========================================================
   FAQ QUESTION BUTTON
========================================================= */

.pls-faq-question {
    position: relative;

    display: flex;

    align-items: center;

    width: 100%;

    min-height: 62px;

    margin: 0;

    padding: 10px 15px 10px 12px;

    color: #111111;

    background: #ffffff;

    border: 0;

    outline: none;

    font-family: "Poppins", sans-serif;

    font-size: 17px;

    font-weight: 500;

    line-height: 1.4;

    text-align: left;

    cursor: pointer;

    box-sizing: border-box;

    transition:
        background-color 0.25s ease,
        color 0.25s ease;
}


/* =========================================================
   FAQ QUESTION HOVER
========================================================= */

.pls-faq-question:hover {
    background: #fafafa;
}


/* =========================================================
   FAQ QUESTION FOCUS
========================================================= */

.pls-faq-question:focus-visible {
    outline: 2px solid #0072b5;

    outline-offset: -2px;
}


/* =========================================================
   FAQ ICON
========================================================= */

.pls-faq-icon {
    flex: 0 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 29px;

    height: 29px;

    margin-right: 10px;

    color: #ffffff;

    background: #0068a8;

    border-radius: 3px;

    font-family: Arial, sans-serif;

    font-size: 19px;

    font-weight: 700;

    line-height: 1;

    text-align: center;

    box-sizing: border-box;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease;
}


/* =========================================================
   QUESTION TEXT
========================================================= */

.pls-faq-question-text {
    display: block;

    flex: 1 1 auto;

    min-width: 0;

    color: #111111;

    font-family: "Poppins", sans-serif;

    font-size: 17px;

    font-weight: 500;

    line-height: 1.45;
}


/* =========================================================
   ACTIVE QUESTION
========================================================= */

.pls-faq-item.active .pls-faq-question {
    background: #ffffff;
}


/* =========================================================
   ACTIVE ICON
========================================================= */

.pls-faq-item.active .pls-faq-icon {
    background: #0068a8;
}


/* =========================================================
   FAQ ANSWER
========================================================= */

.pls-faq-answer {
    display: grid;

    grid-template-rows: 0fr;

    opacity: 0;

    margin: 0;

    padding: 0;

    transition:
        grid-template-rows 0.35s ease,
        opacity 0.25s ease;
}


/* =========================================================
   OPEN ANSWER
========================================================= */

.pls-faq-item.active .pls-faq-answer {
    grid-template-rows: 1fr;

    opacity: 1;
}


/* =========================================================
   ANSWER INNER
========================================================= */

.pls-faq-answer-inner {
    min-height: 0;

    overflow: hidden;

    padding: 0 12px 0 51px;

    box-sizing: border-box;

    transition:
        padding 0.35s ease;
}


/* =========================================================
   OPEN ANSWER INNER
========================================================= */

.pls-faq-item.active .pls-faq-answer-inner {
    padding-top: 0;

    padding-bottom: 17px;
}


/* =========================================================
   ANSWER TEXT
========================================================= */

.pls-faq-answer p {
    margin: 0;

    color: #111111;

    font-family: "Poppins", sans-serif;

    font-size: 17px;

    font-weight: 400;

    line-height: 1.65;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .pls-faq {
        padding: 50px 0 55px;
    }


    .pls-faq-container {
        max-width: 94%;

        padding: 0;
    }


    .pls-faq-title {
        margin-bottom: 20px;

        font-size: 32px;
    }


    .pls-faq-question {
        min-height: 58px;

        padding: 9px 13px 9px 10px;

        font-size: 16px;
    }


    .pls-faq-question-text {
        font-size: 16px;
    }


    .pls-faq-icon {
        width: 28px;

        height: 28px;

        margin-right: 9px;

        font-size: 18px;
    }


    .pls-faq-answer-inner {
        padding-left: 47px;

        padding-right: 12px;
    }


    .pls-faq-item.active .pls-faq-answer-inner {
        padding-bottom: 15px;
    }


    .pls-faq-answer p {
        font-size: 16px;

        line-height: 1.6;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .pls-faq {
        padding: 40px 0 45px;

        scroll-margin-top: 60px;
    }


    .pls-faq-container {
        max-width: none;

        padding-left: 15px;

        padding-right: 15px;
    }


    .pls-faq-title {
        margin-bottom: 18px;

        font-size: 27px;

        line-height: 1.3;
    }


    .pls-faq-item {
        margin-bottom: 6px;
    }


    .pls-faq-question {
        min-height: 54px;

        padding: 8px 10px;

        font-size: 15px;

        line-height: 1.4;
    }


    .pls-faq-icon {
        width: 26px;

        height: 26px;

        margin-right: 8px;

        border-radius: 3px;

        font-size: 17px;
    }


    .pls-faq-question-text {
        font-size: 15px;

        line-height: 1.4;
    }


    .pls-faq-answer-inner {
        padding-left: 44px;

        padding-right: 10px;
    }


    .pls-faq-item.active .pls-faq-answer-inner {
        padding-bottom: 14px;
    }


    .pls-faq-answer p {
        font-size: 14px;

        line-height: 1.55;
    }

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width: 380px) {

    .pls-faq {
        padding-top: 35px;

        padding-bottom: 40px;
    }


    .pls-faq-container {
        padding-left: 12px;

        padding-right: 12px;
    }


    .pls-faq-title {
        font-size: 24px;
    }


    .pls-faq-question {
        min-height: 50px;

        padding: 7px 8px;
    }


    .pls-faq-icon {
        width: 24px;

        height: 24px;

        margin-right: 7px;

        font-size: 16px;
    }


    .pls-faq-question-text {
        font-size: 14px;
    }


    .pls-faq-answer-inner {
        padding-left: 39px;

        padding-right: 8px;
    }


    .pls-faq-answer p {
        font-size: 13px;
    }

}

/* =========================================================
   SMOOTH PAGE SCROLL
========================================================= */

html {
    scroll-behavior: smooth;
}

/* =========================================================
   PODAR CURRICULUM CONSULTANCY PAGE
========================================================= */


/* =========================================================
   PCC HERO BANNER
========================================================= */

.pcc-hero {
    position: relative;

    width: 100%;

    min-height: 430px;

    /*
     * Replace this filename if your actual PCC
     * banner image has a different filename.
     */
    background-image: url("../images/banners/podar-smarter-schools-podar-curriculum-consultancy.jpg");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    overflow: hidden;
}


/* =========================================================
   PCC HERO OVERLAY
========================================================= */

.pcc-hero-overlay {
    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: flex-end;
}


/* =========================================================
   PCC HERO CONTENT
========================================================= */

.pcc-hero-content {
    width: 100%;

    padding-bottom: 10%;
}


/* =========================================================
   PCC HERO LABEL
========================================================= */

.pcc-hero-label {
    display: inline-block;

    margin: 0;

    padding: 9px 20px;

    background: #8b4aa5;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 22px;

    font-weight: 500;

    line-height: 1.3;
}


/* =========================================================
   PCC SUB-NAVIGATION
========================================================= */

.pcc-sub-navigation {
    position: sticky;

    top: 0;

    z-index: 1000;

    width: 100%;

    margin: 0;

    padding: 0;

    background: #8b4aa5;

    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.12);
}


/* =========================================================
   PCC SUB-NAVIGATION INNER
========================================================= */

.pcc-sub-navigation-inner {
    width: 100%;

    min-height: 58px;

    margin: 0;

    padding-top: 10px;

    padding-bottom: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0;

    border: none;
}


/* =========================================================
   PCC SUB-NAVIGATION LINK
========================================================= */

.pcc-sub-navigation-link {
    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 35px;

    margin: 0;

    padding: 0 20px;

    color: #ffffff;

    background: transparent;

    border-right: 1px solid #ffffff;

    outline: none;

    text-decoration: none;

    font-family: "Poppins", sans-serif;

    font-size: 17px;

    font-weight: 400;

    line-height: 1.3;

    white-space: nowrap;

    transition:
        color 0.25s ease;
}


/* Remove separator from final link */

.pcc-sub-navigation-link:last-child {
    border-right: none;
}


/* =========================================================
   PCC SUB-NAVIGATION HOVER
========================================================= */

.pcc-sub-navigation-link:hover {
    color: #ffffff;

    background: transparent;

    text-decoration: none;
}


/* =========================================================
   PCC SUB-NAVIGATION FOCUS
========================================================= */

.pcc-sub-navigation-link:focus {
    color: #ffffff;

    background: transparent;

    outline: none;

    box-shadow: none;
}


/* =========================================================
   PCC ACTIVE LINK
========================================================= */

.pcc-sub-navigation-link.active {
    color: #ffffff;

    background: transparent;
}


/* =========================================================
   PCC ACTIVE / HOVER YELLOW UNDERLINE
========================================================= */

.pcc-sub-navigation-link.active::after,
.pcc-sub-navigation-link:hover::after {
    content: "";

    position: absolute;

    left: 18px;

    right: 18px;

    bottom: 0;

    height: 3px;

    background: #fdaf17;
}


/* =========================================================
   PCC PLACEHOLDER SECTIONS

   These are temporary. They will be replaced by the
   actual sections as we build the page.
========================================================= */

.pcc-overview-placeholder,
.pcc-why-placeholder,
.pcc-testimonials-placeholder,
.pcc-locations-placeholder,
.pcc-enquiry-placeholder {
    width: 100%;

    min-height: 1px;

    margin: 0;

    padding: 0;
}


/* =========================================================
   PCC MOBILE / TABLET
========================================================= */

@media (max-width: 991px) {

    .pcc-hero {
        min-height: 380px;

        background-position: center center;
    }


    .pcc-hero-content {
        padding-bottom: 10%;
    }


    .pcc-hero-label {
        padding: 8px 17px;

        font-size: 15px;
    }


    .pcc-sub-navigation-inner {
        width: 100%;

        justify-content: flex-start;

        overflow-x: auto;

        overflow-y: hidden;

        scrollbar-width: none;

        -webkit-overflow-scrolling: touch;
    }


    .pcc-sub-navigation-inner::-webkit-scrollbar {
        display: none;
    }


    .pcc-sub-navigation-link {
        flex: 0 0 auto;

        min-height: 52px;

        padding: 0 17px;

        font-size: 14px;
    }


    .pcc-sub-navigation-link.active::after,
    .pcc-sub-navigation-link:hover::after {
        left: 14px;

        right: 14px;

        height: 3px;
    }

}


/* =========================================================
   PCC MOBILE
========================================================= */

@media (max-width: 600px) {

    .pcc-hero {
        min-height: 320px;

        background-position: center center;
    }


    .pcc-hero-overlay {
        align-items: flex-end;
    }


    .pcc-hero-content {
        padding-bottom: 10%;
    }


    .pcc-hero-label {
        padding: 7px 14px;

        font-size: 13px;
    }


    .pcc-sub-navigation {
        position: sticky;

        top: 0;
    }


    .pcc-sub-navigation-inner {
        min-height: 48px;

        justify-content: flex-start;

        overflow-x: auto;

        overflow-y: hidden;

        scrollbar-width: none;
    }


    .pcc-sub-navigation-inner::-webkit-scrollbar {
        display: none;
    }


    .pcc-sub-navigation-link {
        min-height: 48px;

        padding: 0 14px;

        font-size: 13px;
    }


    .pcc-sub-navigation-link.active::after,
    .pcc-sub-navigation-link:hover::after {
        left: 12px;

        right: 12px;

        height: 2px;
    }

}


/* =========================================================
   PCC VERY SMALL DEVICES
========================================================= */

@media (max-width: 380px) {

    .pcc-hero {
        min-height: 290px;
    }


    .pcc-hero-content {
        padding-bottom: 10%;
    }


    .pcc-hero-label {
        padding: 6px 12px;

        font-size: 12px;
    }


    .pcc-sub-navigation-link {
        min-height: 30px;

        padding: 0 11px;

        font-size: 12px;
    }


    .pcc-sub-navigation-link.active::after,
    .pcc-sub-navigation-link:hover::after {
        left: 10px;

        right: 10px;

        height: 2px;
    }

}


/* =========================================================
   PODAR CURRICULUM CONSULTANCY
   OVERVIEW SECTION
========================================================= */

.pcc-overview {
    width: 100%;

    margin: 0;

    padding: 55px 0 60px;

    background: #ffffff;

    scroll-margin-top: 70px;
}


/* =========================================================
   OVERVIEW INNER CONTAINER
========================================================= */

.pcc-overview-inner {
    width: min(88%, 1615px);

    margin: 0 auto;

    padding: 0;
}


/* =========================================================
   OVERVIEW MAIN HEADING
========================================================= */

.pcc-overview-title {
    margin: 0 0 12px;

    color: #005b9a;

    font-family: "Poppins", sans-serif;

    font-size: 40px;

    font-weight: 500;

    line-height: 1.2;
    letter-spacing: -1px;
}


/* =========================================================
   OVERVIEW INTRODUCTION
========================================================= */

.pcc-overview-intro {
    margin: 0 0 17px;
    color: rgba(32, 32, 32, 255);
    font-family: "Poppins", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -1px;
}


/* =========================================================
   OVERVIEW DESCRIPTION
========================================================= */

.pcc-overview-description {
    margin: 0 0 22px;
    color: #222222;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}


/* =========================================================
   OVERVIEW SUB HEADING
========================================================= */

.pcc-overview-subtitle {
    margin: 2px 0 8px;
    color: #111111;
    font-family: "Poppins", sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -1px;
}


/* =========================================================
   OVERVIEW LIST
========================================================= */

.pcc-overview-list {
    margin: 0;
    padding-left: 48px;
    color: #222222;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
}


/* =========================================================
   OVERVIEW LIST ITEMS
========================================================= */

.pcc-overview-list li {
    margin: 0;

    padding-left: 3px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .pcc-overview {
        padding: 45px 0 50px;
    }


    .pcc-overview-inner {
        width: 90%;
    }


    .pcc-overview-title {
        font-size: 36px;
    }


    .pcc-overview-intro {
        font-size: 25px;
    }


    .pcc-overview-description {
        font-size: 17px;
    }


    .pcc-overview-subtitle {
        font-size: 23px;
    }


    .pcc-overview-list {
        font-size: 16px;

        line-height: 1.55;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .pcc-overview {
        padding: 35px 0 40px;

        scroll-margin-top: 55px;
    }


    .pcc-overview-inner {
        width: 90%;
    }


    .pcc-overview-title {
        margin-bottom: 10px;

        font-size: 28px;

        line-height: 1.25;
    }


    .pcc-overview-intro {
        margin-bottom: 15px;

        font-size: 20px;

        line-height: 1.3;
    }


    .pcc-overview-description {
        margin-bottom: 10px;

        font-size: 15px;

        line-height: 1.55;
    }


    .pcc-overview-subtitle {
        margin-bottom: 10px;

        font-size: 19px;

        line-height: 1.35;
    }


    .pcc-overview-list {
        padding-left: 22px;

        font-size: 14px;

        line-height: 1.55;
    }


    .pcc-overview-list li {
        padding-left: 2px;

        margin-bottom: 5px;
    }

}

/* =========================================================
   PCC - WHY PODAR CURRICULUM CONSULTANCY
========================================================= */

.pcc-why {
    width: 100%;

    margin: 0;

    padding: 55px 0 70px;

    background: #543b72;

    scroll-margin-top: 70px;
}


/* =========================================================
   INNER CONTAINER
========================================================= */

.pcc-why-inner {
    width: min(90%, 1500px);

    margin: 0 auto;
}


/* =========================================================
   SECTION TITLE
========================================================= */

.pcc-why-title {
    margin: 0 0 25px;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    letter-spacing: -1px;   
}


/* =========================================================
   CARD GRID
========================================================= */

.pcc-why-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    gap: 40px;

    align-items: start;
}


/* =========================================================
   RIGHT COLUMN
========================================================= */

.pcc-why-right {
    display: flex;

    flex-direction: column;

    gap: 28px;
}


/* =========================================================
   CARD
========================================================= */

.pcc-why-card {
    width: 100%;

    margin: 0;

    padding: 20px 24px 25px;

    background: #ffffff;

    border-radius: 12px;

    box-sizing: border-box;
}


/* =========================================================
   LARGE LEFT CARD
========================================================= */

.pcc-why-card-large {
    height: 100%;
}


/* =========================================================
   ICON
========================================================= */

.pcc-why-icon {
    width: 72px;

    height: 72px;

    margin: 0 0 25px;

    display: flex;

    align-items: flex-start;

    justify-content: flex-start;
}


.pcc-why-icon img {
    display: block;

    width: auto;

    height: 72px;

    max-width: 90px;

    object-fit: contain;
}


/* =========================================================
   CARD TITLE
========================================================= */

.pcc-why-card-title {
    margin: 0 0 15px;
    color: #222222;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
}


/* =========================================================
   CARD TEXT
========================================================= */

.pcc-why-card-text {
   margin: 0;
    color: #222222;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .pcc-why {
        padding: 45px 0 55px;
    }


    .pcc-why-inner {
        width: 90%;
    }


    .pcc-why-title {
        margin-bottom: 25px;

        font-size: 32px;
    }


    .pcc-why-grid {
        gap: 25px;
    }


    .pcc-why-right {
        gap: 22px;
    }


    .pcc-why-card {
        padding: 18px 20px 22px;
    }


    .pcc-why-icon {
        width: 65px;

        height: 65px;

        margin-bottom: 20px;
    }


    .pcc-why-icon img {
        height: 65px;
    }


    .pcc-why-card-title {
        font-size: 21px;

        margin-bottom: 15px;
    }


    .pcc-why-card-text {
        font-size: 15px;

        line-height: 1.55;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .pcc-why {
        padding: 35px 0 45px;

        scroll-margin-top: 55px;
    }


    .pcc-why-inner {
        width: 90%;
    }


    .pcc-why-title {
        margin-bottom: 22px;

        font-size: 25px;

        line-height: 1.3;
    }


    .pcc-why-grid {
        display: flex;

        flex-direction: column;

        gap: 18px;
    }


    .pcc-why-right {
        gap: 18px;
    }


    .pcc-why-card {
        padding: 18px 18px 22px;

        border-radius: 10px;
    }


    .pcc-why-icon {
        width: 58px;

        height: 58px;

        margin-bottom: 17px;
    }


    .pcc-why-icon img {
        height: 58px;

        max-width: 75px;
    }


    .pcc-why-card-title {
        margin-bottom: 12px;

        font-size: 19px;

        line-height: 1.35;
    }


    .pcc-why-card-text {
        font-size: 14px;

        line-height: 1.55;
    }

}

/* =========================================================
   PCC TESTIMONIALS
========================================================= */

.pcc-testimonials {
    width: 100%;

    margin: 0;

    padding: 55px 0 65px;

    background-image: url(../../assets/images/pls-testimonials.jpg);

    scroll-margin-top: 70px;

    overflow: hidden;
}


/* =========================================================
   INNER
========================================================= */

.pcc-testimonials-inner {
    width: min(90%, 1500px);

    margin: 0 auto;
}


/* =========================================================
   TITLE
========================================================= */

.pcc-testimonials-title {
    margin: 0 0 28px;

    color: #ffffff;

    text-align: center;

    font-family: "Poppins", sans-serif;

    font-size: 38px;

    font-weight: 500;

    line-height: 1.25;
}


/* =========================================================
   SLIDER
========================================================= */

.pcc-testimonials-slider {
    width: 100%;

    overflow: hidden;
}


/* =========================================================
   TRACK
========================================================= */

.pcc-testimonials-track {
    display: flex;

    width: 100%;

    margin: 0;

    padding: 0;

    transition:
        transform 0.55s ease;

    will-change: transform;
}


/* =========================================================
   SLIDE
========================================================= */

.pcc-testimonial-slide {
    flex: 0 0 50%;

    width: 50%;

    box-sizing: border-box;

    padding: 0 10px;
}


/* =========================================================
   TESTIMONIAL CARD
========================================================= */

.pcc-testimonial-card {
    position: relative;
    min-height: 400px;
    padding: 42px 45px 35px;
    background: rgba(0, 117, 190, 0.88);
    border-radius: 8px;
    box-sizing: border-box;
}

/* =========================================================
   TESTIMONIAL CARD - CHAT STYLE POINTER
========================================================= */

.pcc-testimonial-card::after {
    content: "";
    position: absolute;
    left: 30px;
    bottom: -10px;
    width: 0;
    height: 0;
    border-top: 13px solid rgba(0, 117, 190, 0.88);
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
}


/* =========================================================
   QUOTE
========================================================= */

.pcc-testimonial-quote {
    position: absolute;
    color: #ffffff;
    top: 25px;
    left: 28px;
    font-size: 4rem;
    display: block;
    width: 38px;
    height: auto;
    max-width: 38px;
    margin: 0;
    padding: 0;
    object-fit: contain;
}


/* =========================================================
   TEXT
========================================================= */

.pcc-testimonial-text {
    margin: 10px 20px 10px 30px;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.65;
}


/* =========================================================
   TESTIMONIAL PERSON
========================================================= */




/* =========================================================
   INDICATORS
========================================================= */

.pcc-testimonials-indicators {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 9px;

    margin-top: 45px;
}


.pcc-testimonial-indicator {
    width: 10px;
    height: 10px;

    margin: 0;
    padding: 0;

    background: transparent;

    border: 1px solid #fdb51a;

    border-radius: 50%;

    cursor: pointer;

    transition:
        background 0.25s ease,
        transform 0.25s ease;
}


.pcc-testimonial-indicator.active {
    background: #fdb51a;

    transform: scale(1.05);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .pcc-testimonials {
        padding: 45px 0 55px;
    }


    .pcc-testimonials-title {
        font-size: 32px;

        margin-bottom: 24px;
    }


    .pcc-testimonial-card {
        min-height: 260px;

        padding: 40px 28px 30px;
    }


    .pcc-testimonial-text {
        font-size: 15px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .pcc-testimonials {
        padding: 35px 0 45px;

        scroll-margin-top: 55px;
    }


    .pcc-testimonials-inner {
        width: 90%;
    }


    .pcc-testimonials-title {
        margin-bottom: 20px;

        font-size: 25px;
    }


    .pcc-testimonial-slide {
        flex: 0 0 100%;

        width: 100%;

        padding: 0;
    }


    .pcc-testimonial-card {
        min-height: 250px;

        padding: 42px 25px 30px;
    }


    .pcc-testimonial-quote {
        top: 22px;

        left: 20px;

        font-size: 50px;
    }

    .pcc-testimonial-text {
        font-size: 14px;

        line-height: 1.55;
    }



    .pcc-testimonials-indicators {
        margin-top: 30px;
    }

}

/* =========================================================
   PCC LOCATIONS
========================================================= */

.pcc-locations {
    width: 100%;

    margin: 0;

    padding: 60px 0 65px;

    background: #914ba3;

    scroll-margin-top: 70px;

    color: #ffffff;
}


.pcc-locations-inner {
    width: min(90%, 1500px);

    margin: 0 auto;
}


/* =========================================================
   TITLE
========================================================= */

.pcc-locations-title {
    margin: 0 0 65px;

    color: #ffffff;

    text-align: center;

    font-family: "Poppins", sans-serif;

    font-size: 38px;

    font-weight: 500;

    line-height: 1.25;
}


/* =========================================================
   SELECTORS
========================================================= */

.pcc-location-selectors {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 35px;

    width: 100%;
}


/* =========================================================
   SELECT GROUP
========================================================= */

.pcc-location-select {
    position: relative;

    width: 100%;
}


.pcc-location-select label {
    display: block;

    margin: 0 0 10px;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.3;
}


/* =========================================================
   SELECT WRAPPER
========================================================= */

.pcc-select-wrapper {
    position: relative;

    width: 100%;
}


/* =========================================================
   SELECT
========================================================= */

.pcc-select-wrapper select {
    width: 100%;

    height: 43px;

    margin: 0;

    padding: 0 45px 0 0;

    color: #ffffff;

    background: transparent;

    border: 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.8);

    border-radius: 0;

    outline: none;

    appearance: none;

    -webkit-appearance: none;

    cursor: pointer;

    font-family: "Poppins", sans-serif;

    font-size: 17px;

    font-weight: 400;
}


.pcc-select-wrapper select:focus {
    border-bottom-color: #ffffff;
}


.pcc-select-wrapper select:disabled {
    opacity: 0.7;

    cursor: not-allowed;
}


/* =========================================================
   SELECT OPTIONS
========================================================= */

.pcc-select-wrapper select option {
    color: #111111;

    background: #ffffff;
}


/* =========================================================
   CUSTOM ARROW
========================================================= */

.pcc-select-arrow {
    position: absolute;

    top: 50%;

    right: 8px;

    width: 12px;

    height: 12px;

    border-right: 2px solid #ffffff;

    border-bottom: 2px solid #ffffff;

    transform:
        translateY(-65%)
        rotate(45deg);

    pointer-events: none;
}


/* =========================================================
   LOCATION DETAILS
========================================================= */

.pcc-location-details {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 35px;

    margin-top: 35px;

    padding-top: 0;
}


.pcc-location-details[hidden] {
    display: none;
}


/* =========================================================
   DETAIL
========================================================= */

.pcc-location-detail {
    min-width: 0;
}


.pcc-location-detail h3 {
    margin: 0 0 8px;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 20px;

    font-weight: 700;

    line-height: 1.3;
}


.pcc-location-detail p {
    margin: 0;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 1.5;
}


/* =========================================================
   GOOGLE MAP BUTTON
========================================================= */

.pcc-google-map-button {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    margin-top: 12px;

    padding: 7px 16px;

    color: #6f4380;

    background: #ffffff;

    border-radius: 20px;

    text-decoration: none;

    font-family: "Poppins", sans-serif;

    font-size: 13px;

    font-weight: 500;

    line-height: 1;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


.pcc-google-map-button:hover {
    color: #6f4380;

    background: #ffffff;

    transform: translateY(-1px);

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.15);
}


.pcc-map-icon {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    font-size: 13px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .pcc-locations {
        padding: 50px 0 55px;
    }


    .pcc-locations-title {
        margin-bottom: 45px;

        font-size: 32px;
    }


    .pcc-location-selectors {
        gap: 25px;
    }


    .pcc-location-details {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 30px;
    }


    .pcc-location-detail h3 {
        font-size: 18px;
    }


    .pcc-location-detail p {
        font-size: 16px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .pcc-locations {
        padding: 40px 0 45px;

        scroll-margin-top: 55px;
    }


    .pcc-locations-inner {
        width: 90%;
    }


    .pcc-locations-title {
        margin-bottom: 30px;

        font-size: 25px;

        line-height: 1.3;
    }


    .pcc-location-selectors {
        display: flex;

        flex-direction: column;

        gap: 20px;
    }


    .pcc-location-select label {
        font-size: 14px;
    }


    .pcc-select-wrapper select {
        height: 40px;

        font-size: 15px;
    }


    .pcc-location-details {
        display: flex;

        flex-direction: column;

        gap: 22px;

        margin-top: 30px;
    }


    .pcc-location-detail h3 {
        font-size: 17px;
    }


    .pcc-location-detail p {
        font-size: 15px;
    }


    .pcc-google-map-button {
        font-size: 12px;

        padding: 7px 14px;
    }

}


/* =========================================================
   PODAR CORPORATE SCHOOLS
   HERO + SUB NAVIGATION
========================================================= */

/* =========================================================
   PODAR CORPORATE SCHOOLS
   HERO BANNER
========================================================= */

.pcs-hero {
    position: relative;

    width: 100%;

    min-height: 430px;

    margin: 0;

    background-image:
        url("../../assets/images/banners/podar-smarter-schools-corporate-schools.jpg");

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    overflow: hidden;
}


/* =========================================================
   HERO OVERLAY
========================================================= */

.pcs-hero-overlay {
    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: flex-end;
}


/* =========================================================
   HERO INNER
========================================================= */

.pcs-hero-inner {
    width: min(90%, 1500px);

    margin: 0 auto;

    padding: 0;
}



/* =========================================================
   HERO CONTENT
========================================================= */

.pcs-hero-content {
    width: 100%;

    padding-bottom: 10%;
}



/* =========================================================
   HERO LABEL
========================================================= */

.pcs-hero-label {
    display: inline-block;

    margin: 0;

    padding: 9px 20px;

    color: #ffffff;

    background: #8b4aa5;

    font-family: "Poppins", sans-serif;

    font-size: 22px;

    font-weight: 500;

    line-height: 1.3;
}



/* =========================================================
   PODAR CORPORATE SCHOOLS
   SUB-NAVIGATION
========================================================= */

.pcs-sub-navigation {
    position: sticky;

    top: 0;

    z-index: 1000;

    width: 100%;

    margin: 0;

    padding: 0;

    background: #8b4aa5;

    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.12);
}


/* =========================================================
   SUB-NAVIGATION INNER
========================================================= */

.pcs-sub-navigation-inner {
    width: 100%;

    min-height: 58px;

    margin: 0;

    padding-top: 10px;

    padding-bottom: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0;

    border: none;
}


/* =========================================================
   SUB-NAVIGATION LINK
========================================================= */

.pcs-sub-navigation-link {
    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 35px;

    margin: 0;

    padding: 0 20px;

    color: #ffffff;

    background: transparent;

    border-right: 1px solid #ffffff;

    outline: none;

    text-decoration: none;

    font-family: "Poppins", sans-serif;

    font-size: 17px;

    font-weight: 400;

    line-height: 1.3;

    white-space: nowrap;

    transition:
        color 0.25s ease;
}


/* =========================================================
   REMOVE BORDER FROM LAST ITEM
========================================================= */

.pcs-sub-navigation-link:last-child {
    border-right: none;
}


/* =========================================================
   SUB NAVIGATION LINK - HOVER
========================================================= */

.pcs-sub-navigation-link:hover {
    color: #ffffff;

    background: transparent;
    

    text-decoration: none;
}


/* =========================================================
   SUB NAVIGATION LINK - FOCUS
========================================================= */

.pcs-sub-navigation-link:focus {
    color: #ffffff;

    background: transparent;

    outline: none;

    box-shadow: none;
}


/* =========================================================
   ACTIVE SUB NAVIGATION LINK
========================================================= */

.pcs-sub-navigation-link.active {
    color: #ffffff;

    background: transparent;
}


/* =========================================================
   ACTIVE LINK - YELLOW UNDERLINE
========================================================= */

.pcs-sub-navigation-link.active::after {
    content: "";

    position: absolute;

    left: 18px;

    right: 18px;

    bottom: 0;

    height: 3px;

    background: #fdaf17;
}


/* =========================================================
   SUB NAVIGATION LINK - HOVER YELLOW BORDER
========================================================= */

.pcs-sub-navigation-link:hover::after {
    content: "";

    position: absolute;

    left: 18px;
    right: 18px;

    bottom: 0;

    height: 3px;

    background: #fdaf17;

    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}



/* =========================================================
   ACTIVE LINK
========================================================= */

.pcs-sub-navigation-link.active {
    color: #ffffff;
}


.pcs-sub-navigation-link.active::after {
    transform: scaleX(1);
}



/* =========================================================
   PLACEHOLDER SECTIONS
========================================================= */

.pcs-overview,
.pcs-platinum,
.pcs-gold,
.pcs-case-study,
.pcs-enquiry {
    width: 100%;

    margin: 0;

    padding: 0;
}


/* =========================================================
   SECTION INNER
========================================================= */

.pcs-section-inner {
    width: min(90%, 1500px);

    margin: 0 auto;
}


/* =========================================================
   SCROLL OFFSET
========================================================= */

.pcs-overview,
.pcs-platinum,
.pcs-gold,
.pcs-case-study,
.pcs-enquiry {
    scroll-margin-top: 70px;
}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .pcs-hero {
        min-height: 380px;
    }


    .pcs-hero-inner {
        width: 90%;
    }


    .pcs-hero-content {
        padding-bottom: 10%;
    }


    .pcs-hero-label {
        padding: 8px 17px;

        font-size: 15px;
    }


    .pcs-sub-navigation-inner {
        min-height: 55px;

        padding-top: 9px;

        padding-bottom: 9px;
    }


    .pcs-sub-navigation-link {
        min-height: 35px;

        padding: 0 17px;

        font-size: 15px;
    }

}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .pcs-hero {
        min-height: 320px;
    }


    .pcs-hero-inner {
        width: 90%;
    }


    .pcs-hero-content {
        padding-bottom: 10%;
    }


    .pcs-hero-label {
        padding: 7px 14px;

        font-size: 13px;
    }


    /* -----------------------------------------------
       Horizontal scrolling sub-navigation
    ------------------------------------------------ */

    .pcs-sub-navigation-inner {
        min-height: 48px;

        justify-content: flex-start;

        overflow-x: auto;

        overflow-y: hidden;

        scrollbar-width: none;

        -webkit-overflow-scrolling: touch;
    }


    .pcs-sub-navigation-inner::-webkit-scrollbar {
        display: none;
    }


    .pcs-sub-navigation-link {
        flex: 0 0 auto;

        min-height: 48px;

        padding: 0 14px;

        font-size: 13px;
    }


    .pcs-sub-navigation-link::after {
        left: 12px;

        right: 12px;

        height: 2px;
    }


    .pcs-section-inner {
        width: 90%;
    }


    .pcs-overview,
    .pcs-platinum,
    .pcs-gold,
    .pcs-case-study,
    .pcs-enquiry {
        scroll-margin-top: 55px;
    }

}


/* =========================================================
   VERY SMALL DEVICES
   380px AND BELOW
========================================================= */

@media (max-width: 380px) {

    .pcs-hero {
        min-height: 290px;
    }


    .pcs-hero-content {
        padding-bottom: 10%;
    }


    .pcs-hero-label {
        padding: 6px 12px;

        font-size: 12px;
    }


    .pcs-sub-navigation-link {
        min-height: 30px;

        padding: 0 11px;

        font-size: 12px;
    }


    .pcs-sub-navigation-link.active::after {
        left: 10px;

        right: 10px;

        height: 2px;
    }


    .pcs-sub-navigation-link:hover::after {
        left: 10px;

        right: 10px;

        height: 2px;
    }

}


/* =========================================================
   PODAR CORPORATE SCHOOLS
   OVERVIEW
========================================================= */

.pcs-overview {
    width: 100%;

    margin: 0;

    padding: 55px 0 50px;

    background: #ffffff;

    color: #111111;

    scroll-margin-top: 70px;
}


/* =========================================================
   OVERVIEW INNER
========================================================= */

.pcs-overview-inner {
    width: min(90%, 1500px);

    margin: 0 auto;
}


/* =========================================================
   OVERVIEW TITLE
========================================================= */

.pcs-overview-title {
    margin: 0 0 12px;
    color: #005b9a;
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -1px;
}


/* =========================================================
   OVERVIEW LEAD
========================================================= */

.pcs-overview-lead {
    margin: 0 0 17px;
    color: rgba(32, 32, 32, 255);
    font-family: "Poppins", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -1px;
}


/* =========================================================
   OVERVIEW CONTENT
========================================================= */

.pcs-overview-content {
    width: 100%;
}


.pcs-overview-content p {
    margin: 0 0 22px;
    color: #222222;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}


.pcs-overview-content p:last-child {
    margin-bottom: 0;
}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .pcs-overview {
        padding: 45px 0 45px;
    }


    .pcs-overview-inner {
        width: 90%;
    }


    .pcs-overview-title {
        font-size: 36px;
    }


    .pcs-overview-lead {
        font-size: 25px;

        line-height: 1.3;
    }


    .pcs-overview-content p {
        font-size: 18px;

        line-height: 1.55;
    }

}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .pcs-overview {
        padding: 35px 0 40px;

        scroll-margin-top: 55px;
    }


    .pcs-overview-inner {
        width: 90%;
    }


    .pcs-overview-title {
        margin-bottom: 10px;

        font-size: 28px;

        line-height: 1.25;
    }


    .pcs-overview-lead {
        margin-bottom: 16px;

        font-size: 20px;

        line-height: 1.35;
    }


    .pcs-overview-content p {
        margin-bottom: 18px;

        font-size: 15px;

        line-height: 1.55;
    }

}

/* =========================================================
   PODAR CORPORATE SCHOOLS
   PLATINUM OPTION
========================================================= */

.pcs-platinum {
    width: 100%;

    margin: 0;
    padding: 25px 0 60px;

    background: #f5f3f6;

    color: #111111;

    scroll-margin-top: 70px;
}


/* =========================================================
   PLATINUM INNER
========================================================= */

.pcs-platinum-inner {
    width: min(90%, 1100px);

    margin: 0 auto;
}


/* =========================================================
   PLATINUM TITLE
========================================================= */

.pcs-platinum-title {
    margin: 0 0 8px;

    color: #7d3f98;

    font-family: "Poppins", sans-serif;

    font-size: 32px;

    font-weight: 500;

    line-height: 1.25;

    text-align: center;

    letter-spacing: -0.8px;
}


/* =========================================================
   PLATINUM SUBTITLE
========================================================= */

.pcs-platinum-subtitle {
    margin: 0 0 22px;

    color: #59405f;

    font-family: "Poppins", sans-serif;

    font-size: 17px;

    font-weight: 400;

    line-height: 1.4;

    text-align: center;
}


/* =========================================================
   TWO COLUMN GRID
========================================================= */

.pcs-platinum-grid {
    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    column-gap: 28px;

    align-items: start;
}


/* =========================================================
   COLUMN
========================================================= */

.pcs-platinum-column {
    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 18px;
}


/* =========================================================
   PLATINUM CARD
========================================================= */

.pcs-platinum-card {
    width: 100%;

    margin: 0;

    padding: 12px 10px 15px;

    background: #ffffff;

    border: 1px solid #e3e1e3;

    border-radius: 10px;

    box-shadow:
        0 3px 9px rgba(0, 0, 0, 0.20);

    box-sizing: border-box;
}


/* =========================================================
   ICON
========================================================= */

.pcs-platinum-icon {
    width: 58px;

    height: 58px;

    margin: 0 0 10px;

    display: flex;

    align-items: flex-start;

    justify-content: flex-start;

    overflow: hidden;
}


/* =========================================================
   ICON IMAGE
========================================================= */

.pcs-platinum-icon img {
    display: block;

    width: auto;

    height: 58px;

    max-width: 75px;

    margin: 0;

    padding: 0;

    object-fit: contain;
}


/* =========================================================
   CARD TITLE
========================================================= */

.pcs-platinum-card-title {
    margin: 0 0 13px;

    color: #222222;

    font-family: "Poppins", sans-serif;

    font-size: 19px;

    font-weight: 400;

    line-height: 1.3;
}


/* =========================================================
   CARD TEXT
========================================================= */

.pcs-platinum-card-text {
    margin: 0;

    color: #151515;

    font-family: "Poppins", sans-serif;

    font-size: 15.5px;

    font-weight: 400;

    line-height: 1.55;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .pcs-platinum {
        padding: 45px 0 50px;

        scroll-margin-top: 55px;
    }


    .pcs-platinum-inner {
        width: 90%;
    }


    .pcs-platinum-title {
        font-size: 28px;

        line-height: 1.3;
    }


    .pcs-platinum-subtitle {
        font-size: 16px;

        margin-bottom: 20px;
    }


    .pcs-platinum-grid {
        column-gap: 22px;
    }


    .pcs-platinum-column {
        gap: 16px;
    }


    .pcs-platinum-card {
        padding: 12px 12px 15px;
    }


    .pcs-platinum-card-title {
        font-size: 18px;
    }


    .pcs-platinum-card-text {
        font-size: 15px;

        line-height: 1.55;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .pcs-platinum {
        padding: 35px 0 40px;

        scroll-margin-top: 55px;
    }


    .pcs-platinum-inner {
        width: 90%;
    }


    .pcs-platinum-title {
        margin-bottom: 8px;

        font-size: 24px;

        line-height: 1.3;

        letter-spacing: -0.4px;
    }


    .pcs-platinum-subtitle {
        margin-bottom: 20px;

        font-size: 15px;

        line-height: 1.45;
    }


    /* -----------------------------------------------
       SINGLE COLUMN ON MOBILE
    ------------------------------------------------ */

    .pcs-platinum-grid {
        grid-template-columns: 1fr;

        row-gap: 16px;
    }


    .pcs-platinum-column {
        gap: 16px;
    }


    .pcs-platinum-card {
        padding: 12px 12px 16px;

        border-radius: 9px;
    }


    .pcs-platinum-icon {
        width: 55px;

        height: 55px;

        margin-bottom: 10px;
    }


    .pcs-platinum-icon img {
        height: 55px;
    }


    .pcs-platinum-card-title {
        margin-bottom: 10px;

        font-size: 18px;

        line-height: 1.35;
    }


    .pcs-platinum-card-text {
        font-size: 14px;

        line-height: 1.55;
    }

}

/* =========================================================
   PODAR CORPORATE SCHOOLS
   GOLD OPTION
========================================================= */

.pcs-gold {
    width: 100%;

    margin: 0;
    padding: 25px 0 60px;

    background: #faf9ed;

    color: #111111;

    scroll-margin-top: 70px;
}


/* =========================================================
   GOLD INNER
========================================================= */

.pcs-gold-inner {
    width: min(90%, 1100px);

    margin: 0 auto;
}


/* =========================================================
   GOLD TITLE
========================================================= */

.pcs-gold-title {
    margin: 0 0 7px;

    color: #5a5501;

    font-family: "Poppins", sans-serif;

    font-size: 32px;

    font-weight: 500;

    line-height: 1.25;

    text-align: center;

    letter-spacing: -0.8px;
}


/* =========================================================
   GOLD SUBTITLE
========================================================= */

.pcs-gold-subtitle {
    margin: 0 0 22px;

    color: #565638;

    font-family: "Poppins", sans-serif;

    font-size: 17px;

    font-weight: 400;

    line-height: 1.4;

    text-align: center;
}


/* =========================================================
   TWO COLUMN GRID
========================================================= */

.pcs-gold-grid {
    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    column-gap: 28px;

    align-items: start;
}


/* =========================================================
   COLUMN
========================================================= */

.pcs-gold-column {
    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 18px;
}


/* =========================================================
   GOLD CARD
========================================================= */

.pcs-gold-card {
    width: 100%;

    margin: 0;

    padding: 12px 10px 15px;

    background: #ffffff;

    border: 1px solid #e4e3da;

    border-radius: 10px;

    box-shadow:
        0 3px 9px rgba(0, 0, 0, 0.20);

    box-sizing: border-box;
}


/* =========================================================
   ICON
========================================================= */

.pcs-gold-icon {
    width: 58px;

    height: 58px;

    margin: 0 0 10px;

    display: flex;

    align-items: flex-start;

    justify-content: flex-start;

    overflow: hidden;
}


/* =========================================================
   ICON IMAGE
========================================================= */

.pcs-gold-icon img {
    display: block;

    width: auto;

    height: 58px;

    max-width: 75px;

    margin: 0;

    padding: 0;

    object-fit: contain;
}


/* =========================================================
   CARD TITLE
========================================================= */

.pcs-gold-card-title {
    margin: 0 0 13px;

    color: #222222;

    font-family: "Poppins", sans-serif;

    font-size: 19px;

    font-weight: 400;

    line-height: 1.3;
}


/* =========================================================
   CARD TEXT
========================================================= */

.pcs-gold-card-text {
    margin: 0;

    color: #151515;

    font-family: "Poppins", sans-serif;

    font-size: 15.5px;

    font-weight: 400;

    line-height: 1.55;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .pcs-gold {
        padding: 45px 0 50px;

        scroll-margin-top: 55px;
    }


    .pcs-gold-inner {
        width: 90%;
    }


    .pcs-gold-title {
        font-size: 28px;

        line-height: 1.3;
    }


    .pcs-gold-subtitle {
        font-size: 16px;

        margin-bottom: 20px;
    }


    .pcs-gold-grid {
        column-gap: 22px;
    }


    .pcs-gold-column {
        gap: 16px;
    }


    .pcs-gold-card {
        padding: 12px 12px 15px;
    }


    .pcs-gold-card-title {
        font-size: 18px;
    }


    .pcs-gold-card-text {
        font-size: 15px;

        line-height: 1.55;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .pcs-gold {
        padding: 35px 0 40px;

        scroll-margin-top: 55px;
    }


    .pcs-gold-inner {
        width: 90%;
    }


    .pcs-gold-title {
        margin-bottom: 8px;

        font-size: 24px;

        line-height: 1.3;

        letter-spacing: -0.4px;
    }


    .pcs-gold-subtitle {
        margin-bottom: 20px;

        font-size: 15px;

        line-height: 1.45;
    }


    /* -----------------------------------------------
       SINGLE COLUMN ON MOBILE
    ------------------------------------------------ */

    .pcs-gold-grid {
        grid-template-columns: 1fr;

        row-gap: 16px;
    }


    .pcs-gold-column {
        gap: 16px;
    }


    .pcs-gold-card {
        padding: 12px 12px 16px;

        border-radius: 9px;
    }


    .pcs-gold-icon {
        width: 55px;

        height: 55px;

        margin-bottom: 10px;
    }


    .pcs-gold-icon img {
        height: 55px;
    }


    .pcs-gold-card-title {
        margin-bottom: 10px;

        font-size: 18px;

        line-height: 1.35;
    }


    .pcs-gold-card-text {
        font-size: 14px;

        line-height: 1.55;
    }

}



/* =========================================================
   PODAR CORPORATE SCHOOLS
   CASE STUDY - MARUTI SUZUKI PODAR LEARN SCHOOL
========================================================= */


/* =========================================================
   MAIN SECTION
========================================================= */

.pcs-case-study {
    width: 100%;

    margin: 0;
    padding: 25px 0 60px;

    background: #ffffff;

    color: #111111;

    box-sizing: border-box;

    scroll-margin-top: 70px;
}


/* =========================================================
   INNER CONTAINER
========================================================= */

.pcs-case-study-inner {
    width: 90%;
    max-width: 1100px;

    margin: 0 auto;

    box-sizing: border-box;
}


/* =========================================================
   SECTION TITLE
========================================================= */

.pcs-case-study-title {
    margin: 0 0 7px;
    color: #121212;
    font-family: "Poppins", sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    letter-spacing: -0.8px;
}


/* =========================================================
   SECTION SUBTITLE
========================================================= */

.pcs-case-study-subtitle {
    margin: 0 0 22px;
    color: #565638;
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
}


/* =========================================================
   CASE STUDY ROW
========================================================= */

.pcs-case-study-row {
    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    column-gap: 18px;

    align-items: stretch;

    margin: 0 0 18px;

    box-sizing: border-box;
}


/* Remove margin from final row */

.pcs-case-study-row:last-child {
    margin-bottom: 0;
}


/* =========================================================
   CASE STUDY CELL
========================================================= */

.pcs-case-study-cell {
    min-width: 0;

    display: flex;

    flex-direction: column;

    gap: 10px;

    box-sizing: border-box;
}


/* =========================================================
   COMMON CONTENT CARD
========================================================= */

.pcs-case-study-card {
    width: 100%;

    margin: 0;
    padding: 30px 20px 20px 20px;

    background: #f9f9f9;

    /* border: 1px solid #bdbdbd; */

    border-radius: 7px;

    box-sizing: border-box;
}


/* =========================================================
   CARD HEADING
========================================================= */

.pcs-case-study-card h3 {
    margin: 0 0 10px;

    color: #252525;

    font-family: "Poppins", sans-serif;

    font-size: 22px;
    font-weight: 700;

    line-height: 1.3;
}


/* =========================================================
   CARD PARAGRAPHS
========================================================= */

.pcs-case-study-card p {
    margin: 0 0 11px;

    color: #333333;

    font-family: "Poppins", sans-serif;

    font-size: 16px;
    font-weight: 400;

    line-height: 1.55;
}


.pcs-case-study-card p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   IMAGE BLOCK
========================================================= */

.pcs-case-study-image-block {
    width: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;

    background: #f8f8f8;

    border: 10px solid #f9f9f9;

    border-radius: 10px;

    box-sizing: border-box;
}


/* =========================================================
   IMAGE
========================================================= */

.pcs-case-study-image-block img {
    display: block;

    width: 100%;
    height: auto;

    margin: 0;

    object-fit: cover;

    box-sizing: border-box;
}


/* =========================================================
   VIDEO BLOCK
========================================================= */

.pcs-case-study-video {
    width: 100%;

    margin: 0;
    padding: 8px;

    background: #f8f8f8;

    border-radius: 5px;

    box-sizing: border-box;
}


/* =========================================================
   VIDEO WRAPPER
========================================================= */

.pcs-case-study-video-wrapper {
    position: relative;

    width: 100%;

    aspect-ratio: 16 / 9;

    overflow: hidden;

    box-sizing: border-box;
}


/* =========================================================
   YOUTUBE IFRAME
========================================================= */

.pcs-case-study-video-wrapper iframe {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    border: 0;
}


/* =========================================================
   ROW 1
   INTRODUCTION / BACKGROUND + IMAGE
========================================================= */

.pcs-case-study-row:first-of-type {
    align-items: stretch;
}


/* =========================================================
   EMPTY CELL
   Keeps the final row structure intact
========================================================= */

.pcs-case-study-cell:empty {
    min-height: 1px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .pcs-case-study {
        padding: 40px 0 50px;

        scroll-margin-top: 60px;
    }


    .pcs-case-study-inner {
        width: 92%;
    }


    .pcs-case-study-row {
        column-gap: 14px;

        margin-bottom: 14px;
    }


    .pcs-case-study-cell {
        gap: 8px;
    }


    .pcs-case-study-card {
        padding: 13px;
    }


    .pcs-case-study-card h3 {
        margin-bottom: 8px;

        font-size: 15px;
    }


    .pcs-case-study-card p {
        font-size: 11px;

        line-height: 1.5;
    }


    .pcs-case-study-title {
        font-size: 23px;
    }


    .pcs-case-study-subtitle {
        font-size: 11px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .pcs-case-study {
        padding: 32px 0 40px;

        scroll-margin-top: 55px;
    }


    .pcs-case-study-inner {
        width: 92%;
    }


    /* -----------------------------------------------
       TITLE
    ------------------------------------------------ */

    .pcs-case-study-title {
        font-size: 20px;

        line-height: 1.3;
    }


    .pcs-case-study-subtitle {
        margin-bottom: 16px;

        font-size: 14px;

        line-height: 1.4;
    }


    /* -----------------------------------------------
       EACH ROW BECOMES ONE COLUMN
    ------------------------------------------------ */

    .pcs-case-study-row {
        display: flex;

        flex-direction: column;

        gap: 10px;

        margin-bottom: 10px;
    }


    /* -----------------------------------------------
       CELLS
    ------------------------------------------------ */

    .pcs-case-study-cell {
        width: 100%;

        gap: 10px;
    }


    /* -----------------------------------------------
       EMPTY RIGHT CELL
    ------------------------------------------------ */

    .pcs-case-study-cell:empty {
        display: none;
    }


    /* -----------------------------------------------
       CONTENT CARD
    ------------------------------------------------ */

    .pcs-case-study-card {
        padding: 13px;

        border-radius: 6px;
    }


    .pcs-case-study-card h3 {
        margin-bottom: 8px;

        font-size: 17px;

        line-height: 1.3;
    }


    .pcs-case-study-card p {
        margin-bottom: 10px;

        font-size: 14px;

        line-height: 1.5;
    }


    /* -----------------------------------------------
       IMAGE
    ------------------------------------------------ */

    .pcs-case-study-image-block {
        border-radius: 4px;
    }


    .pcs-case-study-image-block img {
        width: 100%;
        height: auto;
    }


    /* -----------------------------------------------
       VIDEO
    ------------------------------------------------ */

    .pcs-case-study-video {
        padding: 6px;

        border-radius: 5px;
    }


    .pcs-case-study-video-wrapper {
        aspect-ratio: 16 / 9;
    }

}


/* =========================================================
   PODAR SCHOOLS OUTSIDE INDIA (PSOI)
   HERO BANNER + SUB NAVIGATION
   INDEPENDENT CSS
========================================================= */


/* =========================================================
   PSOI HERO BANNER
========================================================= */

.psoi-hero {
    position: relative;

    width: 100%;
    min-height: 430px;

    margin: 0;
    padding: 0;

    background-image:
        url("../../assets/images/banners/podar-smarter-schools-podar-schools-outside-india.jpg");

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    overflow: hidden;

    box-sizing: border-box;
}


/* =========================================================
   PSOI HERO OVERLAY
========================================================= */

.psoi-hero-overlay {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    display: flex;
    align-items: flex-end;

    box-sizing: border-box;
}


/* =========================================================
   PSOI HERO INNER
========================================================= */

.psoi-hero-inner {
    width: min(90%, 1500px);

    margin: 0 auto;
    padding: 0;

    box-sizing: border-box;
}


/* =========================================================
   PSOI HERO CONTENT
========================================================= */

.psoi-hero-content {
    width: 100%;

    padding-bottom: 10%;

    box-sizing: border-box;
}


/* =========================================================
   PSOI HERO LABEL
========================================================= */

.psoi-hero-label {
    display: inline-block;

    margin: 0;

    padding: 9px 20px;

    color: #ffffff;

    background: #8b4aa5;

    font-family: "Poppins", sans-serif;

    font-size: 22px;
    font-weight: 500;
    line-height: 1.3;

    box-sizing: border-box;
}


/* =========================================================
   PSOI SUB NAVIGATION
========================================================= */

.psoi-sub-navigation {
    position: sticky;

    top: 0;

    z-index: 1000;

    width: 100%;

    margin: 0;
    padding: 0;

    background: #8b4aa5;

    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.12);

    box-sizing: border-box;
}


/* =========================================================
   PSOI SUB NAVIGATION INNER
========================================================= */

.psoi-sub-navigation-inner {
    width: 100%;

    min-height: 58px;

    margin: 0;

    padding-top: 10px;
    padding-bottom: 10px;

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 0;

    border: none;

    box-sizing: border-box;
}


/* =========================================================
   PSOI SUB NAVIGATION LINK
========================================================= */

.psoi-sub-navigation-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 35px;
    margin: 0;
    padding: 0 20px;
    color: #ffffff;
    background: transparent;
    border-right: 1px solid #ffffff;
    outline: none;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.3;
    white-space: nowrap;
    transition: color 0.25s ease;
}


/* =========================================================
   REMOVE BORDER FROM LAST ITEM
========================================================= */

.psoi-sub-navigation-link:last-child {
    border-right: none;
}


/* =========================================================
   PSOI NAVIGATION LINK - HOVER
========================================================= */

.psoi-sub-navigation-link:hover {
    color: #ffffff;

    background: transparent;

    text-decoration: none;
}


/* =========================================================
   PSOI NAVIGATION LINK - FOCUS
========================================================= */

.psoi-sub-navigation-link:focus {
    color: #ffffff;

    background: transparent;

    outline: none;
    box-shadow: none;

    text-decoration: none;
}


/* =========================================================
   PSOI ACTIVE NAVIGATION LINK
========================================================= */

.psoi-sub-navigation-link.active {
    color: #ffffff;

    background: transparent;
}


/* =========================================================
   PSOI ACTIVE LINK - YELLOW UNDERLINE
========================================================= */

.psoi-sub-navigation-link.active::after {
    content: "";

    position: absolute;

    left: 18px;
    right: 18px;

    bottom: 0;

    height: 3px;

    background: #fdaf17;
}


/* =========================================================
   PSOI HOVER LINK - YELLOW UNDERLINE
========================================================= */

.psoi-sub-navigation-link:hover::after {
    content: "";

    position: absolute;

    left: 18px;
    right: 18px;

    bottom: 0;

    height: 3px;

    background: #fdaf17;
}


/* =========================================================
   PSOI ACTIVE LINK
========================================================= */

.psoi-sub-navigation-link.active {
    color: #ffffff;
}


/* =========================================================
   TABLET
   992px AND BELOW
========================================================= */

@media (max-width: 991px) {

    /* -----------------------------------------------------
       HERO
    ----------------------------------------------------- */

    .psoi-hero {
        min-height: 380px;

        background-position: center center;
    }


    .psoi-hero-inner {
        width: 90%;
    }


    .psoi-hero-content {
        padding-bottom: 10%;
    }


    .psoi-hero-label {
        padding: 8px 17px;

        font-size: 15px;
    }


    /* -----------------------------------------------------
       SUB NAVIGATION
    ----------------------------------------------------- */

    .psoi-sub-navigation-inner {
        min-height: 55px;

        padding-top: 9px;
        padding-bottom: 9px;
    }


    .psoi-sub-navigation-link {
        min-height: 35px;

        padding: 0 17px;

        font-size: 15px;
    }
}


/* =========================================================
   MOBILE
   600px AND BELOW
========================================================= */

@media (max-width: 600px) {

    /* -----------------------------------------------------
       HERO
    ----------------------------------------------------- */

    .psoi-hero {
        min-height: 320px;

        background-position: center center;
    }


    .psoi-hero-inner {
        width: 90%;
    }


    .psoi-hero-overlay {
        align-items: flex-end;
    }


    .psoi-hero-content {
        padding-bottom: 10%;
    }


    .psoi-hero-label {
        padding: 7px 14px;

        font-size: 13px;
    }


    /* -----------------------------------------------------
       HORIZONTAL SCROLLING SUB NAVIGATION
    ----------------------------------------------------- */

    .psoi-sub-navigation {
        position: sticky;

        top: 0;
    }


    .psoi-sub-navigation-inner {
        width: 100%;

        min-height: 48px;

        padding-top: 0;
        padding-bottom: 0;

        justify-content: flex-start;

        overflow-x: auto;
        overflow-y: hidden;

        scrollbar-width: none;

        -webkit-overflow-scrolling: touch;
    }


    .psoi-sub-navigation-inner::-webkit-scrollbar {
        display: none;
    }


    .psoi-sub-navigation-link {
        flex: 0 0 auto;

        min-height: 48px;

        padding: 0 14px;

        font-size: 13px;
    }


    .psoi-sub-navigation-link.active::after {
        left: 12px;
        right: 12px;

        height: 2px;
    }


    .psoi-sub-navigation-link:hover::after {
        left: 12px;
        right: 12px;

        height: 2px;
    }
}


/* =========================================================
   VERY SMALL DEVICES
   380px AND BELOW
========================================================= */

@media (max-width: 380px) {

    /* -----------------------------------------------------
       HERO
    ----------------------------------------------------- */

    .psoi-hero {
        min-height: 290px;
    }


    .psoi-hero-content {
        padding-bottom: 10%;
    }


    .psoi-hero-label {
        padding: 6px 12px;

        font-size: 12px;
    }


    /* -----------------------------------------------------
       SUB NAVIGATION
    ----------------------------------------------------- */

    .psoi-sub-navigation-link {
        min-height: 30px;

        padding: 0 11px;

        font-size: 12px;
    }


    .psoi-sub-navigation-link.active::after {
        left: 10px;
        right: 10px;

        height: 2px;
    }


    .psoi-sub-navigation-link:hover::after {
        left: 10px;
        right: 10px;

        height: 2px;
    }
}

/* =========================================================
   PSOI - OVERVIEW
========================================================= */

.psoi-overview {
    width: 100%;

    margin: 0;
    padding: 45px 0 40px;

    background: #ffffff;

    box-sizing: border-box;
}


/* =========================================================
   OVERVIEW CONTAINER
========================================================= */

.psoi-overview-container {
    width: min(90%, 1500px);

    margin: 0 auto;
    padding: 0;

    box-sizing: border-box;
}


/* =========================================================
   OVERVIEW TITLE
========================================================= */

.psoi-overview-title {
    margin: 0 0 12px;
    color: #005b9a;
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -1px;
}


/* =========================================================
   OVERVIEW HIGHLIGHT
========================================================= */

.psoi-overview-highlight {
    margin: 0 0 17px;
    color: rgba(32, 32, 32, 255);
    font-family: "Poppins", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -1px;
}


/* =========================================================
   OVERVIEW DESCRIPTION
========================================================= */

.psoi-overview-text {
    margin: 0 0 22px;
    color: #222222;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}


/* =========================================================
   PSOI OVERVIEW - RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .psoi-overview {
        padding: 38px 0 35px;
    }

    .psoi-overview-title {
        font-size: 32px;
    }

    .psoi-overview-highlight {
        font-size: 22px;

        margin: 0 0 15px;
    }

    .psoi-overview-text {
        font-size: 15px;
    }

}


@media (max-width: 600px) {

    .psoi-overview {
        padding: 30px 0 28px;
    }

    .psoi-overview-title {
        font-size: 26px;

        letter-spacing: -0.5px;
    }

    .psoi-overview-highlight {
        font-size: 19px;

        letter-spacing: -0.5px;

        margin: 0 0 13px;
    }

    .psoi-overview-text {
        font-size: 14.5px;

        margin: 0 0 18px;
    }

}


@media (max-width: 380px) {

    .psoi-overview-title {
        font-size: 22px;
    }

    .psoi-overview-highlight {
        font-size: 17px;
    }

    .psoi-overview-text {
        font-size: 14px;
    }

}


/* =========================================================
   PSOI - WHY PARTNER WITH US
========================================================= */

.psoi-why-partner {
    width: 100%;

    margin: 0;
    padding: 45px 0 55px;

    background: #f4f2f5;

    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.psoi-why-partner-container {
    width: min(90%, 1500px);

    margin: 0 auto;
    padding: 0;

    box-sizing: border-box;
}


/* =========================================================
   SECTION TITLE
========================================================= */

.psoi-why-partner-title {
    margin: 0 0 15px;
    color: #7d3f98;
    font-family: "Poppins", sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    letter-spacing: -0.8px;
}


/* =========================================================
   CARD GRID
========================================================= */

.psoi-why-partner-grid {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    column-gap: 32px;
    row-gap: 22px;

    align-items: start;

    box-sizing: border-box;
}


/* =========================================================
   CARD
========================================================= */

.psoi-why-card {
    width: 100%;

    margin: 0;
    padding: 18px 20px;

    background: #ffffff;

    border-radius: 12px;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.18);

    box-sizing: border-box;
}


/* =========================================================
   ICON
========================================================= */

.psoi-why-card-icon {
    display: flex;

    align-items: center;

    width: 58px;
    height: 58px;

    margin: 0 0 18px;

    box-sizing: border-box;
}


.psoi-why-card-icon img {
    display: block;

    width: auto;
    height: 58px;

    max-width: 70px;

    object-fit: contain;
}


/* =========================================================
   CARD TITLE
========================================================= */

.psoi-why-card-title {
    margin: 0 0 13px;
    color: #222222;
    font-family: "Poppins", sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.3;
}


/* =========================================================
   CARD TEXT
========================================================= */

.psoi-why-card-text {
    margin: 0;
    color: #151515;
    font-family: "Poppins", sans-serif;
    font-size: 15.5px;
    font-weight: 400;
    line-height: 1.55;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .psoi-why-partner {
        padding: 38px 0 45px;
    }


    .psoi-why-partner-container {
        width: 90%;
    }


    .psoi-why-partner-title {
        margin-bottom: 20px;

        font-size: 32px;
    }


    .psoi-why-partner-grid {
        column-gap: 24px;
        row-gap: 18px;
    }


    .psoi-why-card {
        padding: 17px 18px;

        border-radius: 10px;
    }


    .psoi-why-card-icon {
        width: 55px;
        height: 55px;

        margin-bottom: 15px;
    }


    .psoi-why-card-icon img {
        height: 55px;
    }


    .psoi-why-card-title {
        margin-bottom: 13px;

        font-size: 21px;
    }


    .psoi-why-card-text {
        font-size: 16px;

        line-height: 1.55;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .psoi-why-partner {
        padding: 30px 0 35px;
    }


    .psoi-why-partner-container {
        width: 90%;
    }


    .psoi-why-partner-title {
        margin-bottom: 18px;

        font-size: 26px;
    }


    .psoi-why-partner-grid {
        grid-template-columns: 1fr;

        gap: 15px;
    }


    .psoi-why-card {
        padding: 16px;

        border-radius: 9px;
    }


    .psoi-why-card-icon {
        width: 50px;
        height: 50px;

        margin-bottom: 13px;
    }


    .psoi-why-card-icon img {
        height: 50px;

        max-width: 65px;
    }


    .psoi-why-card-title {
        margin-bottom: 11px;

        font-size: 19px;

        line-height: 1.3;
    }


    .psoi-why-card-text {
        font-size: 14px;

        line-height: 1.55;
    }

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width: 380px) {

    .psoi-why-partner {
        padding: 25px 0 30px;
    }


    .psoi-why-partner-title {
        font-size: 23px;
    }


    .psoi-why-card {
        padding: 14px;
    }


    .psoi-why-card-icon {
        width: 46px;
        height: 46px;
    }


    .psoi-why-card-icon img {
        height: 46px;
    }


    .psoi-why-card-title {
        font-size: 18px;
    }


    .psoi-why-card-text {
        font-size: 13px;
    }

}

/* =========================================================
   PSOI - PARTNERSHIP OPPORTUNITIES
========================================================= */

.psoi-partnership {
    width: 100%;

    margin: 0;
    padding: 45px 0 55px;

    background: #fafaf0;

    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.psoi-partnership-container {
    width: min(90%, 1500px);

    margin: 0 auto;
    padding: 0;

    box-sizing: border-box;
}


/* =========================================================
   GROUP
========================================================= */

.psoi-partnership-group {
    width: 100%;

    margin: 0;
    padding: 0;

    box-sizing: border-box;
}


/* =========================================================
   MAIN TITLE
========================================================= */

.psoi-partnership-title {
    margin: 0 0 8px;

    padding: 0;

    color: #6b6900;

    font-family: "Poppins", sans-serif;

    font-size: 36px;

    font-weight: 500;

    line-height: 1.2;

    text-align: center;

    box-sizing: border-box;
}


/* =========================================================
   SUBSECTION TITLE
========================================================= */

.psoi-partnership-subtitle {
    margin: 0 0 20px;

    padding: 0;

    color: #4b4b32;

    font-family: "Poppins", sans-serif;

    font-size: 21px;

    font-weight: 600;

    line-height: 1.3;

    text-align: center;

    box-sizing: border-box;
}


/* =========================================================
   CARD GRID
========================================================= */

.psoi-partnership-grid {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    column-gap: 32px;
    row-gap: 20px;

    align-items: start;

    box-sizing: border-box;
}


/* =========================================================
   CARD
========================================================= */

.psoi-partnership-card {
    width: 100%;

    margin: 0;
    padding: 17px 20px;

    background: #ffffff;

    border-radius: 10px;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.18);

    box-sizing: border-box;
}


/* =========================================================
   ICON
========================================================= */

.psoi-partnership-icon {
    display: flex;

    align-items: center;

    width: 58px;
    height: 58px;

    margin: 0 0 17px;

    box-sizing: border-box;
}


.psoi-partnership-icon img {
    display: block;

    width: auto;
    height: 58px;

    max-width: 70px;

    object-fit: contain;
}


/* =========================================================
   CARD TITLE
========================================================= */

.psoi-partnership-card-title {
    margin: 0 0 13px;
    color: #222222;
    font-family: "Poppins", sans-serif;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.3;
}


/* =========================================================
   CARD TEXT
========================================================= */

.psoi-partnership-card-text {
    margin: 0;
    color: #151515;
    font-family: "Poppins", sans-serif;
    font-size: 15.5px;
    font-weight: 400;
    line-height: 1.55;
}


/* =========================================================
   SECOND GROUP
========================================================= */

.psoi-partnership-existing {
    margin-top: 55px;
}


.psoi-partnership-existing .psoi-partnership-subtitle {
    margin-bottom: 20px;
}


/* =========================================================
   PARTNERSHIP GRID - RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .psoi-partnership-grid {
        column-gap: 22px;
        row-gap: 18px;
    }

    .psoi-partnership-title {
        font-size: 26px;
    }

    .psoi-partnership-existing {
        margin-top: 45px;
    }

}


@media (max-width: 600px) {

    .psoi-partnership-grid {
        grid-template-columns: 1fr;

        row-gap: 16px;
    }

    .psoi-partnership-card {
        padding: 16px 18px;
    }

    .psoi-partnership-title {
        font-size: 22px;
    }

    .psoi-partnership-subtitle {
        font-size: 16px;
    }

    .psoi-partnership-existing {
        margin-top: 35px;
    }

}


/* =========================================================
   PSOI - PODAR PEARL SCHOOL CASE STUDY
========================================================= */

.psoi-pearl-case-study {
    width: 100%;
    padding: 45px 0 55px;
    background: #ffffff;
    box-sizing: border-box;
}


/* =========================================================
   MAIN CONTAINER
========================================================= */

.psoi-pearl-container {
    width: min(90%, 1500px);
    margin: 0 auto;
    box-sizing: border-box;
}


/* =========================================================
   HEADING
========================================================= */

.psoi-pearl-heading {
    text-align: center;
    margin: 0 0 20px;
}


.psoi-pearl-heading h2 {
    margin: 0;
    padding: 0;

    font-family: "Poppins", sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.25;

    color: #111111;
}


/* =========================================================
   TOP FEATURE BLOCKS
========================================================= */

.psoi-pearl-feature {
    display: grid;

    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

    gap: 28px;

    width: 100%;

    margin: 0 0 28px;
    padding: 24px;

    background: #f8f8f8;

    border-radius: 8px;

    box-sizing: border-box;
}


/* =========================================================
   FEATURE CONTENT
========================================================= */

.psoi-pearl-feature-content {
    min-width: 0;
}


.psoi-pearl-feature-content h3 {
    margin: 0 0 14px;

    padding: 0;

    font-family: "Poppins", sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;

    color: #252525;
}


.psoi-pearl-feature-content h3:not(:first-child) {
    margin-top: 22px;
}


.psoi-pearl-feature-content p {
    margin: 0 0 11px;
    color: #333333;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.55;
}


/* =========================================================
   FEATURE IMAGE
========================================================= */

.psoi-pearl-feature-image {
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;

    box-sizing: border-box;
}


.psoi-pearl-feature-image img {
    display: block;

    width: 100%;
    height: auto;

    max-height: 420px;

    object-fit: cover;
    border: 5px solid #ffffff;

    border-radius: 5px;

    box-sizing: border-box;
}


/* =========================================================
   TRANSFORMATION BLOCK
========================================================= */

.psoi-pearl-transformation {
    margin-top: 0;
}


/* =========================================================
   FOUR PILLARS
========================================================= */

.psoi-pearl-pillars {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 18px;

    width: 100%;

    margin: 0 0 32px;

    box-sizing: border-box;
}


.psoi-pearl-pillar {
    display: flex;
    flex-direction: column;

    align-items: center;

    width: 100%;

    margin: 0;
    padding: 20px 18px 24px;

    background: #f8f8f8;

    border-radius: 8px;

    box-sizing: border-box;

    text-align: center;
}


/* =========================================================
   NUMBER CIRCLE
========================================================= */

.psoi-pearl-number {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 60px;
    height: 60px;

    margin: 0 0 30px;

    background: #ffffff;

    border-radius: 50%;

    color: #dfb6f1;

    font-family: "Poppins", sans-serif;
    font-size: 38px;
    font-weight: 400;

    line-height: 1;

    flex-shrink: 0;
}


/* =========================================================
   PILLAR HEADING
========================================================= */

.psoi-pearl-pillar h3 {
    margin: 0 0 15px;

    padding: 0;

    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;

    color: #292929;
}


/* =========================================================
   PILLAR TEXT
========================================================= */

.psoi-pearl-pillar p {
    margin: 0 0 11px;
    color: #333333;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
}


/* =========================================================
   RESULTS AREA
========================================================= */

.psoi-pearl-results {
    display: grid;

    grid-template-columns:
        minmax(0, 2fr)
        minmax(300px, 0.9fr);

    gap: 28px;

    width: 100%;

    align-items: stretch;

    box-sizing: border-box;
}


/* =========================================================
   LEFT RESULTS CONTENT
========================================================= */

.psoi-pearl-results-content {
    display: flex;
    flex-direction: column;

    gap: 8px;

    min-width: 0;
}


/* =========================================================
   TEXT CARDS
========================================================= */

.psoi-pearl-text-card {
    width: 100%;

    margin: 0;
    padding: 22px;

    background: #f8f8f8;

    border-radius: 8px;

    box-sizing: border-box;
}


.psoi-pearl-text-card h3 {
    margin: 0 0 15px;

    padding: 0;

    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;

    color: #292929;
}


.psoi-pearl-text-card p {
    margin: 0 0 11px;
    color: #333333;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.55;
}


/* =========================================================
   RIGHT TALL IMAGE
========================================================= */

.psoi-pearl-results-image {
    width: 100%;
    height: 100%;

    min-height: 100%;

    box-sizing: border-box;
}


.psoi-pearl-results-image img {
    display: block;

    width: 100%;
    height: 100%;

    min-height: 500px;

    object-fit: cover;

    border-radius: 5px;

    box-sizing: border-box;
}


/* =========================================================
   PEARL CASE STUDY - RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .psoi-pearl-case-study {
        padding: 38px 0 45px;
    }

    .psoi-pearl-heading h2 {
        font-size: 25px;
    }

    .psoi-pearl-feature {
        gap: 22px;

        padding: 20px;
    }

    .psoi-pearl-pillars {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 16px;
    }

    .psoi-pearl-results {
        grid-template-columns: 1fr;
    }

    .psoi-pearl-results-image img {
        min-height: 320px;
    }

}


@media (max-width: 600px) {

    .psoi-pearl-case-study {
        padding: 30px 0 35px;
    }

    .psoi-pearl-container {
        width: 90%;
    }

    .psoi-pearl-heading {
        margin: 0 0 16px;
    }

    .psoi-pearl-heading h2 {
        font-size: 20px;

        line-height: 1.3;
    }

    .psoi-pearl-feature {
        grid-template-columns: 1fr;

        gap: 16px;

        padding: 16px;

        margin: 0 0 20px;
    }

    .psoi-pearl-feature-content h3 {
        font-size: 18px;
    }

    .psoi-pearl-feature-content p {
        font-size: 15px;
    }

    .psoi-pearl-feature-image img {
        max-height: 240px;
    }

    .psoi-pearl-pillars {
        grid-template-columns: 1fr;

        gap: 14px;

        margin: 0 0 24px;
    }

    .psoi-pearl-pillar h3 {
        font-size: 17px;
    }

    .psoi-pearl-pillar p {
        font-size: 14px;
    }

    .psoi-pearl-results {
        gap: 18px;
    }

    .psoi-pearl-text-card {
        padding: 16px;
    }

    .psoi-pearl-results-image img {
        min-height: 220px;
    }

}


/* =========================================================
   PODAR SMARTER SCHOOLS
   LOCATIONS PAGE
   ========================================================= */


/* =========================================================
   COMMON LOCATIONS BACKGROUND
========================================================= */

.pls-locations,
.pcc-locations {
    width: 100%;
    background: #8E4AA3;
    color: #ffffff;
    box-sizing: border-box;
}


/* =========================================================
   PODAR LEARN SCHOOL LOCATIONS
========================================================= */

.pls-locations {
    padding: 65px 0 70px;
}

.pls-locations-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;
}


/* =========================================================
   PLS HEADING
========================================================= */

.pls-locations-title {
    margin: 0 0 55px;
    padding: 0;

    text-align: center;

    font-family: "Poppins", sans-serif;
    font-size: 38px;
    font-weight: 600;
    line-height: 1.2;

    color: #ffffff;
}


/* =========================================================
   PLS SELECTORS
   4 COLUMNS
========================================================= */

.pls-location-selectors {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;

    width: 100%;
    margin: 0 auto;
}


/* =========================================================
   PLS SELECT WRAPPER
========================================================= */

.pls-location-select {
    width: 100%;
    min-width: 0;
}


/* =========================================================
   PLS SELECT
========================================================= */

.pls-location-select select {
    width: 100%;
    height: 48px;

    padding: 0 38px 0 8px;

    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 0;

    background-color: transparent;
    color: #ffffff;

    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;

    outline: none;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    cursor: pointer;
}


/* =========================================================
   PLS SELECT PLACEHOLDER
========================================================= */

.pls-location-select select option {
    background: #ffffff;
    color: #222222;
}


/* =========================================================
   PLS CUSTOM ARROW
========================================================= */

.pls-location-select {
    position: relative;
}

.pls-location-select::after {
    content: "";

    position: absolute;

    right: 8px;
    top: 18px;

    width: 10px;
    height: 10px;

    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;

    transform: rotate(45deg);

    pointer-events: none;
}


/* =========================================================
   PLS DISABLED SELECT
========================================================= */

.pls-location-select select:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}


/* =========================================================
   PLS LOCATION DETAILS
========================================================= */

.pls-location-details {
    display: grid;

    grid-template-columns: repeat(4, 1fr);
    gap: 28px;

    margin-top: 45px;
    width: 100%;
}


/*
 * Hidden attribute must remain effective.
 */

.pls-location-details[hidden] {
    display: none;
}


/* =========================================================
   PLS LOCATION DETAIL
========================================================= */

.pls-location-detail {
    min-width: 0;
}


/* =========================================================
   PLS DETAIL HEADING
========================================================= */

.pls-location-detail h3 {
    margin: 0 0 10px;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    color: #ffffff;
}


/* =========================================================
   PLS DETAIL TEXT
========================================================= */

.pls-location-detail p {
    margin: 0;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
}


/* =========================================================
   PLS GOOGLE MAP BUTTON / IMAGE
========================================================= */

.pls-google-maps-link {
    display: inline-block;

    margin-top: 15px;

    text-decoration: none;
}

.pls-google-maps-link img {
    display: block;

    width: auto;
    max-width: 220px;
    height: auto;

    border: 0;
}


/* =========================================================
   PCC LOCATIONS
========================================================= */

.pcc-locations {
    padding: 65px 0 70px;
}


/* =========================================================
   PCC CONTAINER
========================================================= */

.pcc-locations-inner {
    width: 100%;
    max-width: 1400px;

    margin: 0 auto;
    padding: 0 40px;

    box-sizing: border-box;
}


/* =========================================================
   PCC HEADING
========================================================= */

.pcc-locations-title {
    margin: 0 0 55px;
    padding: 0;

    text-align: center;

    font-family: "Poppins", sans-serif;
    font-size: 38px;
    font-weight: 600;
    line-height: 1.2;

    color: #ffffff;
}


/* =========================================================
   PCC SELECTORS
   3 COLUMNS
========================================================= */

.pcc-location-selectors {
    display: grid;

    grid-template-columns: repeat(3, 1fr);
    gap: 28px;

    width: 100%;
    margin: 0 auto;
}


/* =========================================================
   PCC SELECT
========================================================= */

.pcc-location-select {
    width: 100%;
    min-width: 0;
}


/* =========================================================
   PCC SELECT WRAPPER
========================================================= */

.pcc-select-wrapper {
    position: relative;
    width: 100%;
}


/* =========================================================
   PCC SELECT
========================================================= */

.pcc-select-wrapper select {
    width: 100%;
    height: 48px;

    padding: 0 38px 0 8px;

    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 0;

    background: transparent;
    color: #ffffff;

    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;

    outline: none;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    cursor: pointer;
}


/* =========================================================
   PCC SELECT OPTIONS
========================================================= */

.pcc-select-wrapper select option {
    background: #ffffff;
    color: #222222;
}


/* =========================================================
   PCC CUSTOM ARROW
========================================================= */

.pcc-select-arrow {
    position: absolute;

    right: 8px;
    top: 17px;

    width: 10px;
    height: 10px;

    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;

    transform: rotate(45deg);

    pointer-events: none;
}


/* =========================================================
   PCC DISABLED SELECT
========================================================= */

.pcc-select-wrapper select:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}


/* =========================================================
   PCC LOCATION DETAILS
========================================================= */

.pcc-location-details {
    display: grid;

    grid-template-columns: repeat(4, 1fr);
    gap: 28px;

    margin-top: 45px;
    width: 100%;
}


/*
 * Hidden attribute
 */

.pcc-location-details[hidden] {
    display: none;
}


/* =========================================================
   PCC DETAIL
========================================================= */

.pcc-location-detail {
    min-width: 0;
}


/* =========================================================
   PCC DETAIL HEADING
========================================================= */

.pcc-location-detail h3 {
    margin: 0 0 10px;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    color: #ffffff;
}


/* =========================================================
   PCC DETAIL TEXT
========================================================= */

.pcc-location-detail p {
    margin: 0;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
}


/* =========================================================
   PCC GOOGLE MAP BUTTON
========================================================= */

.pcc-google-map-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    margin-top: 15px;
    padding: 8px 18px;

    border-radius: 20px;

    background: #ffffff;
    color: #8E4AA3;

    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    transition: all 0.2s ease;
}


.pcc-google-map-button:hover {
    background: #f4f4f4;
    color: #8E4AA3;
}


/* =========================================================
   MAP ICON
========================================================= */

.pcc-map-icon {
    font-size: 15px;
    line-height: 1;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .pls-locations,
    .pcc-locations {
        padding: 55px 0 60px;
    }


    .pls-locations-container,
    .pcc-locations-inner {
        padding-left: 30px;
        padding-right: 30px;
    }


    .pls-locations-title,
    .pcc-locations-title {
        font-size: 32px;
        margin-bottom: 45px;
    }


    /* PLS */

    .pls-location-selectors {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 30px;
    }


    .pls-location-details {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 30px;
    }


    /* PCC */

    .pcc-location-selectors {
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;
    }


    .pcc-location-details {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 30px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .pls-locations,
    .pcc-locations {
        padding: 45px 0 50px;
    }


    .pls-locations-container,
    .pcc-locations-inner {
        padding-left: 20px;
        padding-right: 20px;
    }


    .pls-locations-title,
    .pcc-locations-title {
        font-size: 28px;
        line-height: 1.25;

        margin-bottom: 35px;
    }


    /* =====================================================
       PLS MOBILE
    ====================================================== */

    .pls-location-selectors {
        grid-template-columns: 1fr;
        gap: 20px;
    }


    .pls-location-select select {
        height: 46px;
        font-size: 16px;
    }


    .pls-location-details {
        grid-template-columns: 1fr;
        gap: 25px;

        margin-top: 35px;
    }


    .pls-location-detail h3 {
        font-size: 18px;
    }


    .pls-location-detail p {
        font-size: 16px;
    }


    /* =====================================================
       PCC MOBILE
    ====================================================== */

    .pcc-location-selectors {
        grid-template-columns: 1fr;
        gap: 20px;
    }


    .pcc-select-wrapper select {
        height: 46px;
        font-size: 16px;
    }


    .pcc-location-details {
        grid-template-columns: 1fr;
        gap: 25px;

        margin-top: 35px;
    }


    .pcc-location-detail h3 {
        font-size: 18px;
    }


    .pcc-location-detail p {
        font-size: 16px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .pls-locations,
    .pcc-locations {
        padding: 40px 0 45px;
    }


    .pls-locations-container,
    .pcc-locations-inner {
        padding-left: 16px;
        padding-right: 16px;
    }


    .pls-locations-title,
    .pcc-locations-title {
        font-size: 25px;
    }


    .pls-location-select select,
    .pcc-select-wrapper select {
        font-size: 15px;
    }


    .pls-location-detail h3,
    .pcc-location-detail h3 {
        font-size: 17px;
    }


    .pls-location-detail p,
    .pcc-location-detail p {
        font-size: 15px;
    }

}

/* =========================================================
   PODAR SMARTER SCHOOLS
   LOCATIONS PAGE
   HERO BANNER
========================================================= */

.locations-hero {
    position: relative;

    width: 100%;
    min-height: 430px;

    margin: 0;

    background-image:
        url("../../assets/images/banners/podar-smarter-schools-locations.jpg");

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    overflow: hidden;
}


/* =========================================================
   HERO OVERLAY
========================================================= */

.locations-hero-overlay {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    display: flex;
    align-items: flex-end;
}


/* =========================================================
   HERO CONTENT
========================================================= */

.locations-hero-content {
    width: 100%;

    padding-bottom: 10%;
}


/* =========================================================
   HERO LABEL
========================================================= */

.locations-hero-label {
    display: inline-block;

    margin: 0;
    padding: 9px 20px;

    background: #8b4aa5;
    color: #ffffff;

    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3;
}


/* =========================================================
   LOCATIONS HERO - RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .locations-hero {
        min-height: 380px;

        background-position: center center;
    }

    .locations-hero-content {
        padding-bottom: 10%;
    }

    .locations-hero-label {
        padding: 8px 17px;

        font-size: 15px;
    }

}


@media (max-width: 600px) {

    .locations-hero {
        min-height: 320px;

        background-position: center center;
    }

    .locations-hero-overlay {
        align-items: flex-end;
    }

    .locations-hero-content {
        padding-bottom: 10%;
    }

    .locations-hero-label {
        padding: 7px 14px;

        font-size: 13px;
    }

}


@media (max-width: 380px) {

    .locations-hero {
        min-height: 290px;
    }

    .locations-hero-content {
        padding-bottom: 10%;
    }

    .locations-hero-label {
        padding: 6px 12px;

        font-size: 12px;
    }

}


/* =========================================================
   PODAR SMARTER SCHOOLS
   BLOGS PAGE
   HERO BANNER
========================================================= */

.blogs-hero {
    position: relative;

    width: 100%;

    min-height: 300px;

    margin: 0;

    background-image:
        url("../../assets/images/banners/podar-smarter-schools-blogs.jpg");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    overflow: hidden;
}


/* =========================================================
   HERO OVERLAY
========================================================= */

.blogs-hero-overlay {
    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: flex-end;
}


/* =========================================================
   HERO INNER
========================================================= */

.blogs-hero-inner {
    width: min(90%, 1500px);

    margin: 0 auto;

    padding: 0;
}


/* =========================================================
   HERO CONTENT
========================================================= */

.blogs-hero-content {
    width: 100%;
    padding-bottom: 8%;
}


/* =========================================================
   HERO LABEL
========================================================= */

.blogs-hero-label {
    display: inline-block;
    margin: 0;
    padding: 9px 20px;
    /* background: #8b4aa5; */
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 4rem;
    line-height: 1.3;
}

/* =========================================================
   BLOGS HERO
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .blogs-hero {
        min-height: 320px;

        background-position: center center;
    }


    .blogs-hero-overlay {
        align-items: flex-end;
    }


    .blogs-hero-content {
        padding-bottom: 10%;
    }


    .blogs-hero-label {
        padding: 7px 14px;

        font-size: 13px;
    }

}


/* =========================================================
   BLOGS HERO
   VERY SMALL DEVICES
========================================================= */

@media (max-width: 380px) {

    .blogs-hero {
        min-height: 150px;
    }


    .blogs-hero-content {
        padding-bottom: 20%;
    }


    .blogs-hero-label {
        padding: 6px 12px;

        font-size: 15px;
    }

}


/* =========================================================
   PODAR SMARTER SCHOOLS
   BLOGS PAGE
   STEP 1 - BLOG LISTING
========================================================= */


/* =========================================================
   BLOGS PAGE
========================================================= */

.blogs-page {
    width: 100%;
    margin: 0;
    padding: 55px 0 70px;
    background: #ffffff;
}


/* =========================================================
   MAIN BLOG CONTAINER
========================================================= */

.blogs-container {
    width: min(92%, 1200px);
    margin: 0 auto;

    display: grid;
    /* grid-template-columns: minmax(0, 2.15fr) minmax(280px, 1fr); */
    grid-template-columns: minmax(0, 2.2fr) minmax(270px, 1fr);
    column-gap: 45px;
    align-items: start;
}


/* =========================================================
   LEFT BLOG COLUMN
========================================================= */

.blogs-main-column {
    width: 100%;
    min-width: 0;
}


/* =========================================================
   BLOG CARD
========================================================= */

.blog-card {
    width: 100%;
    margin: 0 0 38px;

    background: #ffffff;

    border: 1px solid #eeeeee;
    border-radius: 5px;
    box-shadow:
        0 4px 15px rgba(0, 0, 0, 0.08);

    overflow: hidden;
}


/* =========================================================
   BLOG IMAGE LINK
========================================================= */

.blog-card-image-link {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    text-decoration: none;
}


/* =========================================================
   BLOG IMAGE
========================================================= */

.blog-card-image {
    display: block;

    width: 100%;
    height: auto;

    aspect-ratio: 16 / 6;

    object-fit: cover;

    margin: 0;
    padding: 0;

    border: none;
}


/* =========================================================
   BLOG CARD CONTENT
========================================================= */

.blog-card-content {
    padding: 22px 25px 24px;
}


/* =========================================================
   BLOG DATE
========================================================= */

.blog-card-date {
    margin: 0 0 9px;

    color: #777777;

    font-family: "Poppins", sans-serif;

    font-size: 11px;
    font-weight: 400;

    line-height: 1.4;

    text-transform: uppercase;
}


/* =========================================================
   BLOG TITLE
========================================================= */

.blog-card-title {
    margin: 0 0 12px;

    padding: 0;

    font-family: "Poppins", sans-serif;

    font-size: 1.25rem;
    font-weight: 600;

    line-height: 1.35;
}


/* =========================================================
   BLOG TITLE LINK
========================================================= */

.blog-card-title a {
    color: #222222;

    text-decoration: none;

    transition:
        color 0.2s ease;
}


.blog-card-title a:hover {
    color: #15041c;
}


/* =========================================================
   BLOG DESCRIPTION
========================================================= */

.blog-card-description {
    margin: 0 0 16px;

    padding: 0;

    color: #777777;

    font-family: "Poppins", sans-serif;

    font-size: 1rem;
    font-weight: 400;

    line-height: 1.7;
}


/* =========================================================
   READ MORE
========================================================= */

.blog-read-more {
    display: inline-block;

    margin: 0;
    padding: 0;

    color: #005d9b;

    font-family: "Poppins", sans-serif;

    font-size: 1rem;
    font-weight: 600;

    line-height: 1.4;

    text-decoration: none;

    text-transform: uppercase;

    transition:
        color 0.2s ease;
}


.blog-read-more:hover {
    color: #006db5;
}


/* =========================================================
   BLOG PAGINATION
========================================================= */

.blogs-pagination {
    width: 100%;

    margin: 45px 0 0;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;
}


/* =========================================================
   PAGINATION NUMBER
========================================================= */

.pagination-number,
.pagination-next {
    display: flex;

    width: 40px;
    height: 40px;

    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;

    color: #777777;

    background: #ffffff;
    border: 1px solid #efefef;
    border-radius: 50%;

    font-family: "Poppins", sans-serif;

    font-size: 15px;
    font-weight: 400;

    line-height: 1;

    text-decoration: none;

    transition:
        background 0.2s ease,
        color 0.2s ease;
}


/* =========================================================
   ACTIVE PAGINATION
========================================================= */

.pagination-number.active {
    color: #ffffff;

    background: #0878a9;
}


/* =========================================================
   PAGINATION HOVER
========================================================= */

.pagination-number:not(.active):hover,
.pagination-next:hover {
    color: #ffffff;
    border: 1px solid #ad9263;
    background: #ad9263;
}


/* =========================================================
   PAGINATION DASH
========================================================= */

.pagination-separator {
    display: flex;

    height: 30px;

    align-items: center;
    justify-content: center;

    color: #ad9263;

    font-family: "Poppins", sans-serif;

    font-size: 16px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .blogs-page {
        padding: 45px 0 60px;
    }


    .blogs-container {
        width: min(92%, 900px);

        grid-template-columns:
            minmax(0, 1.8fr)
            minmax(240px, 1fr);

        column-gap: 30px;
    }


    .blog-card {
        margin-bottom: 30px;
    }


    .blog-card-content {
        padding: 20px 22px 22px;
    }


    .blog-card-title {
        font-size: 18px;
    }


    .blog-card-description {
        font-size: 12px;
        line-height: 1.65;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .blogs-page {
        padding: 35px 0 50px;
    }


    .blogs-container {
        width: 92%;

        display: block;
    }


    .blogs-main-column {
        width: 100%;
    }


    .blog-card {
        margin-bottom: 28px;
    }


    .blog-card-image {
        aspect-ratio: 16 / 6;
    }


    .blog-card-content {
        padding: 18px 18px 20px;
    }


    .blog-card-date {
        font-size: 10px;
    }


    .blog-card-title {
        font-size: 17px;
        line-height: 1.4;
    }


    .blog-card-description {
        font-size: 12px;
        line-height: 1.65;
    }


    .blog-read-more {
        font-size: 12px;
    }


    .blogs-pagination {
        margin-top: 35px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .blogs-container {
        width: 94%;
    }


    .blog-card-content {
        padding: 16px 16px 18px;
    }


    .blog-card-title {
        font-size: 16px;
    }


    .blog-card-description {
        font-size: 11px;
    }


    .pagination-number,
    .pagination-next {
        width: 28px;
        height: 28px;

        font-size: 10px;
    }

}


/* =========================================================
   BLOGS PAGE
   RIGHT SIDEBAR
   FEATURED POSTS
========================================================= */

.featured-posts {
    width: 100%;
    margin: 0 0 45px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 40px;
}


/* =========================================================
   SIDEBAR TITLE
========================================================= */

.featured-posts .sidebar-title {
    margin: 0 0 22px;
    padding: 0;
    color: #383f48;
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -1px;
}


/* =========================================================
   FEATURED POST
========================================================= */

.featured-post {
    display: grid;

    grid-template-columns: 45px minmax(0, 1fr);

    column-gap: 18px;

    width: 100%;

    margin: 0;
    padding: 0 0 10px;
    margin-bottom: 18px;

    border-bottom: 1px solid #ececec;
}


/* =========================================================
   FEATURED POST IMAGE
========================================================= */

.featured-post-image-link {
    display: block;

    width: 55px;
    height: 55px;

    margin: 0;
    padding: 0;

    overflow: hidden;

    text-decoration: none;
}


.featured-post-image {
    display: block;

    width: 50px;
    height: auto;

    object-fit: cover;

    margin: 0;
    padding: 0;
    border-radius: 5px;

    transition: transform 0.3s ease;
}


.featured-post-image-link:hover .featured-post-image {
    /* transform: scale(1.05); */
}


/* =========================================================
   FEATURED POST CONTENT
========================================================= */

.featured-post-content {
    min-width: 0;

    display: flex;
    flex-direction: column;

    justify-content: flex-start;

    padding: 0;
}


/* =========================================================
   FEATURED POST TITLE
========================================================= */

.featured-post-title {
    display: block;
    margin: 0 0 5px;
    padding: 0;
    color: #222222;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    transition: color 0.2s ease;
    letter-spacing: -1px;
}


.featured-post-title:hover {
    text-decoration: underline;
}


/* =========================================================
   FEATURED POST DATE
========================================================= */

.featured-post-date {
    margin: 0;
    padding: 0;

    color: #888888;

    font-family: "Poppins", sans-serif;

    font-size: 13px;
    font-weight: 400;

    line-height: 1.5;
}


/* =========================================================
   REMOVE BORDER FROM LAST FEATURED POST
========================================================= */

.featured-post:last-child {
    margin-bottom: 0;
    padding-bottom: 0;

    border-bottom: none;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .featured-post {
        grid-template-columns: 85px minmax(0, 1fr);

        column-gap: 14px;

        padding-bottom: 15px;
        margin-bottom: 15px;
    }


    .featured-post-image-link {
        width: 85px;
        height: 65px;
    }


    .featured-post-title {
        font-size: 14px;
    }


    .featured-post-date {
        font-size: 12px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .featured-posts {
        margin-top: 45px;
        margin-bottom: 40px;
        padding-bottom: 5px;
    }


    .featured-posts .sidebar-title {
        font-size: 22px;
        margin-bottom: 20px;
    }


    .featured-post {
        grid-template-columns: 100px minmax(0, 1fr);
        column-gap: 16px;
        padding-bottom: 0px;
        margin-bottom: 10px;
    }


    .featured-post-image-link {
        width: 100px;
        height: 70px;
    }


    .featured-post-title {
        font-size: 13px;
    }


    .featured-post-date {
        font-size: 11px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .featured-post {
        grid-template-columns: 60px minmax(0, 1fr);
        column-gap: 14px;
    }


    .featured-post-image-link {
        width: 90px;
        height: 65px;
    }


    .featured-post-title {
        font-size: 16px;
    }


    .featured-post-date {
        font-size: 13px;
    }

}

/* =========================================================
   BLOGS PAGE
   RIGHT SIDEBAR
   RECENT POSTS
========================================================= */

.recent-posts {
    width: 100%;
    margin: 0 0 45px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 40px;
}


/* =========================================================
   RECENT POSTS TITLE
========================================================= */

.recent-posts .sidebar-title {
    margin: 0 0 22px;
    padding: 0;
    color: #383f48;
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -1px;
}


/* =========================================================
   RECENT POST
========================================================= */

.recent-post {
    width: 100%;

    margin: 0;
    padding: 0 0 15px;
    margin-bottom: 5px;
}


/* =========================================================
   RECENT POST DATE
========================================================= */

.recent-post-date {
    margin: 0 0 5px;
    padding: 0;

    color: #898989;

    font-family: "Poppins", sans-serif;

    font-size: 13px;
    font-weight: 400;

    line-height: 1.5;

    text-transform: uppercase;
}


/* =========================================================
   RECENT POST TITLE
========================================================= */

.recent-post-title {
    display: block;

    margin: 0;
    padding: 0;

    color: #222222;

    font-family: "Poppins", sans-serif;

    font-size: 14px;
    font-weight: 600;

    line-height: 1.55;

    text-decoration: none;

    transition: color 0.2s ease;
}


.recent-post-title:hover {
    color: #005d9b;
}


/* =========================================================
   REMOVE BORDER FROM LAST RECENT POST
========================================================= */

.recent-post:last-child {
    margin-bottom: 0;
    padding-bottom: 0;

    border-bottom: none;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .recent-posts {
        margin-bottom: 35px;
    }


    .recent-posts .sidebar-title {
        font-size: 18px;
        margin-bottom: 18px;
    }


    .recent-post {
        padding-bottom: 13px;
        margin-bottom: 13px;
    }


    .recent-post-date {
        font-size: 12px;
    }


    .recent-post-title {
        font-size: 13px;
        line-height: 1.5;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .recent-posts {
        margin-top: 40px;
        margin-bottom: 40px;
        padding-bottom: 15px;
    }


    .recent-posts .sidebar-title {
        font-size: 22px;
        margin-bottom: 20px;
    }


    .recent-post {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }


    .recent-post-date {
        font-size: 11px;
    }


    .recent-post-title {
        font-size: 13px;
        line-height: 1.55;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .recent-post-title {
        font-size: 15px;
    }


    .recent-post-date {
        font-size: 13px;
    }

}


/* =========================================================
   BLOGS PAGE
   RIGHT SIDEBAR
   ARCHIVES
========================================================= */

.blog-archives {
    width: 100%;
    margin: 0;
    padding: 0;
}


/* =========================================================
   ARCHIVES TITLE
========================================================= */

.blog-archives .sidebar-title {
    margin: 0 0 22px;
    padding: 0;
    color: #383f48;
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -1px;
}


/* =========================================================
   ARCHIVE LIST
========================================================= */

.archive-list {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    list-style: none;
}


/* =========================================================
   ARCHIVE ITEM
========================================================= */

.archive-list li {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0 0 10px;
    margin-bottom: 5px;

    /* border-bottom: 1px solid #e5e5e5; */
}


/* =========================================================
   REMOVE BORDER FROM LAST ARCHIVE
========================================================= */

.archive-list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}


/* =========================================================
   ARCHIVE LINK
========================================================= */

.archive-list li a {
    display: flex;

    align-items: center;

    margin: 0;
    padding: 0;

    color: #555555;

    font-family: "Poppins", sans-serif;

    font-size: 14px;
    font-weight: 400;

    line-height: 1.5;

    text-decoration: none;

    transition: color 0.2s ease;
}

/* =========================================================
   ARCHIVE ARROW
========================================================= */

.archive-list li a::before {
    content: ">";

    display: inline-block;

    margin-right: 7px;

    color: #555555;

    font-size: 11px;
    font-weight: 500;

    pointer-events: none;
}

/* =========================================================
   ARCHIVE HOVER - SLOW ARROW MOVEMENT
========================================================= */

.archive-list li a:hover {
    color: #005d9b;
}

.archive-list li a:hover::before {
    color: #005d9b;

    animation: archiveArrowMove 0.8s ease-in-out infinite;
}


/* =========================================================
   ARCHIVE ARROW ANIMATION
========================================================= */

@keyframes archiveArrowMove {

    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(4px);
    }

    100% {
        transform: translateX(0);
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .blog-archives .sidebar-title {
        font-size: 18px;

        margin-bottom: 18px;
    }


    .archive-list li {
        padding-bottom: 9px;
        margin-bottom: 9px;
    }


    .archive-list li a {
        font-size: 13px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .blog-archives {
        margin-top: 40px;
    }


    .blog-archives .sidebar-title {
        font-size: 22px;
        margin-bottom: 20px;
    }


    .archive-list li {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }


    .archive-list li a {
        font-size: 12px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .archive-list li a {
        font-size: 14px;
    }

}


/* =========================================================
   PODAR INNOVATION CENTRE
   HERO BANNER
========================================================= */

.pic-hero {
    position: relative;

    width: 100%;
    min-height: 430px;

    background-image:
        url("../../assets/images/banners/podar-smarter-schools-podar-innovation-centre.jpg");

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    overflow: hidden;
}


/* =========================================================
   HERO OVERLAY
========================================================= */

.pic-hero-overlay {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    display: flex;
    align-items: flex-end;
}


/* =========================================================
   HERO CONTENT
========================================================= */

.pic-hero-content {
    width: 100%;

    padding-bottom: 10%;
}


/* =========================================================
   HERO LABEL
========================================================= */

.pic-hero-label {
    display: inline-block;

    margin: 0;

    padding: 9px 20px;

    background: #8b4aa5;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 22px;
    font-weight: 500;

    line-height: 1.3;
}

/* =========================================================
   PODAR INNOVATION CENTER
   OVERVIEW SECTION
========================================================= */

.pic-overview {
    width: 100%;

    margin: 0;

    padding: 70px 0 65px;

    background: #ffffff;
}


/* =========================================================
   OVERVIEW CONTAINER
========================================================= */

.pic-overview .container {
    max-width: 1140px;

    margin: 0 auto;
}


/* =========================================================
   MAIN HEADING
========================================================= */

.pic-overview-title {
    margin: 0 0 14px;

    color: #005b9a;

    font-family: "Poppins", sans-serif;

    font-size: 40px;

    font-weight: 500;

    line-height: 1.2;

    letter-spacing: -1px;
}


/* =========================================================
   MAIN INTRODUCTION
========================================================= */

.pic-overview-intro {
    margin: 0 0 17px;

    color: rgba(32, 32, 32, 255);

    font-family: "Poppins", sans-serif;

    font-size: 28px;

    font-weight: 600;

    line-height: 1.2;

    letter-spacing: -1px;
}


/* =========================================================
   OVERVIEW DESCRIPTION
========================================================= */

.pic-overview-description {
    margin: 0 0 22px;

    color: #222222;

    font-family: "Poppins", sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.5;
}


/* =========================================================
   OVERVIEW IMAGE WRAPPER
========================================================= */

.pic-overview-image-wrap {
    width: 100%;

    margin: 25px 0 0;

    display: flex;

    justify-content: center;

    align-items: center;
}


/* =========================================================
   OVERVIEW IMAGE
========================================================= */

.pic-overview-image {
    display: block;

    width: auto;

    max-width: 80%;

    height: auto;

    object-fit: contain;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

    .pic-overview {
        padding: 60px 0 55px;
    }


    .pic-overview .container {
        max-width: 92%;
    }


    .pic-overview-title {
        font-size: 40px;
    }


    .pic-overview-intro {
        font-size: 27px;
    }


    .pic-overview-description {
        font-size: 18px;
    }

}


/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */

@media (max-width: 991px) {

    .pic-overview {
        padding: 55px 0 50px;
    }


    .pic-overview .container {
        max-width: 92%;
    }


    .pic-overview-title {
        margin-bottom: 12px;

        font-size: 36px;
    }


    .pic-overview-intro {
        margin-bottom: 16px;

        font-size: 24px;

        line-height: 1.3;
    }


    .pic-overview-description {
        margin-bottom: 20px;

        font-size: 17px;

        line-height: 1.55;
    }


    .pic-overview-image-wrap {
        margin-top: 25px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .pic-overview {
        padding: 42px 0 45px;
    }


    .pic-overview .container {
        width: auto;

        max-width: none;

        margin: 0;

        padding-left: 20px;
        padding-right: 20px;
    }


    .pic-overview-title {
        margin-bottom: 12px;

        font-size: 29px;

        line-height: 1.2;
    }


    .pic-overview-intro {
        margin-bottom: 16px;

        font-size: 20px;

        line-height: 1.35;
    }


    .pic-overview-description {
        margin-bottom: 18px;

        font-size: 15px;

        line-height: 1.65;
    }


    .pic-overview-image-wrap {
        margin-top: 22px;
    }


    .pic-overview-image {
        width: 100%;

        max-width: 100%;

        height: auto;
    }

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width: 380px) {

    .pic-overview {
        padding: 38px 0 40px;
    }


    .pic-overview .container {
        padding-left: 16px;
        padding-right: 16px;
    }


    .pic-overview-title {
        font-size: 26px;
    }


    .pic-overview-intro {
        font-size: 18px;
    }


    .pic-overview-description {
        font-size: 14px;
    }

}


/* =========================================================
   PODAR INNOVATION CENTER
   ABOUT / INTRODUCTION SECTION
========================================================= */

.pic-about {
    width: 100%;

    margin: 0;

    padding: 55px 0 65px;

    background: #543b72;
}


/* =========================================================
   CONTAINER
========================================================= */

.pic-about .container {
    max-width: 1140px;

    margin: 0 auto;
}


/* =========================================================
   PARAGRAPHS
========================================================= */

.pic-about p {
    margin: 0 0 22px;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.5;
}


/* =========================================================
   LAST PARAGRAPH
========================================================= */

.pic-about p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

    .pic-about {
        padding: 50px 0 60px;
    }


    .pic-about .container {
        max-width: 92%;
    }


    .pic-about p {
        font-size: 16px;

        line-height: 1.55;
    }

}


/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */

@media (max-width: 991px) {

    .pic-about {
        padding: 45px 0 55px;
    }


    .pic-about .container {
        max-width: 92%;
    }


    .pic-about p {
        margin-bottom: 20px;

        font-size: 16px;

        line-height: 1.55;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .pic-about {
        padding: 38px 0 45px;
    }


    .pic-about .container {
        width: auto;

        max-width: none;

        margin: 0;

        padding-left: 20px;
        padding-right: 20px;
    }


    .pic-about p {
        margin-bottom: 18px;

        font-size: 15px;

        line-height: 1.65;
    }

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width: 380px) {

    .pic-about {
        padding: 34px 0 40px;
    }


    .pic-about .container {
        padding-left: 16px;
        padding-right: 16px;
    }


    .pic-about p {
        font-size: 14px;

        line-height: 1.65;
    }

}


/* =========================================================
   PODAR INNOVATION CENTER
   VIRTUAL SCHOOL PLANS SECTION
========================================================= */

.pic-vsp {
    width: 100%;

    margin: 0;

    padding: 60px 0 65px;

    background: #ffffff;
}


/* =========================================================
   CONTAINER
========================================================= */

.pic-vsp .container {
    max-width: 1140px;

    margin: 0 auto;
}


/* =========================================================
   SECTION TITLE
========================================================= */

.pic-vsp-title {
    margin: 0 0 18px;

    color: #202020;

    font-family: "Poppins", sans-serif;

    font-size: 28px;

    font-weight: 600;

    line-height: 1.3;

    letter-spacing: -0.7px;
}


/* =========================================================
   PARAGRAPHS
========================================================= */

.pic-vsp p {
    margin: 0 0 22px;

    color: #222222;

    font-family: "Poppins", sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.55;
}


/* =========================================================
   LAST PARAGRAPH
========================================================= */

.pic-vsp p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

    .pic-vsp {
        padding: 55px 0 60px;
    }


    .pic-vsp .container {
        max-width: 92%;
    }


    .pic-vsp-title {
        font-size: 27px;
    }


    .pic-vsp p {
        font-size: 16px;

        line-height: 1.55;
    }

}


/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */

@media (max-width: 991px) {

    .pic-vsp {
        padding: 50px 0 55px;
    }


    .pic-vsp .container {
        max-width: 92%;
    }


    .pic-vsp-title {
        margin-bottom: 16px;

        font-size: 24px;

        line-height: 1.35;
    }


    .pic-vsp p {
        margin-bottom: 20px;

        font-size: 16px;

        line-height: 1.55;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .pic-vsp {
        padding: 42px 0 45px;
    }


    .pic-vsp .container {
        width: auto;

        max-width: none;

        margin: 0;

        padding-left: 20px;
        padding-right: 20px;
    }


    .pic-vsp-title {
        margin-bottom: 16px;

        font-size: 20px;

        line-height: 1.4;

        letter-spacing: -0.3px;
    }


    .pic-vsp p {
        margin-bottom: 18px;

        font-size: 15px;

        line-height: 1.65;
    }

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width: 380px) {

    .pic-vsp {
        padding: 38px 0 40px;
    }


    .pic-vsp .container {
        padding-left: 16px;
        padding-right: 16px;
    }


    .pic-vsp-title {
        font-size: 18px;

        line-height: 1.4;
    }


    .pic-vsp p {
        font-size: 14px;

        line-height: 1.65;
    }

}



/* =========================================================
   PODAR SMARTER SCHOOLS
   INNER BLOG
   MASTER BLOG DETAIL STYLES
========================================================= */


/* =========================================================
   BLOG DETAIL HERO / BANNER
========================================================= */

.blog-detail-hero {
    position: relative;

    width: 100%;
    min-height: 168px;

    margin: 0;

    background-image:
        linear-gradient(
            rgba(10, 15, 20, 0.72),
            rgba(10, 15, 20, 0.72)
        ),
        url("../images/banners/podar-smarter-schools-blogs.jpg");

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    overflow: hidden;
}


/* =========================================================
   HERO INNER
========================================================= */

.blog-detail-hero-inner {
    width: min(90%, 1200px);

    margin: 0 auto;
    padding: 43px 0 20px;
}


/* =========================================================
   BREADCRUMB
========================================================= */

.blog-detail-breadcrumb {
    display: flex;

    flex-wrap: wrap;
    align-items: center;

    gap: 5px;

    margin: 0 0 5px;
    padding: 0;

    color: #b89a55;

    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 400;

    line-height: 1.5;

    text-transform: uppercase;
}


.blog-detail-breadcrumb a {
    color: #b89a55;

    text-decoration: none;

    transition: color 0.3s ease;
}


.blog-detail-breadcrumb a:hover {
    color: #ffffff;
    text-decoration: underline;
}


.blog-detail-breadcrumb span {
    color: #b89a55;
}


/* =========================================================
   BLOG PAGE TITLE
========================================================= */

.blog-detail-title {
    max-width: 1050px;

    margin: 0;
    padding: 0;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 30px;
    font-weight: 400;

    line-height: 1.25;

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.25);
}


/* =========================================================
   BLOG DETAIL PAGE
========================================================= */

.blog-detail-page {
    width: 100%;

    margin: 0;
    padding: 55px 0 70px;

    background: #ffffff;
}


/* =========================================================
   BLOG DETAIL COLUMN
========================================================= */

.blog-detail-column {
    width: 100%;
    min-width: 0;
}


/* =========================================================
   BLOG HERO IMAGE
========================================================= */

.blog-detail-hero-image-wrap {
    width: 100%;

    margin: 0 0 18px;
    padding: 5px;

    overflow: hidden;

    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 4px;

    background: #ffffff;

    /* box-shadow:
        0 5px 18px rgba(0, 0, 0, 0.10); */
}


.blog-detail-hero-image {
    display: block;

    width: 100%;
    height: auto;

    margin: 0;
    padding: 0;

    border: 0;

    border-radius: 3px;
}


/* =========================================================
   POST DATE
========================================================= */

.blog-detail-date {
    margin-left: 10px;
    padding: 0;
    color: #555555;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    line-height: 1.6;
}


/* =========================================================
   BLOG DIVIDER
========================================================= */

.blog-divider {
    background: rgba(0, 0, 0, 0.06);

    margin-top: 1rem;
    margin-bottom: 1rem;

    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}


/* =========================================================
   BLOG CONTENT
========================================================= */

.blog-content {
    width: 100%;

    margin: 0;
    padding: 0;
}


.blog-content p {
    margin-top: 0;
    margin-bottom: 12px;

    color: #000000;

    font-family: "Poppins", sans-serif;

    font-size: 16px;
    font-weight: 400;

    line-height: 1.55;
}


.blog-content h2 {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0;
    color: #555555;
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.35;
}


.blog-content h3 {
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 0;
    color: #777777;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}


.blog-content ul,
.blog-content ol {
    margin-top: 0;
    margin-bottom: 12px;

    padding-left: 25px;
}


.blog-content li {
    margin-bottom: 3px;

    color: #000000;

    font-family: "Poppins", sans-serif;

    font-size: 16px;
    font-weight: 400;

    line-height: 1.55;
}


.blog-content a {
    color: inherit;

    text-decoration: none;

    transition:
        text-decoration 0.3s ease;
}


.blog-content a:hover {
    text-decoration: underline;
}

.blog-content .home-enquiry-field label
{
    color: #000000;
}

/* .blog-content .home-enquiry-contact, .home-enquiry-intro
{
    display: none;
} */


/* =========================================================
   ALSO READ
========================================================= */

.blog-content .blog-also-read {
    margin-top: 14px;
}


.blog-content .blog-also-read a {
    color: #005d9b;

    text-decoration: none;

    transition:
        color 0.3s ease,
        text-decoration 0.3s ease;
}


.blog-content .blog-also-read a:hover {
    color: #005d9b;

    text-decoration: underline;
}


/* =========================================================
   ENQUIRY FORM INSIDE BLOG
========================================================= */

.blog-content .home-enquiry-section {
    margin-top: 5px;
    margin-bottom: 28px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .blog-detail-hero {
        min-height: 180px;
    }


    .blog-detail-hero-inner {
        width: 92%;

        padding-top: 45px;
        padding-bottom: 20px;
    }


    .blog-detail-title {
        font-size: 27px;
    }


    .blog-detail-page {
        padding-top: 45px;
        padding-bottom: 55px;
    }


    .blog-content p,
    .blog-content li {
        font-size: 15px;
    }


    .blog-content h2 {
        font-size: 21px;
    }


    .blog-content h3 {
        font-size: 17px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .blog-detail-hero {
        min-height: 205px;
    }


    .blog-detail-hero-inner {
        width: 92%;

        padding-top: 55px;
        padding-bottom: 22px;
    }


    .blog-detail-breadcrumb {
        font-size: 8px;

        line-height: 1.5;
    }


    .blog-detail-title {
        font-size: 23px;

        line-height: 1.3;
    }


    .blog-detail-page {
        padding: 35px 0 50px;
    }


    .blog-detail-hero-image-wrap {
        margin-bottom: 15px;
    }


    .blog-detail-date {
        font-size: 12px;
    }


    .blog-content p,
    .blog-content li {
        font-size: 14px;

        line-height: 1.6;
    }


    .blog-content h2 {
        font-size: 20px;

        line-height: 1.4;
    }


    .blog-content h3 {
        font-size: 16px;

        line-height: 1.45;
    }


    .blog-content ul,
    .blog-content ol {
        padding-left: 22px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .blog-detail-hero {
        min-height: 220px;
    }


    .blog-detail-hero-inner {
        width: 94%;

        padding-top: 55px;
        padding-bottom: 22px;
    }


    .blog-detail-breadcrumb {
        font-size: 7px;
    }


    .blog-detail-title {
        font-size: 21px;
    }


    .blog-content p,
    .blog-content li {
        font-size: 14px;
    }


    .blog-content h2 {
        font-size: 19px;
    }


    .blog-content h3 {
        font-size: 16px;
    }

}


/* =========================================================
   WHATSAPP FLOATING WIDGET
========================================================= */

.whatsapp-widget {
    position: fixed;
    right: 22px;
    bottom: 160px;
    z-index: 999999;
}

.whatsapp-link {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.whatsapp-message {
    display: block;
    background: #ffffff;
    color: #111111;
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.3;
    white-space: nowrap;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

/* Small white pointer towards WhatsApp icon */

.whatsapp-message::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ffffff;
}

.whatsapp-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    animation: whatsappPulse 2.8s ease-in-out infinite;
}

.whatsapp-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* =========================================================
   WHATSAPP PULSE ANIMATION
========================================================= */

@keyframes whatsappPulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.10);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .whatsapp-widget {
        right: 15px;
        bottom: 62px;
    }

    .whatsapp-message {
        padding: 11px 16px;
        font-size: 12px;
    }

    .whatsapp-icon {
        width: 44px;
        height: 44px;
    }

}

/* =========================================================
   404 PAGE
========================================================= */


/* =========================================================
   404 HERO BANNER
========================================================= */

.error404-hero {

    position: relative;

    width: 100%;

    min-height: 285px;

    background-image:
        linear-gradient(
            rgba(20, 25, 30, 0.78),
            rgba(20, 25, 30, 0.78)
        ),
        url("../../assets/images/banners/podar-smarter-schools-podar-learn-school.jpg");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    overflow: hidden;
}


/* =========================================================
   HERO OVERLAY
========================================================= */

.error404-hero-overlay {

    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    display: flex;

    align-items: center;
}


/* =========================================================
   HERO CONTENT
========================================================= */

.error404-hero-content {

    width: 100%;

    padding-top: 35px;
    padding-bottom: 35px;
}


/* =========================================================
   BREADCRUMB
========================================================= */

.error404-breadcrumb {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 12px;

    font-family: "Poppins", sans-serif;

    font-size: 15px;

    font-weight: 500;

    line-height: 1.4;

    text-transform: uppercase;

    letter-spacing: 0.2px;
}


.error404-breadcrumb a {

    color: #c49a57;

    text-decoration: none;

    transition: opacity 0.25s ease;
}


.error404-breadcrumb a:hover {

    opacity: 0.8;
}


.error404-breadcrumb span {

    color: #c49a57;
}


/* =========================================================
   HERO TITLE
========================================================= */

.error404-hero-title {

    margin: 0;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 44px;

    font-weight: 400;

    line-height: 1.2;
}


/* =========================================================
   404 MAIN CONTENT
========================================================= */

.error404-page {

    width: 100%;

    background: #ffffff;

    padding: 80px 0 85px;
}


/* =========================================================
   CONTENT CONTAINER
========================================================= */

.error404-content {

    width: 100%;

    max-width: 1000px;

    margin: 0 auto;

    padding: 0 20px;
}


/* =========================================================
   404 VISUAL
========================================================= */

.error404-visual {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    margin-bottom: 35px;
}


/* =========================================================
   404 NUMBER
========================================================= */

.error404-number {

    display: block;

    color: #202328;

    font-family: "Poppins", sans-serif;

    font-size: 150px;

    font-weight: 700;

    line-height: 0.85;

    letter-spacing: -8px;
}


/* =========================================================
   FILE ICON
========================================================= */

.error404-file-icon {

    position: relative;

    display: block;

    width: 112px;

    height: 150px;

    margin-left: 15px;

    background: #202328;

    border-radius: 5px;

    overflow: hidden;
}


/* =========================================================
   FILE FOLD
========================================================= */

.error404-file-fold {

    position: absolute;

    top: 0;
    right: 0;

    width: 44px;
    height: 44px;

    background: #ffffff;

    clip-path: polygon(
        0 0,
        100% 100%,
        0 100%
    );
}


/* =========================================================
   ERROR MESSAGE
========================================================= */

.error404-message {

    max-width: 620px;
}


.error404-message p {

    margin: 0;

    color: #777777;

    font-family: "Poppins", sans-serif;

    font-size: 25px;

    font-weight: 300;

    line-height: 1.65;
}


.error404-message a {

    color: #087eb9;

    text-decoration: none;

    font-weight: 400;
}


.error404-message a:hover {

    text-decoration: underline;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .error404-hero {

        min-height: 260px;
    }


    .error404-hero-title {

        font-size: 38px;
    }


    .error404-page {

        padding: 65px 0 70px;
    }


    .error404-number {

        font-size: 125px;
    }


    .error404-file-icon {

        width: 94px;
        height: 125px;
    }


    .error404-message p {

        font-size: 22px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .error404-hero {

        min-height: 220px;

        background-position: center center;
    }


    .error404-hero-content {

        padding-top: 25px;
        padding-bottom: 25px;
    }


    .error404-breadcrumb {

        font-size: 13px;

        gap: 8px;

        margin-bottom: 10px;
    }


    .error404-hero-title {

        font-size: 30px;

        line-height: 1.25;
    }


    .error404-page {

        padding: 55px 0 60px;
    }


    .error404-content {

        padding: 0 16px;
    }


    .error404-visual {

        margin-bottom: 30px;
    }


    .error404-number {

        font-size: 90px;

        letter-spacing: -5px;
    }


    .error404-file-icon {

        width: 68px;

        height: 90px;

        margin-left: 10px;

        border-radius: 4px;
    }


    .error404-file-fold {

        width: 28px;

        height: 28px;
    }


    .error404-message {

        max-width: 100%;
    }


    .error404-message p {

        font-size: 18px;

        line-height: 1.65;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .error404-hero {

        min-height: 200px;
    }


    .error404-hero-title {

        font-size: 27px;
    }


    .error404-number {

        font-size: 72px;
    }


    .error404-file-icon {

        width: 55px;

        height: 72px;
    }


    .error404-file-fold {

        width: 23px;

        height: 23px;
    }


    .error404-message p {

        font-size: 17px;
    }

}



/* =========================================================
   SCHOOL FRANCHISE - MUMBAI
========================================================= */

.mumbai-franchise-page {
    width: 100%;
    overflow: hidden;
}


/* =========================================================
   HERO
========================================================= */

.mumbai-franchise-hero {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.mumbai-franchise-hero-image {
    width: 100%;
}

.mumbai-franchise-hero-image img {
    display: block;
    width: 100%;
    height: auto;
}

.mumbai-franchise-hero-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.45),
        rgba(0, 0, 0, 0) 55%
    );
}

.mumbai-franchise-hero-content {
    padding-bottom: 30px;
}

.mumbai-franchise-hero-content h1 {
    display: inline-block;
    max-width: 700px;
    margin: 0;
    padding: 7px 12px;
    background: #8d3d9f;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 700;
}


/* =========================================================
   COMMON SECTION
========================================================= */

.mumbai-franchise-page section {
    width: 100%;
}

.mumbai-franchise-page .container {
    max-width: 1200px;
}


/* =========================================================
   INTRODUCTION
========================================================= */

.mumbai-franchise-introduction {
    padding: 42px 0;
    background: #ffffff;
}

.mumbai-franchise-introduction-content {
    max-width: 1150px;
    margin: 0 auto;
}

.mumbai-franchise-page p {
    margin-bottom: 16px;
    color: #444444;
    font-size: 16px;
    line-height: 1.75;
}

.mumbai-franchise-page h2 {
    margin-bottom: 20px;
    color: #005b9a;
    font-size: 25px;
    line-height: 1.25;
    font-weight: 700;
}


/* =========================================================
   OVERVIEW
========================================================= */

.mumbai-franchise-overview {
    padding: 55px 0;
    background: #a8c000;
}

.mumbai-franchise-overview-image img {
    display: block;
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    padding: 10px;
}

.mumbai-franchise-overview-content {
    padding: 10px 15px;
}

.mumbai-franchise-overview-content h2
{
    color: #005b9a;
}

.mumbai-franchise-overview-content p {
    color: #ffffff;
}

.mumbai-franchise-overview-content ul li
{
    margin-bottom: 10px;
    font-size: 16px;
    color: #ffffff;
}


/* =========================================================
   REQUIREMENTS
========================================================= */

.mumbai-franchise-requirements {
    padding: 25px 0;
    background: #ffffff;
}

.mumbai-franchise-requirements ul {
    margin: 20px 0 0;
    padding-left: 22px;
}

.mumbai-franchise-requirements li {
    margin-bottom: 10px;
    color: #444444;
    font-size: 15px;
    line-height: 1.6;
}


/* =========================================================
   REASONS
========================================================= */

.mumbai-franchise-reasons {
    padding: 50px 0;
    background: #ffffff;
}

.mumbai-franchise-reasons-image img {
    display: block;
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}


/* =========================================================
   MENTOR SUPPORT
========================================================= */

.mumbai-franchise-mentor {
    padding: 25px 0;
    background: #ffffff;
}


/* =========================================================
   STATISTICS
========================================================= */

.mumbai-franchise-statistics {
    padding: 25px 0 40px;
    background: #ffffff;
}

.mumbai-franchise-statistics-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 5px;
}

.mumbai-stat-card {
    min-height: 90px;
    padding: 10px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    background: #ffffff;
}

.mumbai-stat-card strong {
    display: block;
    margin-bottom: 4px;
    color: #0877b9;
    font-size: 26px;
    line-height: 1;
}

.mumbai-stat-card span {
    display: block;
    color: #333333;
    font-size: 13px;
    line-height: 1.2;
}


/* =========================================================
   ROI
========================================================= */

.mumbai-franchise-roi {
    padding: 25px 0;
    background: #ffffff;
}

.mumbai-franchise-roi ul {
    margin: 20px 0;
    padding-left: 22px;
}

.mumbai-franchise-roi li {
    margin-bottom: 9px;
    color: #444444;
    font-size: 15px;
    line-height: 1.6;
}


/* =========================================================
   OPEN FRANCHISE
========================================================= */

.mumbai-franchise-open {
    padding: 50px 0;
    background: #ffffff;
}

.mumbai-franchise-open-image img {
    display: block;
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}


/* =========================================================
   VIDEO
========================================================= */

.mumbai-franchise-video {
    padding: 25px 0 45px;
    background: #ffffff;
}

.mumbai-franchise-video-wrapper {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.mumbai-franchise-video-wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


/* =========================================================
   FINAL CONTENT
========================================================= */

.mumbai-franchise-final-content {
    padding: 25px 0;
    background: #ffffff;
}


/* =========================================================
   ENQUIRY FORM
========================================================= */

.mumbai-franchise-enquiry {
    width: 100%;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 991px) {

    .mumbai-franchise-hero-content {
        padding-bottom: 20px;
    }

    .mumbai-franchise-hero-content h1 {
        font-size: 20px;
        max-width: 600px;
    }

    .mumbai-franchise-overview-content,
    .mumbai-franchise-reasons-content,
    .mumbai-franchise-open-content {
        padding: 0;
    }

    .mumbai-franchise-statistics-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}


@media (max-width: 767px) {

    .mumbai-franchise-hero-image img {
        min-height: 260px;
        object-fit: cover;
    }

    .mumbai-franchise-hero-overlay {
        align-items: flex-end;
    }

    .mumbai-franchise-hero-content {
        padding-bottom: 15px;
    }

    .mumbai-franchise-hero-content h1 {
        max-width: 90%;
        font-size: 17px;
        line-height: 1.2;
    }

    .mumbai-franchise-introduction,
    .mumbai-franchise-requirements,
    .mumbai-franchise-reasons,
    .mumbai-franchise-mentor,
    .mumbai-franchise-roi,
    .mumbai-franchise-open,
    .mumbai-franchise-final-content {
        padding: 32px 0;
    }

    .mumbai-franchise-page h2 {
        font-size: 21px;
    }

    .mumbai-franchise-page p,
    .mumbai-franchise-requirements li,
    .mumbai-franchise-roi li {
        font-size: 14px;
        line-height: 1.7;
    }

    .mumbai-franchise-statistics-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mumbai-stat-card {
        min-height: 85px;
    }

    .mumbai-stat-card strong {
        font-size: 22px;
    }

    .mumbai-stat-card span {
        font-size: 12px;
    }

}



/* =========================================================
   FRANCHISE CONTENT SECTION
   Used across all State / City Franchise Pages
   ========================================================= */

.franchise-content-section {
    padding: 35px 0;
    background: #ffffff;
}

.franchise-content-section .container {
    max-width: 1140px;
}

.franchise-section-title {
    margin: 0 0 12px;
    color: #0076b9;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 700;
}

.franchise-content-section h3 {
    margin: 18px 0 8px;
    color: #333333;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 700;
}

.franchise-content-list {
    margin: 0 0 12px;
    padding-left: 22px;
}

.franchise-content-list li {
    margin-bottom: 7px;
    color: #444444;
    font-size: 16px;
    line-height: 1.6;
}

.franchise-section-summary {
    margin: 15px 0 0;
    color: #444444;
    font-size: 16px;
    line-height: 1.6;
}


/* Mobile */
@media (max-width: 767px) {

    .franchise-content-section {
        padding: 25px 15px;
    }

    .franchise-section-title {
        font-size: 20px;
    }

    .franchise-content-section h3 {
        font-size: 16px;
    }

    .franchise-content-list {
        padding-left: 20px;
    }

    .franchise-content-list li,
    .franchise-section-summary {
        font-size: 13px;
        line-height: 1.55;
    }

}

/* =========================================================
   FRANCHISE MODEL AND BENEFITS
   Common State / City Franchise Page Section
   ========================================================= */

.franchise-model-section {
    padding: 35px 0;
    background: #ffffff;
}

.franchise-model-section .container {
    max-width: 1140px;
}

.franchise-model-grid {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 35px;
    align-items: start;
}

.franchise-model-content h3 {
    margin: 15px 0 7px;
    color: #333333;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 700;
}

.franchise-model-content p {
    margin: 0 0 10px;
    color: #444444;
    font-size: 16px;
    line-height: 1.6;
}

.franchise-model-content .franchise-content-list {
    margin-bottom: 12px;
}

.franchise-model-image {
    width: 100%;
}

.franchise-model-image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .franchise-model-section {
        padding: 25px 15px;
    }

    .franchise-model-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .franchise-model-content h3 {
        font-size: 16px;
    }

    .franchise-model-content p,
    .franchise-model-content .franchise-content-list li {
        font-size: 13px;
        line-height: 1.55;
    }

    .franchise-model-image {
        order: 2;
    }

}