/* =========================================================
   BOU FAQ PAGE
   Primary: #225C9E
   Dark:    #173B55
========================================================= */

.bou-faq-page {
    position: relative;
    padding: 45px 0 70px;
    background:
        linear-gradient(
            135deg,
            #f5f7fa 0%,
            #eef5fa 55%,
            #e7f0f7 100%
        );
    overflow: hidden;
}


/* Decorative background */

.bou-faq-page:before,
.bou-faq-page:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: rgba(34,92,158,.035);
    pointer-events: none;
}

.bou-faq-page:before {
    width: 380px;
    height: 380px;
    top: -170px;
    right: -130px;
}

.bou-faq-page:after {
    width: 300px;
    height: 300px;
    bottom: -150px;
    left: -120px;
}


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

.bou-faq-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;

    max-width: 1120px;
    margin: 0 auto 28px;

    padding: 38px 45px;

    border-radius: 10px;

    background:
        linear-gradient(
            135deg,
            #173B55 0%,
            #225C9E 100%
        );

    box-shadow:
        0 12px 35px rgba(23,59,85,.16);

    overflow: hidden;
}


.bou-faq-hero:after {
    content: "";
    position: absolute;

    width: 260px;
    height: 260px;

    right: -90px;
    top: -100px;

    border-radius: 50%;

    border: 35px solid rgba(255,255,255,.05);
}


.bou-faq-hero-content {
    position: relative;
    z-index: 2;

    max-width: 780px;
}


.bou-faq-kicker {
    display: inline-block;

    margin-bottom: 10px;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;

    color: rgba(255,255,255,.78);
}


.bou-faq-hero h1 {
    margin: 0 0 10px;

    color: #fff;

    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;
}


.bou-faq-hero p {
    margin: 0;

    max-width: 720px;

    color: rgba(255,255,255,.88);

    font-size: 15px;
    line-height: 1.8;
}


.bou-faq-hero-icon {
    position: relative;
    z-index: 2;

    width: 90px;
    height: 90px;

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

    margin-left: 30px;

    border-radius: 50%;

    color: rgba(255,255,255,.92);

    font-size: 46px;

    background: rgba(255,255,255,.10);

    border: 1px solid rgba(255,255,255,.18);

    flex-shrink: 0;
}


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

.bou-faq-intro {
    max-width: 1120px;
    margin: 0 auto 20px;

    display: flex;
    align-items: center;

    padding: 18px 22px;

    background: #fff;

    border: 1px solid #e3eaf0;
    border-left: 4px solid #225C9E;

    border-radius: 7px;

    box-shadow: 0 5px 18px rgba(23,59,85,.06);
}


.bou-faq-intro-icon {
    width: 45px;
    height: 45px;

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

    margin-right: 16px;

    color: #225C9E;

    font-size: 23px;

    flex-shrink: 0;
}


.bou-faq-intro h3 {
    margin: 0 0 5px;

    color: #173B55;

    font-size: 17px;
    font-weight: 700;
}


.bou-faq-intro p {
    margin: 0;

    color: #657482;

    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   SEARCH
========================================================= */

.bou-faq-search-wrap {
    max-width: 1120px;
    margin: 0 auto 17px;
}


.bou-faq-search {
    position: relative;

    max-width: 760px;
    margin: 0 auto;
}


.bou-faq-search > i {
    position: absolute;

    left: 18px;
    top: 50%;

    transform: translateY(-50%);

    color: #225C9E;

    font-size: 16px;

    z-index: 2;
}


.bou-faq-search input {
    height: 48px;

    padding-left: 48px;
    padding-right: 45px;

    border: 1px solid #d8e1e8;

    border-radius: 7px;

    background: #fff;

    color: #173B55;

    font-size: 14px;

    box-shadow:
        0 5px 18px rgba(23,59,85,.07);

    transition: all .2s ease;
}


.bou-faq-search input:focus {
    border-color: #225C9E;

    box-shadow:
        0 5px 20px rgba(34,92,158,.12);

    outline: none;
}


.bou-faq-search input::placeholder {
    color: #9aa7b2;
}


.bou-faq-clear {
    position: absolute;

    right: 13px;
    top: 50%;

    transform: translateY(-50%);

    width: 28px;
    height: 28px;

    padding: 0;

    border: 0;

    background: transparent;

    color: #9aa7b2;

    font-size: 13px;

    cursor: pointer;

    transition: color .2s ease;
}


.bou-faq-clear:hover {
    color: #225C9E;
}


/* =========================================================
   FILTER BUTTONS
========================================================= */

.bou-faq-filter-wrap {
    max-width: 1120px;

    margin: 0 auto 30px;

    display: flex;
    justify-content: center;
    flex-wrap: wrap;

    gap: 7px;
}


.bou-faq-filter {
    padding: 8px 15px;

    border: 1px solid #d3dfe8;

    border-radius: 20px;

    background: #fff;

    color: #536574;

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

    cursor: pointer;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}


.bou-faq-filter:hover {
    color: #225C9E;
    border-color: #225C9E;
}


.bou-faq-filter.active {
    color: #fff;

    background: #225C9E;

    border-color: #225C9E;

    box-shadow:
        0 4px 12px rgba(34,92,158,.18);
}


/* =========================================================
   CATEGORY
========================================================= */

.bou-faq-category {
    position: relative;

    max-width: 1120px;

    margin: 0 auto 30px;

    padding: 24px;

    background: #fff;

    border: 1px solid #e2e9ef;

    border-radius: 9px;

    box-shadow:
        0 7px 25px rgba(23,59,85,.06);
}


.bou-faq-category-title {
    display: flex;
    align-items: center;

    margin-bottom: 17px;

    padding-bottom: 16px;

    border-bottom: 1px solid #e7edf2;
}


.bou-faq-category-icon {
    width: 44px;
    height: 44px;

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

    margin-right: 14px;

    color: #225C9E;

    font-size: 20px;

    border-radius: 7px;

    background: #eef5fb;
}


.bou-faq-category-title span {
    display: block;

    margin-bottom: 2px;

    color: #8c9aa6;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}


.bou-faq-category-title h2 {
    margin: 0;

    color: #173B55;

    font-size: 20px;
    line-height: 1.4;

    font-weight: 700;
}


/* =========================================================
   FAQ LIST
========================================================= */

.bou-faq-list {
    width: 100%;
}


.bou-faq-item {
    margin-bottom: 8px;

    border: 1px solid #e2e8ed;

    border-radius: 6px;

    background: #fff;

    overflow: hidden;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}


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


.bou-faq-item:hover {
    border-color: #cbd9e5;
}


.bou-faq-item.active {
    border-color: #b9cfe1;

    box-shadow:
        0 4px 16px rgba(34,92,158,.08);
}


/* =========================================================
   QUESTION
========================================================= */

.bou-faq-question {
    position: relative;

    width: 100%;

    display: flex;
    align-items: center;

    padding: 15px 16px;

    border: 0;

    background: #fff;

    text-align: left;

    color: #173B55;

    cursor: pointer;

    outline: none;

    transition:
        background .2s ease,
        color .2s ease;
}


.bou-faq-question:hover {
    background: #f8fbfd;
}


.bou-faq-item.active .bou-faq-question {
    background: #f5f9fc;

    color: #225C9E;
}


/* Number */

.bou-faq-number {
    width: 32px;
    height: 32px;

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

    margin-right: 13px;

    border-radius: 50%;

    background: #eef5fb;

    color: #225C9E;

    font-size: 11px;
    font-weight: 700;

    flex-shrink: 0;
}


.bou-faq-item.active .bou-faq-number {
    color: #fff;

    background: #225C9E;
}


/* Question text */

.bou-faq-question-text {
    flex: 1;

    padding-right: 15px;

    font-size: 14px;
    line-height: 1.65;

    font-weight: 600;
}


/* Toggle */

.bou-faq-toggle {
    width: 28px;
    height: 28px;

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

    border-left: 1px solid #e3e9ee;

    color: #225C9E;

    font-size: 12px;

    flex-shrink: 0;
}


.bou-faq-toggle i {
    transition: transform .2s ease;
}


/* =========================================================
   ANSWER
========================================================= */

.bou-faq-answer {
    display: none;

    padding: 0 25px 20px 61px;

    background: #f9fbfc;

    border-top: 1px solid #e8eef2;

    animation: bouFaqAnswer .25s ease;
}


.bou-faq-item.active .bou-faq-answer {
    display: block;
}


.bou-faq-answer p {
    margin: 17px 0 0;

    color: #536574;

    font-size: 14px;

    line-height: 1.9;

    text-align: justify;
}


@keyframes bouFaqAnswer {

    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/* =========================================================
   NO RESULT
========================================================= */

.bou-faq-no-result {
    display: none;

    max-width: 600px;

    margin: 25px auto 30px;

    padding: 40px 20px;

    text-align: center;

    background: #fff;

    border: 1px solid #e3eaf0;

    border-radius: 8px;

    box-shadow: 0 6px 20px rgba(23,59,85,.06);
}


.bou-faq-no-result > i {
    color: #225C9E;

    font-size: 32px;

    margin-bottom: 12px;
}


.bou-faq-no-result h3 {
    margin: 0 0 6px;

    color: #173B55;

    font-size: 18px;
}


.bou-faq-no-result p {
    margin: 0;

    color: #7a8995;

    font-size: 13px;
}


/* =========================================================
   RESULT COUNT
========================================================= */

.bou-faq-result-count {
    max-width: 1120px;

    margin: -15px auto 20px;

    text-align: right;

    color: #70808c;

    font-size: 12px;
}


.bou-faq-result-count i {
    color: #225C9E;
}


/* =========================================================
   RESPONSIVE - TABLET
========================================================= */

@media (max-width: 991px) {

    .bou-faq-page {
        padding: 35px 0 55px;
    }


    .bou-faq-hero {
        margin-left: 15px;
        margin-right: 15px;

        padding: 32px 30px;
    }


    .bou-faq-intro,
    .bou-faq-search-wrap,
    .bou-faq-filter-wrap,
    .bou-faq-category,
    .bou-faq-result-count {
        margin-left: 15px;
        margin-right: 15px;
    }


    .bou-faq-hero h1 {
        font-size: 30px;
    }


    .bou-faq-category {
        padding: 20px;
    }

}


/* =========================================================
   RESPONSIVE - MOBILE
========================================================= */

@media (max-width: 767px) {

    .bou-faq-page {
        padding: 25px 0 45px;
    }


    .bou-faq-hero {
        display: block;

        padding: 28px 22px;

        margin-bottom: 20px;
    }


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


    .bou-faq-hero p {
        font-size: 13px;
        line-height: 1.7;
    }


    .bou-faq-hero-icon {
        display: none;
    }


    .bou-faq-intro {
        align-items: flex-start;

        padding: 15px;

        margin-bottom: 15px;
    }


    .bou-faq-intro-icon {
        width: 35px;
        margin-right: 9px;
    }


    .bou-faq-intro h3 {
        font-size: 15px;
    }


    .bou-faq-intro p {
        font-size: 12px;
        line-height: 1.6;
    }


    .bou-faq-search-wrap {
        margin-bottom: 13px;
    }


    .bou-faq-search input {
        height: 46px;

        font-size: 13px;
    }


    .bou-faq-filter-wrap {
        justify-content: flex-start;

        flex-wrap: nowrap;

        overflow-x: auto;

        padding-bottom: 6px;

        margin-bottom: 20px;

        -webkit-overflow-scrolling: touch;
    }


    .bou-faq-filter {
        white-space: nowrap;

        flex-shrink: 0;

        padding: 7px 12px;

        font-size: 12px;
    }


    .bou-faq-category {
        padding: 14px;

        margin-bottom: 20px;
    }


    .bou-faq-category-title {
        margin-bottom: 12px;
        padding-bottom: 12px;
    }


    .bou-faq-category-icon {
        width: 38px;
        height: 38px;

        margin-right: 10px;

        font-size: 17px;
    }


    .bou-faq-category-title h2 {
        font-size: 17px;
    }


    .bou-faq-category-title span {
        font-size: 9px;
    }


    .bou-faq-question {
        padding: 13px 11px;
    }


    .bou-faq-number {
        width: 27px;
        height: 27px;

        margin-right: 9px;

        font-size: 10px;
    }


    .bou-faq-question-text {
        padding-right: 8px;

        font-size: 13px;

        line-height: 1.55;
    }


    .bou-faq-toggle {
        width: 24px;
        height: 24px;

        font-size: 10px;
    }


    .bou-faq-answer {
        padding: 0 14px 16px 47px;
    }


    .bou-faq-answer p {
        margin-top: 14px;

        font-size: 13px;

        line-height: 1.8;

        text-align: left;
    }


    .bou-faq-result-count {
        text-align: center;
    }

}


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

@media (max-width: 480px) {

    .bou-faq-hero {
        margin-left: 10px;
        margin-right: 10px;

        padding: 24px 18px;
    }


    .bou-faq-intro,
    .bou-faq-search-wrap,
    .bou-faq-filter-wrap,
    .bou-faq-category,
    .bou-faq-result-count {
        margin-left: 10px;
        margin-right: 10px;
    }


    .bou-faq-hero h1 {
        font-size: 23px;
    }


    .bou-faq-category {
        padding: 11px;
    }


    .bou-faq-question {
        align-items: flex-start;
    }


    .bou-faq-number {
        margin-top: 2px;
    }


    .bou-faq-toggle {
        margin-top: 1px;
    }


    .bou-faq-answer {
        padding-left: 43px;
        padding-right: 10px;
    }

}





/* =========================================================
   BOU ABOUT PAGE
   Bangladesh Open University
   Primary Color: #225C9E
   Dark Color:    #173B55
   Compatible with Bootstrap 3
========================================================= */


/* =========================================================
   PAGE WRAPPER
========================================================= */

.bou-about-page {
    position: relative;
    width: 100%;
    padding: 35px 0 70px;
    background: linear-gradient(
        135deg,
        #f5f7fa 0%,
        #eef5fa 55%,
        #e7f0f7 100%
    );
    overflow: hidden;
}


/* Subtle decorative background */

.bou-about-page:before {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(34, 92, 158, 0.035);
    top: -170px;
    right: -120px;
    pointer-events: none;
}

.bou-about-page:after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgba(23, 59, 85, 0.025);
    bottom: -140px;
    left: -120px;
    pointer-events: none;
}


/* Keep Bootstrap container above decoration */

.bou-about-page > .container {
    position: relative;
    z-index: 2;
}


/* =========================================================
   HERO SECTION
========================================================= */

.bou-about-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 230px;
    margin-bottom: 42px;
    padding: 42px 48px;

    background: linear-gradient(
        135deg,
        #173B55 0%,
        #225C9E 100%
    );

    border-radius: 10px;
    overflow: hidden;

    box-shadow:
        0 14px 35px rgba(23, 59, 85, 0.15);
}


/* Hero decorative circle */

.bou-about-hero:after {
    content: "";
    position: absolute;

    width: 330px;
    height: 330px;

    right: -130px;
    top: -150px;

    border-radius: 50%;

    border: 45px solid rgba(255, 255, 255, 0.045);

    pointer-events: none;
}


/* Hero content */

.bou-about-hero-content {
    position: relative;
    z-index: 2;
    max-width: 760px;
}


/* Hero kicker */

.bou-about-kicker {
    display: inline-block;

    margin-bottom: 12px;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.7px;
    text-transform: uppercase;

    color: rgba(255, 255, 255, 0.78);
}


/* Hero title */

.bou-about-hero h1 {
    margin: 0 0 13px;

    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;

    color: #ffffff;
}


/* Hero paragraph */

.bou-about-hero p {
    max-width: 700px;

    margin: 0 0 20px;

    font-size: 16px;
    line-height: 1.75;

    color: rgba(255, 255, 255, 0.88);
}


/* Established badge */

.bou-about-established {
    display: inline-flex;
    align-items: center;

    padding: 9px 15px;

    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 30px;

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

    color: #ffffff;

    font-size: 13px;
    font-weight: 600;
}


.bou-about-established i {
    margin-right: 8px;
    font-size: 14px;
}


/* Hero icon */

.bou-about-hero-icon {
    position: relative;
    z-index: 2;

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

    width: 110px;
    height: 110px;

    margin-left: 30px;

    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 50%;

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

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

    font-size: 45px;
}


/* =========================================================
   COMMON SECTION
========================================================= */

.bou-about-section {
    position: relative;

    margin-bottom: 45px;
    padding: 34px 35px;

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

    border: 1px solid rgba(34, 92, 158, 0.08);
    border-radius: 9px;

    box-shadow:
        0 8px 25px rgba(23, 59, 85, 0.07);
}


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

.bou-about-section-heading {
    margin-bottom: 28px;
    text-align: center;
}


.bou-about-section-heading > span {
    display: block;

    margin-bottom: 7px;

    color: #225C9E;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}


.bou-about-section-heading h2 {
    position: relative;

    display: inline-block;

    margin: 0;
    padding-bottom: 13px;

    color: #173B55;

    font-size: 27px;
    line-height: 1.3;
    font-weight: 700;
}


.bou-about-section-heading h2:after {
    content: "";

    position: absolute;

    width: 48px;
    height: 3px;

    bottom: 0;
    left: 50%;

    transform: translateX(-50%);

    border-radius: 5px;

    background: #225C9E;
}


.bou-about-section-heading p {
    max-width: 750px;

    margin: 15px auto 0;

    color: #687887;

    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   HISTORICAL TIMELINE
========================================================= */

.bou-history-timeline {
    position: relative;

    max-width: 980px;

    margin: 0 auto;
    padding: 5px 0;
}


/* Vertical timeline */

.bou-history-timeline:before {
    content: "";

    position: absolute;

    top: 10px;
    bottom: 10px;

    left: 83px;

    width: 2px;

    background: linear-gradient(
        to bottom,
        rgba(34, 92, 158, 0.12),
        rgba(34, 92, 158, 0.55),
        rgba(34, 92, 158, 0.12)
    );
}


/* Timeline item */

.bou-history-item {
    position: relative;

    display: flex;

    margin-bottom: 25px;
}


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


/* Year */

.bou-history-year {
    position: relative;
    z-index: 2;

    flex: 0 0 70px;

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

    height: 42px;

    margin-right: 28px;

    margin-top: 4px;

    border-radius: 6px;

    background: #225C9E;

    color: #ffffff;

    font-size: 14px;
    font-weight: 700;

    box-shadow:
        0 5px 13px rgba(34, 92, 158, 0.18);
}


/* Timeline connector dot */

.bou-history-year:after {
    content: "";

    position: absolute;

    width: 9px;
    height: 9px;

    right: -33px;
    top: 50%;

    transform: translateY(-50%);

    border: 2px solid #ffffff;
    border-radius: 50%;

    background: #225C9E;

    box-shadow:
        0 0 0 2px rgba(34, 92, 158, 0.18);
}


/* Timeline content */

.bou-history-content {
    flex: 1;

    padding: 18px 20px;

    background: #f8fafc;

    border: 1px solid #e7edf2;
    border-radius: 7px;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}


.bou-history-content:hover {
    border-color: rgba(34, 92, 158, 0.22);

    box-shadow:
        0 5px 15px rgba(23, 59, 85, 0.06);

    transform: translateY(-1px);
}


.bou-history-content h3 {
    margin: 0 0 9px;

    color: #173B55;

    font-size: 17px;
    font-weight: 700;
}


.bou-history-content p {
    margin: 0;

    color: #5e6d79;

    font-size: 15px;
    line-height: 1.75;

    text-align: justify;
}


.bou-history-content b {
    color: #173B55;
}


/* Final timeline item */

.bou-history-final .bou-history-year {
    background: #173B55;
}

.bou-history-final .bou-history-year:after {
    background: #173B55;
}


/* =========================================================
   VISION & MISSION
========================================================= */

.bou-vision-mission-section {
    padding-bottom: 30px;
}


.bou-purpose-box {
    position: relative;

    display: flex;

    min-height: 185px;

    margin-bottom: 15px;
    padding: 25px;

    background: #f8fafc;

    border: 1px solid #e5ecf2;
    border-radius: 8px;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}


.bou-purpose-box:hover {
    border-color: rgba(34, 92, 158, 0.22);

    box-shadow:
        0 7px 20px rgba(23, 59, 85, 0.07);

    transform: translateY(-2px);
}


/* Purpose icon */

.bou-purpose-icon {
    flex: 0 0 50px;

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

    width: 50px;
    height: 50px;

    margin-right: 18px;

    color: #225C9E;

    font-size: 30px;
}


.bou-purpose-content {
    flex: 1;
}


.bou-purpose-content h3 {
    margin: 1px 0 10px;

    color: #173B55;

    font-size: 20px;
    font-weight: 700;
}


.bou-purpose-content p {
    margin: 0;

    color: #5e6d79;

    font-size: 15px;
    line-height: 1.8;

    text-align: justify;
}


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


/* Statistics wrapper */

.bou-glance-stats {
    display: grid;

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

    gap: 14px;

    margin-bottom: 28px;
}


/* Individual stat */

.bou-glance-stat {
    position: relative;

    min-height: 145px;

    padding: 22px 15px 18px;

    text-align: center;

    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #f5f9fc 100%
    );

    border: 1px solid #e1eaf1;
    border-radius: 8px;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}


.bou-glance-stat:hover {
    transform: translateY(-3px);

    border-color: rgba(34, 92, 158, 0.25);

    box-shadow:
        0 8px 20px rgba(23, 59, 85, 0.08);
}


/* Stat icon */

.bou-glance-stat-icon {
    margin-bottom: 9px;

    color: #225C9E;

    font-size: 21px;
}


.bou-glance-stat strong {
    display: block;

    margin-bottom: 5px;

    color: #173B55;

    font-size: 27px;
    line-height: 1.2;
    font-weight: 700;
}


.bou-glance-stat span {
    display: block;

    color: #71808c;

    font-size: 12px;
    line-height: 1.4;
}


/* =========================================================
   INSTITUTIONAL INFORMATION
========================================================= */

.bou-institution-table-wrap {
    overflow: hidden;

    border: 1px solid #e2eaf0;
    border-radius: 8px;

    background: #ffffff;
}


/* Table heading */

.bou-institution-table-heading {
    display: flex;
    align-items: center;

    padding: 14px 18px;

    background: #f5f8fb;

    border-bottom: 1px solid #e2eaf0;

    color: #173B55;

    font-size: 15px;
    font-weight: 700;
}


.bou-institution-table-heading i {
    margin-right: 9px;

    color: #225C9E;

    font-size: 17px;
}


/* Table */

.bou-institution-table {
    margin: 0 !important;
}


.bou-institution-table > tbody > tr > th,
.bou-institution-table > tbody > tr > td {
    padding: 13px 17px !important;

    border-top: 1px solid #edf1f4 !important;

    vertical-align: middle !important;

    font-size: 15px;

    line-height: 1.6;
}


.bou-institution-table > tbody > tr:first-child > th,
.bou-institution-table > tbody > tr:first-child > td {
    border-top: 0 !important;
}


.bou-institution-table th {
    width: 34%;

    background: #fbfcfd;

    color: #173B55;

    font-weight: 700;
}


.bou-institution-table td {
    color: #5f6e79;
}


.bou-institution-table > tbody > tr:hover th,
.bou-institution-table > tbody > tr:hover td {
    background: #f8fbfd;
}


/* =========================================================
   INTERNATIONAL ORGANIZATIONS
========================================================= */

.bou-international-grid {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 12px;
}


/* Organization item */

.bou-international-item {
    display: flex;
    align-items: center;

    min-height: 65px;

    padding: 13px 16px;

    background: #f8fafc;

    border: 1px solid #e3ebf1;
    border-radius: 7px;

    text-decoration: none !important;

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


.bou-international-item:hover {
    background: #ffffff;

    border-color: rgba(34, 92, 158, 0.27);

    box-shadow:
        0 5px 15px rgba(23, 59, 85, 0.06);

    transform: translateY(-2px);
}


/* Globe icon */

.bou-international-item > i:first-child {
    flex: 0 0 35px;

    color: #225C9E;

    font-size: 20px;

    text-align: center;
}


/* Organization name */

.bou-international-item span {
    flex: 1;

    padding: 0 10px;

    color: #304d63;

    font-size: 16px;
    line-height: 1.55;
    font-weight: 600;
}


.bou-international-item:hover span {
    color: #173B55;
}


/* Arrow */

.bou-international-item .bou-international-arrow {
    flex: 0 0 15px;

    color: #9aabb8;

    font-size: 17px;

    text-align: right;
}


.bou-international-item:hover .bou-international-arrow {
    color: #225C9E;
}


/* =========================================================
   MOU SECTION
========================================================= */

.bou-mou-section {
    padding-bottom: 35px;
}


/* MOU search */

.bou-mou-search {
    margin-bottom: 20px;
}


.bou-mou-search-inner {
    position: relative;

    max-width: 780px;

    margin: 0 auto;
}


.bou-mou-search-inner > i {
    position: absolute;

    left: 16px;
    top: 50%;

    z-index: 3;

    transform: translateY(-50%);

    color: #8293a0;

    font-size: 15px;
}


.bou-mou-search-inner input {
    width: 100% !important;
    height: 46px !important;

    padding: 0 48px 0 43px !important;

    border: 1px solid #d9e3ea !important;
    border-radius: 7px !important;

    background: #ffffff !important;

    color: #344b5c !important;

    font-size: 14px !important;

    box-shadow:
        0 4px 13px rgba(23, 59, 85, 0.05) !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


.bou-mou-search-inner input:focus {
    border-color: #225C9E !important;

    outline: none !important;

    box-shadow:
        0 0 0 3px rgba(34, 92, 158, 0.08),
        0 5px 15px rgba(23, 59, 85, 0.06) !important;
}


.bou-mou-search-inner input::placeholder {
    color: #9aa8b3;
}


/* Clear search */

.bou-mou-clear {
    position: absolute;

    right: 12px;
    top: 50%;

    z-index: 4;

    width: 27px;
    height: 27px;

    padding: 0;

    transform: translateY(-50%);

    border: 0;
    border-radius: 50%;

    background: #edf2f6;

    color: #637482;

    font-size: 12px;

    line-height: 27px;

    text-align: center;

    cursor: pointer;

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


.bou-mou-clear:hover {
    background: #225C9E;

    color: #ffffff;
}


/* =========================================================
   MOU CATEGORY TABS
========================================================= */

.bou-mou-tabs {
    display: flex;
    justify-content: center;
    align-items: center;

    margin-bottom: 25px;

    padding: 5px;

    background: #eef3f7;

    border: 1px solid #e0e8ee;
    border-radius: 8px;
}


.bou-mou-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 43px;

    margin: 0;
    padding: 9px 20px;

    border: 0;
    border-radius: 6px;

    background: transparent;

    color: #607381;

    font-size: 13px;
    font-weight: 700;

    cursor: pointer;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease;
}


.bou-mou-tab i {
    margin-right: 8px;

    font-size: 14px;
}


.bou-mou-tab span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 24px;
    height: 22px;

    margin-left: 9px;
    padding: 0 6px;

    border-radius: 20px;

    background: #dfe7ed;

    color: #607381;

    font-size: 11px;
}


.bou-mou-tab:hover {
    color: #225C9E;
}


.bou-mou-tab.active {
    background: #225C9E;

    color: #ffffff;

    box-shadow:
        0 4px 10px rgba(34, 92, 158, 0.18);
}


.bou-mou-tab.active span {
    background: rgba(255, 255, 255, 0.17);

    color: #ffffff;
}


/* =========================================================
   MOU CATEGORY
========================================================= */

.bou-mou-category {
    display: none;
}


.bou-mou-category.active {
    display: block;
}


/* MOU category heading */

.bou-mou-category-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 14px;
    padding: 17px 19px;

    border-left: 4px solid #225C9E;
    border-radius: 0 7px 7px 0;

    background: #f5f8fb;
}


.bou-mou-category-kicker {
    display: block;

    margin-bottom: 4px;

    color: #225C9E;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
}


.bou-mou-category-header h3 {
    margin: 0;

    color: #173B55;

    font-size: 17px;
    line-height: 1.4;
    font-weight: 700;
}


.bou-mou-count {
    flex: 0 0 auto;

    margin-left: 20px;
    padding: 7px 11px;

    border: 1px solid #dce6ed;
    border-radius: 20px;

    background: #ffffff;

    color: #607381;

    font-size: 11px;
    font-weight: 700;
}


/* =========================================================
   MOU TABLE
========================================================= */

.bou-mou-table-wrap {
    overflow: hidden;

    border: 1px solid #dfe7ed;
    border-radius: 7px;

    background: #ffffff;

    box-shadow:
        0 5px 18px rgba(23, 59, 85, 0.05);
}


.bou-mou-table {
    width: 100%;

    margin: 0 !important;

    table-layout: auto;
}


/* Header */

.bou-mou-table > thead > tr > th {
    padding: 13px 12px !important;

    border: 0 !important;

    background: #225C9E !important;

    color: #ffffff !important;

    font-size: 14px !important;
    line-height: 1.4;

    font-weight: 700 !important;

    vertical-align: middle !important;
}


/* First column */

.bou-mou-table .bou-mou-sl {
    width: 55px;

    text-align: center;
}


/* Date */

.bou-mou-table .bou-mou-date {
    width: 110px;
}


/* Duration */

.bou-mou-table .bou-mou-duration {
    width: 145px;
}


/* Body */

.bou-mou-table > tbody > tr > th,
.bou-mou-table > tbody > tr > td {
    padding: 13px 12px !important;

    border-top: 1px solid #edf1f4 !important;

    color: #596b78;

    font-size: 14px;

    line-height: 1.65;

    vertical-align: top !important;
}


.bou-mou-table > tbody > tr:first-child > th,
.bou-mou-table > tbody > tr:first-child > td {
    border-top: 0 !important;
}


.bou-mou-table > tbody > tr > th {
    width: 55px;

    background: #fafcfd;

    color: #225C9E;

    font-weight: 700;

    text-align: center;
}


.bou-mou-table > tbody > tr:hover > th,
.bou-mou-table > tbody > tr:hover > td {
    background: #f7fafc;
}


/* Keep text readable */

.bou-mou-table > tbody > tr > td:nth-child(2),
.bou-mou-table > tbody > tr > td:nth-child(3) {
    text-align: justify;
}


/* =========================================================
   NO SEARCH RESULT
========================================================= */

.bou-mou-no-result {
    margin-top: 15px;
    padding: 35px 20px;

    border: 1px solid #e2e9ee;
    border-radius: 8px;

    background: #f8fafc;

    text-align: center;
}


.bou-mou-no-result > i {
    margin-bottom: 10px;

    color: #9aabb8;

    font-size: 27px;
}


.bou-mou-no-result h4 {
    margin: 5px 0 7px;

    color: #173B55;

    font-size: 17px;
    font-weight: 700;
}


.bou-mou-no-result p {
    margin: 0;

    color: #7a8994;

    font-size: 13px;
}


/* =========================================================
   BOOTSTRAP 3 OVERRIDES
========================================================= */

/* Prevent old table styles from affecting this page */

.bou-about-page .table {
    background: transparent;
}


.bou-about-page .table > thead > tr > th,
.bou-about-page .table > tbody > tr > th,
.bou-about-page .table > tbody > tr > td {
    vertical-align: middle;
}


/* Remove Bootstrap default hover conflict */

.bou-about-page .table-striped > tbody > tr:nth-of-type(odd) {
    background: transparent;
}


/* Remove old panel styling if inherited */

.bou-about-page .panel {
    margin-bottom: 0;
}


/* =========================================================
   TABLET
   992px AND BELOW
========================================================= */

@media (max-width: 991px) {

    .bou-about-page {
        padding: 28px 0 55px;
    }


    .bou-about-hero {
        min-height: 215px;

        padding: 35px 35px;

        margin-bottom: 35px;
    }


    .bou-about-hero h1 {
        font-size: 31px;
    }


    .bou-about-hero p {
        font-size: 15px;
    }


    .bou-about-hero-icon {
        width: 90px;
        height: 90px;

        font-size: 36px;
    }


    .bou-about-section {
        margin-bottom: 35px;
        padding: 30px 25px;
    }


    .bou-about-section-heading h2 {
        font-size: 25px;
    }


    /* Timeline */

    .bou-history-timeline:before {
        left: 73px;
    }


    .bou-history-year {
        flex-basis: 62px;

        margin-right: 23px;

        font-size: 13px;
    }


    .bou-history-year:after {
        right: -28px;
    }


    .bou-history-content {
        padding: 16px 18px;
    }


    .bou-history-content h3 {
        font-size: 16px;
    }


    .bou-history-content p {
        font-size: 13px;
    }


    /* Stats */

    .bou-glance-stats {
        grid-template-columns: repeat(4, 1fr);

        gap: 10px;
    }


    .bou-glance-stat {
        min-height: 135px;

        padding: 18px 8px;
    }


    .bou-glance-stat strong {
        font-size: 23px;
    }


    .bou-glance-stat span {
        font-size: 11px;
    }


    /* International */

    .bou-international-grid {
        gap: 10px;
    }


    /* MOU */

    .bou-mou-category-header h3 {
        font-size: 16px;
    }


    .bou-mou-table > thead > tr > th {
        font-size: 11px !important;
    }


    .bou-mou-table > tbody > tr > th,
    .bou-mou-table > tbody > tr > td {
        font-size: 11px;

        padding: 11px 10px !important;
    }

}


/* =========================================================
   MOBILE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .bou-about-page {
        padding: 20px 0 45px;
    }


    .bou-about-page > .container {
        width: 100%;
        padding-left: 12px;
        padding-right: 12px;
    }


    /* Hero */

    .bou-about-hero {
        display: block;

        min-height: auto;

        margin-bottom: 25px;

        padding: 28px 22px;

        border-radius: 8px;

        text-align: left;
    }


    .bou-about-hero h1 {
        font-size: 27px;

        line-height: 1.25;
    }


    .bou-about-hero p {
        margin-bottom: 16px;

        font-size: 14px;
        line-height: 1.65;
    }


    .bou-about-kicker {
        font-size: 10px;

        letter-spacing: 1.4px;
    }


    .bou-about-established {
        padding: 8px 12px;

        font-size: 12px;
    }


    .bou-about-hero-icon {
        display: none;
    }


    /* Common section */

    .bou-about-section {
        margin-bottom: 25px;

        padding: 24px 15px;

        border-radius: 7px;
    }


    .bou-about-section-heading {
        margin-bottom: 22px;
    }


    .bou-about-section-heading > span {
        font-size: 9px;

        letter-spacing: 1.4px;
    }


    .bou-about-section-heading h2 {
        font-size: 22px;
    }


    .bou-about-section-heading h2:after {
        width: 40px;
        height: 2px;
    }


    .bou-about-section-heading p {
        margin-top: 12px;

        font-size: 13px;
        line-height: 1.6;
    }


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

    .bou-history-timeline {
        padding-left: 0;
    }


    .bou-history-timeline:before {
        left: 26px;

        top: 8px;
        bottom: 8px;
    }


    .bou-history-item {
        display: block;

        padding-left: 55px;

        margin-bottom: 20px;
    }


    .bou-history-year {
        position: absolute;

        left: 0;
        top: 0;

        display: flex;

        width: 53px;
        height: 35px;

        margin: 0;

        border-radius: 5px;

        font-size: 11px;
    }


    .bou-history-year:after {
        width: 8px;
        height: 8px;

        right: -2px;
        top: 50%;

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


    .bou-history-content {
        padding: 14px 15px;
    }


    .bou-history-content h3 {
        margin-bottom: 7px;

        font-size: 15px;
    }


    .bou-history-content p {
        font-size: 12px;
        line-height: 1.7;

        text-align: left;
    }


    /* =====================================================
       MOBILE VISION / MISSION
    ===================================================== */

    .bou-vision-mission-section .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }


    .bou-purpose-box {
        min-height: auto;

        margin-bottom: 12px;

        padding: 18px 16px;
    }


    .bou-purpose-icon {
        flex-basis: 42px;

        width: 42px;
        height: 42px;

        margin-right: 12px;

        font-size: 25px;
    }


    .bou-purpose-content h3 {
        margin-top: 0;

        font-size: 18px;
    }


    .bou-purpose-content p {
        font-size: 12px;

        line-height: 1.7;

        text-align: left;
    }


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

    .bou-glance-stats {
        grid-template-columns: repeat(2, 1fr);

        gap: 9px;

        margin-bottom: 20px;
    }


    .bou-glance-stat {
        min-height: 120px;

        padding: 17px 8px 14px;
    }


    .bou-glance-stat-icon {
        margin-bottom: 6px;

        font-size: 18px;
    }


    .bou-glance-stat strong {
        font-size: 22px;
    }


    .bou-glance-stat span {
        font-size: 10px;
    }


    /* =====================================================
       MOBILE INSTITUTIONAL TABLE
    ===================================================== */

    .bou-institution-table-heading {
        padding: 12px 13px;

        font-size: 13px;
    }


    .bou-institution-table > tbody > tr > th,
    .bou-institution-table > tbody > tr > td {
        padding: 10px 11px !important;

        font-size: 11px;

        line-height: 1.55;
    }


    .bou-institution-table th {
        width: 40%;
    }


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

    .bou-international-grid {
        grid-template-columns: 1fr;

        gap: 8px;
    }


    .bou-international-item {
        min-height: 58px;

        padding: 10px 12px;
    }


    .bou-international-item > i:first-child {
        flex-basis: 30px;

        font-size: 18px;
    }


    .bou-international-item span {
        padding: 0 8px;

        font-size: 11px;
        line-height: 1.5;
    }


    .bou-international-item .bou-international-arrow {
        font-size: 15px;
    }


    /* =====================================================
       MOBILE MOU SEARCH
    ===================================================== */

    .bou-mou-search {
        margin-bottom: 12px;
    }


    .bou-mou-search-inner input {
        height: 43px !important;

        padding-left: 39px !important;

        font-size: 12px !important;
    }


    .bou-mou-search-inner > i {
        left: 13px;

        font-size: 13px;
    }


    .bou-mou-clear {
        right: 9px;

        width: 25px;
        height: 25px;

        line-height: 25px;
    }


    /* =====================================================
       MOBILE MOU TABS
    ===================================================== */

    .bou-mou-tabs {
        display: flex;

        width: 100%;

        overflow-x: auto;

        justify-content: flex-start;

        margin-bottom: 18px;

        padding: 4px;

        white-space: nowrap;

        -webkit-overflow-scrolling: touch;
    }


    .bou-mou-tab {
        flex: 0 0 auto;

        min-height: 39px;

        padding: 8px 13px;

        font-size: 11px;
    }


    .bou-mou-tab i {
        margin-right: 5px;

        font-size: 12px;
    }


    .bou-mou-tab span {
        min-width: 20px;
        height: 19px;

        margin-left: 6px;

        font-size: 9px;
    }


    /* =====================================================
       MOBILE MOU CATEGORY HEADER
    ===================================================== */

    .bou-mou-category-header {
        display: block;

        padding: 14px 13px;
    }


    .bou-mou-category-kicker {
        font-size: 9px;
    }


    .bou-mou-category-header h3 {
        font-size: 14px;

        line-height: 1.45;
    }


    .bou-mou-count {
        display: inline-block;

        margin: 9px 0 0;

        padding: 5px 9px;

        font-size: 9px;
    }


    /* =====================================================
       MOBILE MOU TABLE
    ===================================================== */

    .bou-mou-table-wrap {
        overflow-x: auto;

        -webkit-overflow-scrolling: touch;
    }


    .bou-mou-table {
        min-width: 850px;
    }


    .bou-mou-table > thead > tr > th {
        padding: 10px 9px !important;

        font-size: 10px !important;
    }


    .bou-mou-table > tbody > tr > th,
    .bou-mou-table > tbody > tr > td {
        padding: 10px 9px !important;

        font-size: 10px;

        line-height: 1.55;
    }


    .bou-mou-table .bou-mou-sl {
        width: 45px;
    }


    .bou-mou-table .bou-mou-date {
        width: 105px;
    }


    .bou-mou-table .bou-mou-duration {
        width: 140px;
    }


    /* No result */

    .bou-mou-no-result {
        padding: 28px 15px;
    }


    .bou-mou-no-result > i {
        font-size: 23px;
    }


    .bou-mou-no-result h4 {
        font-size: 15px;
    }


    .bou-mou-no-result p {
        font-size: 11px;
    }

}


/* =========================================================
   SMALL MOBILE
   480px AND BELOW
========================================================= */

@media (max-width: 480px) {

    .bou-about-page {
        padding-top: 15px;
    }


    .bou-about-page > .container {
        padding-left: 8px;
        padding-right: 8px;
    }


    /* Hero */

    .bou-about-hero {
        padding: 24px 17px;
    }


    .bou-about-kicker {
        margin-bottom: 9px;

        font-size: 9px;
    }


    .bou-about-hero h1 {
        font-size: 23px;
    }


    .bou-about-hero p {
        font-size: 12px;
    }


    .bou-about-established {
        font-size: 10px;
    }


    /* Sections */

    .bou-about-section {
        padding: 20px 11px;
    }


    .bou-about-section-heading h2 {
        font-size: 20px;
    }


    .bou-about-section-heading p {
        font-size: 12px;
    }


    /* Timeline */

    .bou-history-timeline:before {
        left: 23px;
    }


    .bou-history-item {
        padding-left: 48px;
    }


    .bou-history-year {
        width: 46px;
        height: 32px;

        font-size: 10px;
    }


    .bou-history-content {
        padding: 12px;
    }


    .bou-history-content h3 {
        font-size: 14px;
    }


    .bou-history-content p {
        font-size: 11px;

        line-height: 1.65;
    }


    /* Stats */

    .bou-glance-stats {
        gap: 7px;
    }


    .bou-glance-stat {
        min-height: 110px;

        padding: 14px 5px;
    }


    .bou-glance-stat strong {
        font-size: 19px;
    }


    .bou-glance-stat span {
        font-size: 9px;
    }


    /* Institutional */

    .bou-institution-table > tbody > tr > th,
    .bou-institution-table > tbody > tr > td {
        padding: 9px 8px !important;

        font-size: 10px;
    }


    /* Purpose */

    .bou-purpose-box {
        padding: 15px 12px;
    }


    .bou-purpose-icon {
        flex-basis: 36px;

        width: 36px;
        height: 36px;

        margin-right: 9px;

        font-size: 22px;
    }


    .bou-purpose-content h3 {
        font-size: 16px;
    }


    .bou-purpose-content p {
        font-size: 11px;
    }


    /* International */

    .bou-international-item span {
        font-size: 10px;
    }


    /* MOU */

    .bou-mou-tab {
        padding-left: 10px;
        padding-right: 10px;

        font-size: 10px;
    }


    .bou-mou-category-header h3 {
        font-size: 13px;
    }


    .bou-mou-table {
        min-width: 820px;
    }

}


/* =========================================================
   ACCESSIBILITY / REDUCED MOTION
========================================================= */

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

    .bou-history-content,
    .bou-purpose-box,
    .bou-glance-stat,
    .bou-international-item,
    .bou-mou-tab,
    .bou-mou-search-inner input,
    .bou-mou-clear {
        transition: none !important;
    }

}


/* =========================================================
   PRINT
========================================================= */

@media print {

    .bou-about-page {
        padding: 0;

        background: #ffffff;
    }


    .bou-about-page:before,
    .bou-about-page:after {
        display: none;
    }


    .bou-about-hero {
        color: #000000;

        background: #ffffff;

        border: 1px solid #cccccc;

        box-shadow: none;
    }


    .bou-about-hero h1,
    .bou-about-hero p,
    .bou-about-established {
        color: #000000;
    }


    .bou-about-section {
        box-shadow: none;

        break-inside: avoid;
    }


    .bou-mou-search,
    .bou-mou-tabs {
        display: none;
    }


    .bou-mou-category {
        display: block !important;
    }


    .bou-mou-table-wrap {
        overflow: visible;
    }

}





/* ============================================================
   BOU MOBILE APPLICATIONS PRIVACY POLICY
   Primary Color: #225C9E
   Dark Color:    #173B55
   Bootstrap 3 Compatible
   ============================================================ */


/* ============================================================
   1. PAGE BACKGROUND
   ============================================================ */

.bou-privacy-page {
    position: relative;
    padding: 38px 0 60px;
    background: linear-gradient(
        135deg,
        #f5f7fa 0%,
        #eef5fa 55%,
        #e7f0f7 100%
    );
    overflow: hidden;
}

.bou-privacy-page:before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(34, 92, 158, 0.035);
    top: -100px;
    right: -80px;
}

.bou-privacy-page:after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(34, 92, 158, 0.025);
    bottom: -90px;
    left: -70px;
}

.bou-privacy-page .container {
    position: relative;
    z-index: 2;
}


/* ============================================================
   2. PAGE HEADER / HERO
   ============================================================ */

.bou-privacy-hero {
    position: relative;
    background: #ffffff;
    border: 1px solid #dce6ef;
    border-radius: 12px;
    padding: 28px 32px;
    margin-bottom: 24px;
    box-shadow: 0 8px 25px rgba(23, 59, 85, 0.07);
}

.bou-privacy-hero:before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 4px;
    background: #225C9E;
    border-radius: 0 4px 4px 0;
}

.bou-privacy-kicker {
    display: block;
    margin-bottom: 7px;
    color: #225C9E;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.bou-privacy-title {
    margin: 0;
    color: #173B55;
    font-size: 31px;
    line-height: 1.25;
    font-weight: 700;
}

.bou-privacy-subtitle {
    margin: 9px 0 0;
    color: #657789;
    font-size: 14px;
    line-height: 1.7;
}


/* ============================================================
   3. GENERAL POLICY CONTENT
   ============================================================ */

.bou-privacy-content {
    width: 100%;
}

.bou-privacy-box {
    position: relative;
    background: #ffffff;
    border: 1px solid #dfe7ee;
    border-radius: 11px;
    padding: 25px 28px;
    margin-bottom: 20px;
    box-shadow: 0 5px 18px rgba(23, 59, 85, 0.055);
}


/* ============================================================
   4. SECTION HEADINGS
   ============================================================ */

.bou-privacy-box h3 {
    margin: 0 0 14px;
    padding-left: 14px;
    position: relative;
    color: #173B55;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;
}

.bou-privacy-box h3:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 4px;
    height: calc(100% - 8px);
    background: #225C9E;
    border-radius: 3px;
}

.bou-privacy-box h4 {
    margin: 22px 0 9px;
    color: #225C9E;
    font-size: 17px;
    line-height: 1.45;
    font-weight: 700;
}

.bou-privacy-box h4:first-child {
    margin-top: 0;
}

.bou-privacy-box h5 {
    margin: 18px 0 7px;
    color: #173B55;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 700;
}


/* ============================================================
   5. PARAGRAPHS
   ============================================================ */

.bou-privacy-box p {
    margin: 0 0 13px;
    color: #4d6070;
    font-size: 15px;
    line-height: 1.85;
}

.bou-privacy-box p:last-child {
    margin-bottom: 0;
}


/* ============================================================
   6. LISTS
   ============================================================ */

.bou-privacy-box ul {
    margin: 8px 0 16px;
    padding-left: 22px;
}

.bou-privacy-box ul li {
    position: relative;
    margin-bottom: 7px;
    padding-left: 4px;
    color: #4d6070;
    font-size: 14px;
    line-height: 1.7;
}

.bou-privacy-box ul li::marker {
    color: #225C9E;
}

.bou-privacy-box ul li:last-child {
    margin-bottom: 0;
}


/* ============================================================
   7. HORIZONTAL RULE
   ============================================================ */

.bou-privacy-box hr {
    margin: 3px 0 20px;
    border: 0;
    border-top: 1px solid #e4ebf1;
}


/* ============================================================
   8. POLICY INFORMATION TABLE
   ============================================================ */

.bou-privacy-info {
    margin-bottom: 24px;
}

.bou-privacy-info table {
    width: 100%;
    margin: 0;
    border: 1px solid #d9e3eb;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 9px;
    overflow: hidden;
    background: #ffffff;
}

.bou-privacy-info table th {
    width: 25%;
    padding: 13px 16px;
    background: #f1f6fa;
    color: #173B55;
    border-right: 1px solid #d9e3eb;
    border-bottom: 1px solid #d9e3eb;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 700;
    vertical-align: top;
}

.bou-privacy-info table td {
    padding: 13px 16px;
    color: #4d6070;
    border-bottom: 1px solid #d9e3eb;
    font-size: 14px;
    line-height: 1.7;
    vertical-align: top;
}

.bou-privacy-info table tr:last-child th,
.bou-privacy-info table tr:last-child td {
    border-bottom: 0;
}


/* ============================================================
   9. APPLICATION SECTION
   ============================================================ */

.bou-privacy-app {
    position: relative;
}

.bou-privacy-app h3 {
    font-size: 22px;
    color: #173B55;
}

.bou-privacy-app h3:after {
    content: "";
    display: block;
    width: 42px;
    height: 2px;
    margin-top: 10px;
    background: #225C9E;
}


/* ============================================================
   10. APP PURPOSE / SUBSECTION EMPHASIS
   ============================================================ */

.bou-privacy-box h4 + p {
    margin-top: 0;
}

.bou-privacy-box h4 + ul {
    margin-top: 5px;
}


/* ============================================================
   11. CAMERA / INTERNET / OFFLINE STORAGE SUBSECTIONS
   ============================================================ */

.bou-privacy-box h5 {
    position: relative;
    padding-left: 14px;
}

.bou-privacy-box h5:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 4px;
    height: 13px;
    background: #225C9E;
    border-radius: 2px;
}


/* ============================================================
   12. IMPORTANT INFORMATION EMPHASIS
   ============================================================ */

.bou-privacy-box strong,
.bou-privacy-box b {
    color: #173B55;
}


/* ============================================================
   13. CONTACT TABLE
   ============================================================ */

.bou-privacy-contact table {
    width: 100%;
    margin: 18px 0 0;
    border: 1px solid #d9e3eb;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 9px;
    overflow: hidden;
    background: #ffffff;
}

.bou-privacy-contact table th {
    width: 25%;
    padding: 12px 15px;
    background: #f1f6fa;
    color: #173B55;
    border-right: 1px solid #d9e3eb;
    border-bottom: 1px solid #d9e3eb;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6;
    text-align: left;
    vertical-align: top;
}

.bou-privacy-contact table td {
    padding: 12px 15px;
    color: #4d6070;
    border-bottom: 1px solid #d9e3eb;
    font-size: 14px;
    line-height: 1.7;
    vertical-align: top;
}

.bou-privacy-contact table tr:last-child th,
.bou-privacy-contact table tr:last-child td {
    border-bottom: 0;
}


/* ============================================================
   14. CONTACT LINKS
   ============================================================ */

.bou-privacy-contact a {
    color: #225C9E;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.bou-privacy-contact a:hover,
.bou-privacy-contact a:focus {
    color: #173B55;
    text-decoration: underline;
}


/* ============================================================
   15. OPTIONAL POLICY META BADGES
   ============================================================ */

.bou-privacy-meta {
    margin-top: 16px;
}

.bou-privacy-meta-item {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 6px;
    padding: 6px 11px;
    border: 1px solid #d8e4ed;
    border-radius: 20px;
    background: #f7fafc;
    color: #526878;
    font-size: 12px;
    line-height: 1.4;
}

.bou-privacy-meta-item strong {
    color: #225C9E;
}


/* ============================================================
   16. APPLICATION SEPARATOR
   ============================================================ */

.bou-privacy-app + .bou-privacy-app {
    margin-top: 0;
}


/* ============================================================
   17. SECURITY / CHANGES / CONTACT SECTIONS
   ============================================================ */

.bou-privacy-box.bou-privacy-highlight {
    border-left: 4px solid #225C9E;
}


/* ============================================================
   18. OLD BOOTSTRAP TABLE COMPATIBILITY
   ============================================================ */

.bou-privacy-page .table {
    margin-bottom: 0;
}

.bou-privacy-page .table > tbody > tr > th,
.bou-privacy-page .table > tbody > tr > td {
    border-top: 0;
}

.bou-privacy-page .table-bordered {
    border-color: #d9e3eb;
}

.bou-privacy-page .table-bordered > tbody > tr > th,
.bou-privacy-page .table-bordered > tbody > tr > td {
    border-color: #d9e3eb;
}


/* ============================================================
   19. TABLE HOVER EFFECT
   ============================================================ */

.bou-privacy-info table tbody tr:hover td,
.bou-privacy-contact table tbody tr:hover td {
    background: #fbfdff;
}

.bou-privacy-info table tbody tr:hover th,
.bou-privacy-contact table tbody tr:hover th {
    background: #edf4f9;
}


/* ============================================================
   20. GENERAL TEXT SELECTION / FOCUS
   ============================================================ */

.bou-privacy-page a:focus {
    outline: none;
}


/* ============================================================
   21. DESKTOP
   ============================================================ */

@media (min-width: 1200px) {

    .bou-privacy-page {
        padding-top: 42px;
        padding-bottom: 65px;
    }

    .bou-privacy-hero {
        padding: 30px 36px;
    }

    .bou-privacy-title {
        font-size: 32px;
    }

    .bou-privacy-box {
        padding: 27px 31px;
    }

}


/* ============================================================
   22. TABLET - LARGE
   ============================================================ */

@media (min-width: 992px) and (max-width: 1199px) {

    .bou-privacy-page {
        padding: 34px 0 55px;
    }

    .bou-privacy-hero {
        padding: 27px 30px;
    }

    .bou-privacy-title {
        font-size: 29px;
    }

    .bou-privacy-box {
        padding: 24px 27px;
    }

}


/* ============================================================
   23. TABLET - SMALL
   ============================================================ */

@media (min-width: 768px) and (max-width: 991px) {

    .bou-privacy-page {
        padding: 30px 0 50px;
    }

    .bou-privacy-hero {
        padding: 25px 27px;
        margin-bottom: 20px;
    }

    .bou-privacy-title {
        font-size: 27px;
    }

    .bou-privacy-subtitle {
        font-size: 14px;
    }

    .bou-privacy-box {
        padding: 23px 25px;
        margin-bottom: 18px;
    }

    .bou-privacy-box h3 {
        font-size: 20px;
    }

    .bou-privacy-box h4 {
        font-size: 16px;
    }

    .bou-privacy-box p {
        font-size: 14px;
        line-height: 1.8;
    }

    .bou-privacy-box ul li {
        font-size: 14px;
    }

}


/* ============================================================
   24. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .bou-privacy-page {
        padding: 22px 0 38px;
    }

    .bou-privacy-hero {
        padding: 21px 20px 21px 23px;
        margin-bottom: 16px;
        border-radius: 9px;
    }

    .bou-privacy-hero:before {
        top: 14px;
        bottom: 14px;
        width: 3px;
    }

    .bou-privacy-kicker {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .bou-privacy-title {
        font-size: 24px;
        line-height: 1.3;
    }

    .bou-privacy-subtitle {
        margin-top: 7px;
        font-size: 13px;
        line-height: 1.65;
    }

    .bou-privacy-box {
        padding: 20px 18px;
        margin-bottom: 15px;
        border-radius: 9px;
    }

    .bou-privacy-box h3 {
        margin-bottom: 12px;
        padding-left: 12px;
        font-size: 19px;
        line-height: 1.4;
    }

    .bou-privacy-box h3:before {
        width: 3px;
    }

    .bou-privacy-box h4 {
        margin-top: 19px;
        margin-bottom: 8px;
        font-size: 16px;
    }

    .bou-privacy-box h5 {
        margin-top: 16px;
        font-size: 14px;
    }

    .bou-privacy-box p {
        font-size: 14px;
        line-height: 1.8;
        text-align: left;
    }

    .bou-privacy-box ul {
        padding-left: 20px;
    }

    .bou-privacy-box ul li {
        margin-bottom: 6px;
        font-size: 13.5px;
        line-height: 1.7;
    }


    /* Policy information table */

    .bou-privacy-info {
        margin-bottom: 16px;
    }

    .bou-privacy-info table,
    .bou-privacy-contact table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .bou-privacy-info table th,
    .bou-privacy-info table td,
    .bou-privacy-contact table th,
    .bou-privacy-contact table td {
        padding: 11px 12px;
        font-size: 13px;
        line-height: 1.6;
    }

    .bou-privacy-info table th,
    .bou-privacy-contact table th {
        width: 30%;
        min-width: 115px;
    }

    .bou-privacy-info table td,
    .bou-privacy-contact table td {
        min-width: 210px;
    }


    /* Application headings */

    .bou-privacy-app h3 {
        font-size: 20px;
    }


    /* Contact section */

    .bou-privacy-contact table {
        margin-top: 14px;
    }

}


/* ============================================================
   25. VERY SMALL MOBILE
   ============================================================ */

@media (max-width: 480px) {

    .bou-privacy-page {
        padding: 18px 0 30px;
    }

    .bou-privacy-hero {
        padding: 18px 16px 18px 19px;
    }

    .bou-privacy-title {
        font-size: 22px;
    }

    .bou-privacy-kicker {
        font-size: 9px;
    }

    .bou-privacy-subtitle {
        font-size: 12.5px;
    }

    .bou-privacy-box {
        padding: 18px 15px;
        margin-bottom: 13px;
    }

    .bou-privacy-box h3 {
        font-size: 18px;
    }

    .bou-privacy-box h4 {
        font-size: 15px;
    }

    .bou-privacy-box h5 {
        font-size: 14px;
    }

    .bou-privacy-box p {
        font-size: 13.5px;
        line-height: 1.75;
    }

    .bou-privacy-box ul li {
        font-size: 13px;
    }

    .bou-privacy-info table th,
    .bou-privacy-info table td,
    .bou-privacy-contact table th,
    .bou-privacy-contact table td {
        font-size: 12.5px;
        padding: 10px 11px;
    }

}


/* ============================================================
   26. PRINT
   ============================================================ */

@media print {

    .bou-privacy-page {
        padding: 0;
        background: #ffffff;
    }

    .bou-privacy-page:before,
    .bou-privacy-page:after {
        display: none;
    }

    .bou-privacy-hero,
    .bou-privacy-box {
        box-shadow: none;
        border: 1px solid #cccccc;
    }

    .bou-privacy-hero {
        margin-bottom: 15px;
    }

    .bou-privacy-box {
        page-break-inside: avoid;
    }

    .bou-privacy-title {
        color: #173B55;
    }

    .bou-privacy-box h3,
    .bou-privacy-box h4,
    .bou-privacy-box h5 {
        color: #173B55;
    }

}


/* ============================================================
   BOU BOARD OF GOVERNORS
   Dynamic Authority Page
   Primary Color : #225C9E
   Dark Color    : #173B55
   Bootstrap 3 Compatible
   ============================================================ */


/* ============================================================
   1. PAGE BACKGROUND
   ============================================================ */

.bou-authority-page {
    position: relative;
    padding: 38px 0 60px;
    background: linear-gradient(
        135deg,
        #f5f7fa 0%,
        #eef5fa 55%,
        #e7f0f7 100%
    );
    overflow: hidden;
}

.bou-authority-page:before {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: rgba(34, 92, 158, 0.035);
    top: -120px;
    right: -90px;
}

.bou-authority-page:after {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    background: rgba(34, 92, 158, 0.025);
    bottom: -100px;
    left: -80px;
}

.bou-authority-page .container {
    position: relative;
    z-index: 2;
}


/* ============================================================
   2. PAGE HERO / HEADER
   ============================================================ */

.bou-authority-hero {
    position: relative;
    background: #ffffff;
    border: 1px solid #dce6ef;
    border-radius: 12px;
    padding: 29px 34px;
    margin-bottom: 24px;
    box-shadow: 0 8px 25px rgba(23, 59, 85, 0.07);
}

.bou-authority-hero:before {
    content: "";
    position: absolute;
    left: 0;
    top: 17px;
    bottom: 17px;
    width: 4px;
    background: #225C9E;
    border-radius: 0 4px 4px 0;
}

.bou-authority-kicker {
    display: block;
    margin-bottom: 7px;
    color: #225C9E;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.bou-authority-title {
    margin: 0;
    color: #173B55;
    font-size: 31px;
    line-height: 1.25;
    font-weight: 700;
}

.bou-authority-subtitle {
    margin: 8px 0 0;
    color: #657789;
    font-size: 14px;
    line-height: 1.7;
}


/* ============================================================
   3. CONTENT AREA
   ============================================================ */

.bou-authority-content {
    width: 100%;
}


/* ============================================================
   4. EACH DATABASE RECORD
   ============================================================ */

.bou-authority-record {
    position: relative;
    background: #ffffff;
    border: 1px solid #dfe7ee;
    border-radius: 11px;
    padding: 24px 28px;
    margin-bottom: 18px;
    box-shadow: 0 5px 18px rgba(23, 59, 85, 0.055);
}

.bou-authority-record:last-child {
    margin-bottom: 0;
}


/* ============================================================
   5. DATABASE HEADINGS
   ============================================================ */

.bou-authority-record h1,
.bou-authority-record h2,
.bou-authority-record h3,
.bou-authority-record h4,
.bou-authority-record h5,
.bou-authority-record h6 {
    color: #173B55;
    font-weight: 700;
    line-height: 1.45;
}

.bou-authority-record h1 {
    margin: 0 0 15px;
    font-size: 25px;
}

.bou-authority-record h2 {
    margin: 0 0 15px;
    font-size: 23px;
}

.bou-authority-record h3 {
    position: relative;
    margin: 0 0 16px;
    padding-left: 14px;
    font-size: 21px;
}

.bou-authority-record h3:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 4px;
    height: calc(100% - 8px);
    background: #225C9E;
    border-radius: 3px;
}

.bou-authority-record h4 {
    margin: 18px 0 9px;
    color: #225C9E;
    font-size: 18px;
}

.bou-authority-record h5 {
    margin: 16px 0 8px;
    color: #173B55;
    font-size: 16px;
}

.bou-authority-record h6 {
    margin: 14px 0 7px;
    color: #225C9E;
    font-size: 14px;
}


/* ============================================================
   6. PARAGRAPHS
   ============================================================ */

.bou-authority-record p {
    margin: 0 0 12px;
    color: #4d6070;
    font-size: 15px;
    line-height: 1.8;
}

.bou-authority-record p:last-child {
    margin-bottom: 0;
}


/* ============================================================
   7. BOLD / STRONG TEXT
   ============================================================ */

.bou-authority-record strong,
.bou-authority-record b {
    color: #173B55;
    font-weight: 700;
}


/* ============================================================
   8. LISTS
   ============================================================ */

.bou-authority-record ul,
.bou-authority-record ol {
    margin: 8px 0 15px;
    padding-left: 24px;
}

.bou-authority-record ul li,
.bou-authority-record ol li {
    margin-bottom: 7px;
    padding-left: 3px;
    color: #4d6070;
    font-size: 14px;
    line-height: 1.7;
}

.bou-authority-record ul li:last-child,
.bou-authority-record ol li:last-child {
    margin-bottom: 0;
}

.bou-authority-record ul li::marker {
    color: #225C9E;
}


/* ============================================================
   9. LINKS
   ============================================================ */

.bou-authority-record a {
    color: #225C9E;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease,
                background-color 0.2s ease;
}

.bou-authority-record a:hover,
.bou-authority-record a:focus {
    color: #173B55;
    text-decoration: underline;
}

.bou-authority-record a:focus {
    outline: none;
}


/* ============================================================
   10. EMAIL / PHONE LINKS
   ============================================================ */

.bou-authority-record a[href^="mailto:"],
.bou-authority-record a[href^="tel:"] {
    color: #225C9E;
    font-weight: 600;
}


/* ============================================================
   11. HORIZONTAL RULE
   ============================================================ */

.bou-authority-record hr {
    margin: 5px 0 20px;
    border: 0;
    border-top: 1px solid #e2e9ef;
}


/* ============================================================
   12. TABLES
   ============================================================ */

.bou-authority-record table {
    width: 100%;
    margin: 15px 0;
    border: 1px solid #d9e3eb;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #ffffff;
}


/* Table header */

.bou-authority-record table thead th {
    padding: 12px 14px;
    background: #225C9E;
    color: #ffffff;
    border: 0;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 700;
    vertical-align: middle;
}


/* Table cells */

.bou-authority-record table tbody td,
.bou-authority-record table tbody th {
    padding: 11px 14px;
    color: #4d6070;
    border-top: 1px solid #e1e8ee;
    border-right: 1px solid #e1e8ee;
    font-size: 13.5px;
    line-height: 1.65;
    vertical-align: top;
}

.bou-authority-record table tbody td:last-child,
.bou-authority-record table tbody th:last-child {
    border-right: 0;
}


/* First row */

.bou-authority-record table tbody tr:first-child td,
.bou-authority-record table tbody tr:first-child th {
    border-top: 0;
}


/* Table hover */

.bou-authority-record table tbody tr:hover td,
.bou-authority-record table tbody tr:hover th {
    background: #f7fafc;
}


/* ============================================================
   13. BOOTSTRAP TABLE COMPATIBILITY
   ============================================================ */

.bou-authority-page .table {
    margin-bottom: 15px;
}

.bou-authority-page .table-bordered {
    border-color: #d9e3eb;
}

.bou-authority-page .table > thead > tr > th,
.bou-authority-page .table > tbody > tr > th,
.bou-authority-page .table > tfoot > tr > th,
.bou-authority-page .table > thead > tr > td,
.bou-authority-page .table > tbody > tr > td,
.bou-authority-page .table > tfoot > tr > td {
    border-color: #d9e3eb;
}


/* ============================================================
   14. DATABASE CONTENT WITH INLINE TEXT ALIGNMENT
   ============================================================ */

.bou-authority-record [style*="text-align:center"] {
    text-align: center !important;
}

.bou-authority-record [style*="text-align:left"] {
    text-align: left !important;
}

.bou-authority-record [style*="text-align:right"] {
    text-align: right !important;
}

.bou-authority-record [style*="text-align:justify"] {
    text-align: justify !important;
}


/* ============================================================
   15. DATABASE IMAGES
   ============================================================ */

.bou-authority-record img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
}

.bou-authority-record img.img-responsive {
    display: inline-block;
}


/* ============================================================
   16. DATABASE BLOCKQUOTES
   ============================================================ */

.bou-authority-record blockquote {
    margin: 18px 0;
    padding: 12px 18px;
    border-left: 4px solid #225C9E;
    background: #f5f8fb;
    color: #526878;
    font-size: 14px;
    line-height: 1.7;
}


/* ============================================================
   17. PRE / CODE
   ============================================================ */

.bou-authority-record pre {
    padding: 14px;
    margin: 15px 0;
    border: 1px solid #dce5ec;
    border-radius: 6px;
    background: #f6f8fa;
    color: #4d6070;
    overflow-x: auto;
}

.bou-authority-record code {
    color: #173B55;
}


/* ============================================================
   18. CONTACT INFORMATION INSIDE DATABASE CONTENT
   ============================================================ */

.bou-authority-record .contact,
.bou-authority-record .email,
.bou-authority-record .phone {
    color: #4d6070;
}


/* ============================================================
   19. COMMON DATABASE INLINE STYLES
   ============================================================ */

.bou-authority-record [style*="color:blue"],
.bou-authority-record [style*="color: blue"] {
    color: #225C9E !important;
}

.bou-authority-record [style*="color:#006699"],
.bou-authority-record [style*="color: #006699"] {
    color: #225C9E !important;
}


/* ============================================================
   20. MOBILE TABLE WRAPPER SUPPORT
   ============================================================ */

.bou-authority-record {
    overflow: hidden;
}

.bou-authority-record table {
    max-width: 100%;
}


/* ============================================================
   21. LARGE DESKTOP
   ============================================================ */

@media (min-width: 1200px) {

    .bou-authority-page {
        padding-top: 42px;
        padding-bottom: 65px;
    }

    .bou-authority-hero {
        padding: 31px 36px;
    }

    .bou-authority-title {
        font-size: 32px;
    }

    .bou-authority-record {
        padding: 27px 31px;
    }

}


/* ============================================================
   22. TABLET - LARGE
   ============================================================ */

@media (min-width: 992px) and (max-width: 1199px) {

    .bou-authority-page {
        padding: 34px 0 55px;
    }

    .bou-authority-hero {
        padding: 27px 30px;
    }

    .bou-authority-title {
        font-size: 29px;
    }

    .bou-authority-record {
        padding: 24px 27px;
    }

}


/* ============================================================
   23. TABLET - SMALL
   ============================================================ */

@media (min-width: 768px) and (max-width: 991px) {

    .bou-authority-page {
        padding: 30px 0 50px;
    }

    .bou-authority-hero {
        padding: 25px 27px;
        margin-bottom: 20px;
    }

    .bou-authority-title {
        font-size: 27px;
    }

    .bou-authority-subtitle {
        font-size: 13.5px;
    }

    .bou-authority-record {
        padding: 23px 25px;
        margin-bottom: 17px;
    }

    .bou-authority-record h3 {
        font-size: 20px;
    }

    .bou-authority-record h4 {
        font-size: 17px;
    }

    .bou-authority-record p {
        font-size: 14px;
        line-height: 1.8;
    }

    .bou-authority-record ul li,
    .bou-authority-record ol li {
        font-size: 13.5px;
    }

}


/* ============================================================
   24. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .bou-authority-page {
        padding: 22px 0 38px;
    }

    .bou-authority-hero {
        padding: 21px 20px 21px 23px;
        margin-bottom: 16px;
        border-radius: 9px;
    }

    .bou-authority-hero:before {
        top: 14px;
        bottom: 14px;
        width: 3px;
    }

    .bou-authority-kicker {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .bou-authority-title {
        font-size: 24px;
        line-height: 1.3;
    }

    .bou-authority-subtitle {
        margin-top: 7px;
        font-size: 13px;
        line-height: 1.65;
    }


    /* Database records */

    .bou-authority-record {
        padding: 20px 18px;
        margin-bottom: 15px;
        border-radius: 9px;
    }


    /* Headings */

    .bou-authority-record h1 {
        font-size: 22px;
    }

    .bou-authority-record h2 {
        font-size: 20px;
    }

    .bou-authority-record h3 {
        margin-bottom: 13px;
        padding-left: 12px;
        font-size: 19px;
    }

    .bou-authority-record h3:before {
        width: 3px;
    }

    .bou-authority-record h4 {
        margin-top: 18px;
        font-size: 16px;
    }

    .bou-authority-record h5 {
        font-size: 14px;
    }


    /* Text */

    .bou-authority-record p {
        font-size: 14px;
        line-height: 1.8;
        text-align: left;
    }


    /* Lists */

    .bou-authority-record ul,
    .bou-authority-record ol {
        padding-left: 20px;
    }

    .bou-authority-record ul li,
    .bou-authority-record ol li {
        font-size: 13.5px;
        line-height: 1.7;
    }


    /* Tables */

    .bou-authority-record table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: normal;
    }

    .bou-authority-record table thead,
    .bou-authority-record table tbody,
    .bou-authority-record table tr {
        width: 100%;
    }

    .bou-authority-record table th,
    .bou-authority-record table td {
        min-width: 110px;
        padding: 10px 11px;
        font-size: 12.5px;
        line-height: 1.55;
    }


    /* Images */

    .bou-authority-record img {
        max-width: 100%;
        height: auto;
    }


    /* Horizontal rule */

    .bou-authority-record hr {
        margin: 3px 0 17px;
    }

}


/* ============================================================
   25. VERY SMALL MOBILE
   ============================================================ */

@media (max-width: 480px) {

    .bou-authority-page {
        padding: 18px 0 30px;
    }

    .bou-authority-hero {
        padding: 18px 16px 18px 19px;
    }

    .bou-authority-title {
        font-size: 22px;
    }

    .bou-authority-kicker {
        font-size: 9px;
    }

    .bou-authority-subtitle {
        font-size: 12.5px;
    }


    .bou-authority-record {
        padding: 18px 15px;
        margin-bottom: 13px;
    }

    .bou-authority-record h1 {
        font-size: 20px;
    }

    .bou-authority-record h2 {
        font-size: 19px;
    }

    .bou-authority-record h3 {
        font-size: 18px;
    }

    .bou-authority-record h4 {
        font-size: 15px;
    }

    .bou-authority-record h5 {
        font-size: 13.5px;
    }

    .bou-authority-record p {
        font-size: 13.5px;
        line-height: 1.75;
    }

    .bou-authority-record ul li,
    .bou-authority-record ol li {
        font-size: 13px;
    }

    .bou-authority-record table th,
    .bou-authority-record table td {
        font-size: 12px;
        padding: 9px 10px;
    }

}


/* ============================================================
   26. PRINT
   ============================================================ */

@media print {

    .bou-authority-page {
        padding: 0;
        background: #ffffff;
    }

    .bou-authority-page:before,
    .bou-authority-page:after {
        display: none;
    }

    .bou-authority-hero,
    .bou-authority-record {
        box-shadow: none;
        border: 1px solid #cccccc;
    }

    .bou-authority-record {
        page-break-inside: avoid;
    }

    .bou-authority-title,
    .bou-authority-record h1,
    .bou-authority-record h2,
    .bou-authority-record h3,
    .bou-authority-record h4,
    .bou-authority-record h5 {
        color: #173B55;
    }

}