/* General */
/* ======================== */


    :root {
        --primary-color: rgb(0, 44, 119);
        --blue-320: rgb(0, 154, 166);
        --blue-3005: rgb(0, 122, 201);
        --blue-2727: rgb(61, 126, 219);
        --blue-549: rgb(94, 156, 174);
        --red-032: rgb(237, 41, 57);
    }
    
    /* General: html, body */
    html, body {
        font-family: 'Bourgeois';
        overflow-x: hidden;
        padding: 0;
        margin: 0;
        position: relative;
    }

    a {
        text-decoration: none;
    }

    .Page {
        margin-top: 100px;
    }
    .Page--Home {
        margin-top: 0;
    }

/* Font */
/* ======================== */
@font-face {
    font-family: "Bourgeois";
    src: url('../fonts/bourgeois/medium.ttf');
    src: url('../fonts/bourgeois/medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/bourgeois/medium.woff') format('woff'),
    url('../fonts/bourgeois/medium.ttf') format('truetype');
}

/* Blocks */
/* ======================== */

    /* Block: .Loading */
    .Loading {
        background-color: #FFF;
        justify-content: center;
        align-items: center;
        display: flex;
        height: 100vh;
        width: 100vw;
    }
    .Loading.Loading--Hidden {
        display: none;
    }
        .Loading .Loading__Animation {
            height: 100px;
            width: 100px;
        }

    /* Block: .Wrapper */
    .Wrapper {}
    .Wrapper.Wrapper--Hidden {
        display: none;
    }

    /* Block: .Header */
    .Header {}
    .Header .Header__Navbar {}
    .Header .navbar-toggler:active {
        background-color: #fff;
    }
    .Header.Header--Fixed .navbar>.container .Nav__Item, .Header.Header--Fixed .navbar>.container-fluid .Nav__Item, .Header.Header--Fixed .navbar>.container-lg .Nav__Item, .Header.Header--Fixed .navbar>.container-md .Nav__Item, .Header.Header--Fixed .navbar>.container-sm .Nav__Item, .Header.Header--Fixed .navbar>.container-xl .Nav__Item, .Header.Header--Fixed .navbar>.container-xxl .Nav__Item {
        color: #000;
    }
    .Header.Header--Fixed .Header__Navbar {
        background: #fff;
        box-shadow: 2px 2px 20px 10px #00000015;
        padding: 2px;
    }
    .Header {} .Container--Navbar {}
        .Header__Navbar .Navbar__Nav {}
            .Header__Navbar .Navbar__Nav .Nav__Item {
                font-size: 24px;
            }
            #homePage .Header__Navbar .Navbar__Nav .Nav__Item .Item__Link {
                color: rgb(255, 255, 255);
                font-size: 20px;
            }
            #homePage .nav-link {
                color: rgb(255, 255, 255);
                font-size: 20px;
            }
            #homePage .navbar-toggler-icon {
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
            }
            #homePage .navbar-toggler {
                border: none;
            } 
            .Header.Header--Fixed .Header__Navbar .Item__Link,
            #homePage .Header.Header--Fixed .nav-link,
            #homePage .Header.Header--Fixed .Item__Link {
                color: #000 !important;
            }
            #homePage .Header.Header--Fixed .navbar-toggler {
                background-color: var(--primary-color);
            }
            .Header.Header--Fixed .Header__Navbar .Navbar__Topbar .Item__Link,
            #homePage .Header.Header--Fixed .Navbar__Topbar .nav-link,
            #homePage .Header.Header--Fixed .Navbar__Topbar .Item__Link {
                color: #fff !important;
            }
                #homePage .Header__Navbar .Navbar__Nav .Nav__Item .Item__Link.active {
                    color: var(--primary-color);
                }
                .Header.Header--Fixed .Header__Navbar .Item__Link.active {
                    color: #000 !important;
                }
                .Header__Navbar .Navbar__Nav .Nav__Item .Item__Dropdown {
                    padding: 20px;
                }
                    .Header__Navbar .Navbar__Nav .Nav__Item .Item__Dropdown .Dropdown__Link {
                        font-size: 20px;
                    }
        .Header__Navbar .Navbar__Buttons {}
            .Header__Navbar .Navbar__Buttons .Buttons__Button {
                background-color: #fff;
                border-radius: 20px;
                color: #000000b9;
                font-size: 18px;
                padding: 2px 14px 5px;
            }
            .Header__Navbar .Navbar__Buttons .Buttons__Button.Buttons__Button--WithBorder {
                border: 1px solid #00000053;
                background-color: transparent;
                color: #000;
            }
            #homePage .Header__Navbar .Navbar__Buttons .Buttons__Button.Buttons__Button--WithBorder {
                border: 1px solid #fff;
                background-color: transparent;
                color: #ffffff;
            }
            .Header.Header--Fixed .Header__Navbar .Navbar__Buttons .Buttons__Button.Buttons__Button--WithBorder {
                color: #000 !important;
                border-color: #000000ba !important;
            }
                .Header .Header__Navbar .Navbar__Topbar {
                    background-color: #616161;
                    padding: 4px;
                }
                    .Header .Header__Navbar .Navbar__Topbar .Topbar__Menu {             
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 10px;
                    }
                        .Topbar__Menu .Menu {
                            display: flex;
                            list-style: none;
                            padding: 0;
                            margin: 0;
                        }
                            .Topbar__Menu .menu-item {
                                margin-right: 20px;
                            }
                                .Topbar__Menu .menu-item a {
                                    text-decoration: none;
                                    font-size: 16px;
                                    color: #fff;
                                }
                        .Header .Header__Navbar .Navbar__Topbar .Topbar__Social .Social__Link .Link__Icon {
                            font-size: 16px;
                            color: #fff;
                        }

    .MainSwiper {
        width: 100%;
        height: 440px;
    }  
        .MainSwiper .Swiper__Overlay {
            border-radius: 24px;
        }               
        .MainSwiper .swiper-slide {
            text-align: center;
            font-size: 18px;
            display: flex;
            flex-direction: column;
            color: #fff;
            -webkit-box-sizing: border-box;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            border-radius: 24px;
            overflow: hidden;
        }              
        .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
            .MainSwiper .swiper-slide a {
                font-size: 48px;
                font-weight: 300;
            }
            .MainSwiper .swiper-slide .text {
                font-size: 18px;
                max-width: 90%;
                line-height: 1.3;
                margin-top: 16px;
            }
            .MainSwiper .swiper-button-next,
            .MainSwiper .swiper-button-prev {
                color: white;
                background-color: transparent;
                border: none;
            }
            .MainSwiper .swiper-pagination-bullet {
                background-color: white;
            }
            .MainSwiper .swiper-pagination-bullet-active {
                background-color: white;
            }
            

    /* Block: .Preview */
.Preview {
    margin: 0;
    border-radius: 20px;
    position: relative;
    z-index: 2;
}
    .Preview .Preview__Heading {
        display: inline-block;
        color: #000;
        font-size: 34px;
        margin-bottom: 16px;
    }
    .Preview .Preview__Announcement {
        margin-bottom: 12px;
        border-bottom: 1px solid rgba(128, 128, 128, 0.123);
    }
        .Preview .Preview__Announcement .Announcement__Day {
            color:  var(--primary-color);
            font-size: 22px;
            font-weight: 600;
            line-height: 24px;
        }
        .Preview .Preview__Announcement .Announcement__Month {
            color:  var(--primary-color);
            font-size: 24px;
            line-height: 24px;
        }
        .Preview .Preview__Announcement .Announcement__Year {
            color:  var(--primary-color);
            font-size: 18px;
            line-height: 24px;
        }
        .Preview .Preview__Announcement .Announcement__Heading {
            font-size: 20px;
            font-weight: 600;
        }
        .Preview .Preview__Announcement p {
            font-size: 16px;
            color: #4e4e4e !important;
        }
        .Preview .Preview__Swiper .Swiper__Pagination {
            display: block;
            width: 100%;
        }
    /* Block: Blog */
    .News {
        margin: 0 0 40px;
    }
    .Page--Home .News {
        margin: 80px 0;
    }
        .News .News__Card {
            margin-bottom: 20px;
        }
            .News .News__Card .Card__Img  {
                margin-bottom: 18px;
                width: 100%;
                border-radius: 16px;
                overflow: hidden;
            }
                .DepartmentNews .News .News__Card .Card__Img img {
                    height: 160px !important;
                }
                .Page--Home .News .News__Card .Card__Img img {
                    width: 100%;
                    height: 180px !important;
                    object-fit: cover;
                }
                .News .News__Card .Card__Img img {
                    width: 100%;
                    height: 200px;
                    object-fit: cover;
                }
                .News .News__Card .Card__Heading {
                    font-size: 20px;
                    font-weight: 600;
                    line-height: 18px;
                }
            .Page--Home .News .News__Card .Card__Heading {
                font-size: 16px !important;
                font-weight: 600;
            }
            .News .News__Card .Card__Date {
                margin-top: 0;
                font-size: 14px;
                color: rgba(128, 128, 128, 0.829);
            }

    /* Block: .Announcements */
    .Announcements {
        margin: 0 0 40px;
    }
        .Announcements .Announcements__Card {
            margin-bottom: 34px;
        }
            .Announcements .Announcements__Card .Card__Img {
                width: 100%;
                height: 240px;
                overflow: hidden;
                border-radius: 20px;
                margin-bottom: 10px;
            }
            .Announcements .Announcements__Card .Card__Img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .Announcements .Announcements__Card .Card__Heading {
                font-size: 18px;
                line-height: 22px;
                font-weight: 600;
            }
            .Announcements .Announcements__Card .Card__Paragraph {
                font-size: 14px;
                margin-top: 8px;
                color: #333;
                margin-bottom: 6px;
            }
            .Announcements .Announcements__Card .Card__Date {
                margin-top: 0;
                font-size: 14px;
                color: rgba(128, 128, 128, 0.829);
            }
        .Announcements .Announcements__Item {
           margin-bottom: 8px;
        }
        .Page--Home .Announcements .Announcements__Item {
            border-bottom: 1px solid rgba(128, 128, 128, 0.151);
            margin-bottom: 10px;
            padding-bottom: 10px;
        }
            .Announcements .Announcements__Item .Item__Img {
                width: 100%;
                height: 116px;
                overflow: hidden;
                border-radius: 10px;
            }
            .Announcements .Announcements__Item .Item__Heading {
                font-size: 18px;
                font-weight: 600;
            }
            .Announcements .Announcements__Item .Item__Paragraph {
                font-size: 16px;
                color: #282828;
            }
            .Announcements .Announcements__Item .Item__Button {
                float: right;
                border: 1px solid rgba(0, 0, 0, 0.379);
                padding: 8px 18px;
                text-decoration: none;
                color: #171717;
                border-radius: 30px;
                font-size: 18px;
            }

    /* Block: .Activities */
    .Activities {}
        .Activities .Activities__Activity--Big {}
        .Activities .Activities__Activity {
            position: relative;
            border-radius: 20px;
            overflow: hidden;
            height: 260px !important;
        }
        .Activities .Activities__Activity::after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            object-fit: cover;
            width: 100%;
            height: 100%;
            background-color: #0000005d;
        }
        .Activities .Activities__Activity .Activity__Img {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }
        .Activities .Activities__Activity--Small .Activity__Subtitle {
            position: absolute;
            top: 20px;
            left: 14px;
            font-weight: 600;
            color: #fff;
            z-index: 2;
        }
        .Activities .Activities__Activity--Big .Activity__Subtitle {
            position: absolute;
            bottom: 10px !important;
            left: 10px;
            font-weight: 600;
            color: #fff;
            z-index: 2;
        }
        .Activities .Activities__Activity--Small .Activity__Heading {
            position: absolute;
            bottom: 10px;
            left: 14px;
            color: #ffffffb6;
            font-size: 14px;
            z-index: 2;
        }
        .Activities .Activities__Activity--Big .Activity__Heading {
            position: absolute;
            bottom: 52px;
            left: 14px;
            color: #ffffffb6;
            font-size: 14px;
            z-index: 2;
        }

    /* UpButton */
    .UpButton {
        visibility: hidden;
    }
    .UpButton.UpButton--Visible {
        visibility: visible;
        position: fixed;
        display: flex; align-items: center;
        justify-content: center;
        z-index: 1000;
        background-color: var(--primary-color);
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 1px solid rgba(0, 0, 0, 0.452);
        color: #FFF;
        bottom: 34px;
        right: 34px;
    }
        .UpButton.UpButton--Visible span {
            transform: rotate(-90deg);
            scale: 0.8;
        }
    
    /* Breadcrumb */

    /* Footer */
    .Footer {
        background-color: #616161;
        margin-top: 100px;
        padding: 40px 0 0;
    }
        .Footer__Logo {
            height: 60px;
            margin-bottom: 14px;
        }
        .Footer__Address {
            color: #FFF;
            font-size: 16px;
            margin-bottom: 0;
        }
        .Footer__Phone {
            color: #ffffffc8;
            margin-bottom: 20px;
            font-size: 16px;
        }
        .Footer__Social {}
            .Footer__Social .Social__Icon {
                display: flex;
                width: 34px;
                height: 34px;
                border-radius: 50%;
                border: 1px solid #ffffff37;
                align-items: center;
                justify-content: center;
            }
            .Footer__Social .Social__Icon span {
                scale: 0.7;
            }
        .Footer__Heading {
            color: #FFF;
            font-size: 20px;
            margin-bottom: 6px;
        }
        .Footer__Link {
            color: #ffffff93;
            font-size: 16px;
        }
        .Footer__Button {
            display: flex;
            width: max-content;
            color: #1E376D;
            font-size: 16px;
            background-color:  #fff;
            padding: 10px 12px;
            border-radius: 10px;
            margin-top: 10px;
        }
        .Footer__Bottom {
            background-color: #212121;
            color: #FFF;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 16px 0;
            margin-top: 40px;
            font-size: 16px;
        }

    .Section__Header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
        .Section__Header .Header__Heading {
            font-size: 36px;
        }
        .Section__Header .Header__Link {
            font-size: 14px;
            color: #000000af;
        }

    .Space--40 {
        height: 40px;
    }

    @keyframes TickerAnimate {
        0% {
            transform: translateX(100%);
        }
        100% {
            transform: translateX(-100%);
        }
    }

/* Gallery */
    .Gallery {}
        .Gallery .Gallery__Header {}
            .Gallery .Gallery__Header .Header__Title {
                font-size: 36px;
            }
            .Gallery .Gallery__Header .Header__Paragraph {
                max-width: 600px;
                margin: 0 auto;
                font-size: 18px;
            }
        .Gallery .Gallery__Swiper {
            width: 100%;
            margin-bottom: 20px;
        }
            .Gallery .Gallery__Swiper .Swiper__Wrapper {}
                .Gallery .Gallery__Swiper .Swiper__Wrapper .Wrapper__Slide {
                    border: 1px solid #1e376da4;
                    border-radius: 10px;
                    padding: 16px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    transition: 0.4s ease;
                }
                .Gallery .Gallery__Swiper .Swiper__Wrapper .Wrapper__Slide:hover {
                    background-color: #1e376d;
                }
                    .Gallery .Gallery__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__Link {
                        color: #1E376D;
                    }
                    .Gallery .Gallery__Swiper .Swiper__Wrapper .Wrapper__Slide:hover .Slide__Link {
                        color: #ffffff;
                    }

    .Thumbnails > a {
        display: flex;
        justify-content: center;
        align-items: center;

    }
    .Thumbnails > a > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
    }
    .Thumbnails {
        display: grid;
        grid-gap: 8px;
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        grid-auto-rows: 150px;
        grid-auto-flow: dense;
    }
    .Thumbnails .Horizontal {
        grid-column: span 2;
    }
    .Thumbnails .Vertical {
        grid-row: span 2;
    }
    .Thumbnails .Big {
        grid-column: span 2;
        grid-row: span 2;
    }

    #Videos > a {
        cursor: pointer;
    }
    

    /* Page--About */
    .Breadcrumb {
        margin: 0 0 128px;
        position: relative;
        top: 80px;
    }
        .Breadcrumb .Breadcrumb__List {
            color: #0000006e;
        }
            .Breadcrumb .Breadcrumb__List .List__Item {
                font-size: 18px;
                color: #00000096;
            }
    
    .Banner {
        margin: 0 0 60px;
        position: relative;
        padding: 66px 0;
        background-color: #1E376D;
        background-size: cover;
        background-position: center;
        background-blend-mode: multiply;
        color: #fff;
    }
        .Banner .Banner__Title {
            font-size: 48px;
        }

    /* Navigation */
    .Navigation {
        color: #000;
    }
        .pagination > li > a {
            color: #000;
        }
        .pagination > li > a:focus,
        .pagination > li > a:hover,
        .pagination > li > span:focus,
        .pagination > li > span:hover{
            color: #5a5a5a;
            background-color: #eee;
            border-color: #ddd;
        }
        .Navigation .pagination > .active > a {
            color: rgb(33, 33, 33);
        }       
        .Navigation .pagination > .active > a:hover {
            color: #000;
        }

    /* Text__Table */
    .Text__Table {
        border: 1px solid rgba(0, 0, 0, 0.148);
    }
        .Text__Table table {}
            .Text__Table table thead {
                font-size: 18px;
            }
            .Text__Table table tbody {}
                .Text__Table table tr {}
                    .Text__Table table tr th {
                        padding: 16px;
                    }
                    .Text__Table table tr td {
                        padding: 16px;
                    }

    /* ResearchCard */
    .ResearchCard {
        height: 100%;
        border-color: rgb(185, 214, 253);
    }
        .ResearchCard .ResearchCard__Header {
            border-color: rgb(185, 214, 253);
            background-color: transparent;
        }
        .ResearchCard .ResearchCard__Body {
            border-color: var(--blue-2727);
        }
            .ResearchCard .ResearchCard__Body .Body__Title {
                color: var(--blue-3005);
            }
            .ResearchCard .ResearchCard__Body .Body__Text {}

/* Person */
.Person {
    margin-bottom: 30px;
    text-align: center;
}
    .Person .Person__Img {
        width: 100%;
        height: 280px;
        overflow: hidden;
        margin-bottom: 10px;
        border-radius: 10px;
    }
    .Person .Person__Img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .Person .Person__Fullname {
        font-weight: 600;
        color: #151515e3;
        font-size: 18px;
    }
    .Person .Person__Title {
        color: #1d1d1ddc;
        font-size: 16px;
    }
    .Person .Person__Contact {
        font-size: 16px;
        color: #1E376D;
    }
    .Person .Person__CV {
        display: inline-block;
        margin: 10px 0;
        font-size: 15px;
        color: #1E376D;
        border: 1px solid #1E376D;
        padding: 4px 8px;
        border-radius: 20px;
        transition: 0.4s;
    }
    .Person .Person__CV:hover {
        color: #dadbdd;
        background-color: #1E376D;
    }

    .Page__Layout {
        border-top-left-radius: 28px;
        border-top-right-radius: 28px;
        padding-top: 40px;
        width: 100%;
        background-color: #fff;
        position: relative;
        top: -60px;
    }
        .Page__Layout .Layout__Button {
            border: 1px solid #1e376d9e;
            padding: 12px 20px;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 18px;
            color: #1E376D;
            font-weight: 600;
        }
            .Page__Layout .Layout__Button .Icon {
                rotate: -90deg;
            }
        .Page__Layout .Layout__Sidebar {
            margin-right: 20px;
        }
            .Page__Layout .Layout__Sidebar .Sidebar__Item {
                color: #000;
                font-size: 18px;
            }
            .Page__Layout .Layout__Sidebar .accordion {
                border: none;
                --bs-border-color: transparent;
            }
                .Page__Layout .Layout__Sidebar .accordion-item {
                    padding: 0;
                    border: 0;
                }
                    .Page__Layout .Layout__Sidebar .accordion-item .accordion-header {
                        padding: 0;
                        border: 0;
                    }
                        .Page__Layout .Layout__Sidebar .accordion-item .accordion-header .accordion-button {
                            padding: 0;
                            margin: 0;
                            background-color: transparent;
                            border: 0;
                        }
                        .Page__Layout .Layout__Sidebar .accordion-item .accordion-header .accordion-button::after {
                            background-size: 14px;
                        }
                            .Page__Layout .Layout__Sidebar .accordion-item .accordion-header .accordion-button a {
                                padding: 0;
                                color: #000;
                                font-size: 18px;
                            }
                    .Page__Layout .Layout__Sidebar .accordion-item .accordion-collapse {}
                        .Page__Layout .Layout__Sidebar .accordion-item .accordion-collapse .accordion-body {}
                            .Page__Layout .Layout__Sidebar .accordion-item .accordion-collapse .accordion-body a {
                                color: #000;
                                font-size: 17px;
                            }
        .Page__Layout .Layout__Body {}
            .Page__Layout .Layout__Body .Body__Paragraph {
                font-size: 18px;
            }
            .Page__Layout .Layout__Body .Body__Accordion {
                margin-top: 40px;
            }
                .Page__Layout .Layout__Body .Body__Accordion .Accordion__Item {
                    margin-bottom: 10px;
                }
                    .Page__Layout .Layout__Body .Body__Accordion .Accordion__Item .Item__Header {}
                        .Page__Layout .Layout__Body .Body__Accordion .Accordion__Item .Item__Header .Header__Button {
                            background-color: #1e376d2c;
                            color: #1E376D;
                            border-radius: 6px;
                            font-size: 18px;
                        }
                    .Page__Layout .Layout__Body .Body__Accordion .Accordion__Item .Item__Collapse {}
                        .Page__Layout .Layout__Body .Body__Accordion .Accordion__Item .Item__Collapse .Collapse__Body {
                            padding: 40px 20px;
                        }
                            .Page__Layout .Layout__Body .Body__Accordion .Accordion__Item .Item__Collapse .Collapse__Body .Body__Heading {
                                font-size: 20px;
                                font-weight: 600;
                                color: rgb(28, 62, 146);
                            }
                            .Page__Layout .Layout__Body .Body__Accordion .Accordion__Item .Item__Collapse .Collapse__Body .Body__Paragraph {
                                font-size: 18px;
                            }
            .Body__Text {}
                .Body__Text .Text__Img {
                    width: 380px;
                    height: 500px;
                    border-radius: 10px;
                    margin-top: 10px;
                    overflow: hidden;     
                    object-fit: cover;
                }
                .Body__Text .Text__Img.Text__Img--Person {
                    width: 340px;
                    height: 400px;
                }
                    .Body__Text .Text__Share span {
                        scale: 0.8;
                    }
                .Body__Text .Text__Title {
                    font-size: 36px;
                    font-weight: 600;
                    color: #333;
                }
                .Body__Text .Text__Subtitle {
                    color: rgb(33, 33, 33);
                    font-size: 20px;
                }
                .Body__Text .Text__Paragraph,
                .Body__Text p {
                    font-size: 18px;
                    margin-top: 24px;
                    line-height: 26px;
                    text-align: justify;
                }
                .Body__Text .Text__Nav {}
                    .Body__Text .Text__Nav .Nav__Item {}
                        .Body__Text .Text__Nav .Nav__Item .Item__Link {
                            color: #11203f;
                        }
                .Body__Text .Text__Content {
                    padding-top: 34px;
                }
                    .Body__Text .Text__Content .Content__Body {}
                        .Body__Text .Text__Content .Content__Body .Body__Title {
                            font-size: 18px;
                            font-weight: 600;
                        }
                        .Body__Text .Text__Content .Content__Body .Body__Paragraph {
                            font-size: 17px;
                        }
                        .Body__Text .Text__Content .Content__Body .Body__Link {
                            display: flex;
                            width: max-content;
                            background-color: var(--primary-color);
                            padding: 20px 34px;
                            color: #fff;
                            border-radius: 6px;
                            margin-top: 20px;
                        }

/* Contact */
.Contact {}
    .Contact__Box {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border: 1px solid rgba(0, 0, 0, 0.179);
        padding: 40px 0;
        border-radius: 20px;
    }
        .Contact__Box .Box__Icon {
           background-color: rgba(105, 137, 241, 0.173);
           width: min-content;
           padding: 16px;
           border-radius: 50%;
           margin-bottom: 10px;
        }
            .Contact__Box .Box__Icon img {
                width: 34px;
                height: 34px;
            }
        .Contact__Box .Box__Heading {
            font-weight: 600;
            font-size: 20px;
        }
        .Contact__Box .Box__Text {}

/* Page--Activities */
.Activities {}
    .Activities .Activities__Swiper {
        width: 100%;
        margin-bottom: 40px;
    }
        .Activities .Activities__Swiper .Swiper__Wrapper {}
            .Activities .Activities__Swiper .Swiper__Wrapper .Wrapper__Slide {
                text-align: center;
                font-size: 18px;
                background: #fff;
                height: 200px;
                display: flex;
                justify-content: center;
                align-items: center;
                position: relative;
                border-radius: 20px;
                overflow: hidden;
            }
            .Activities .Activities__Swiper .Swiper__Wrapper .Wrapper__Slide::after {
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                width: 100%;
                height: 100%;
                z-index: 10;
                background-color: rgba(0, 0, 0, 0.4);
            }
                .Activities .Activities__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__Img {
                    display: block;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
                .Activities .Activities__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__Content {
                    position: absolute;
                    color: #fff;
                    font-size: 24px;
                    z-index: 100;
                    bottom: 24px;
                    left: 24px;
                }
                    .Activities .Activities__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__Content .Content__Link {
                        color: #000;
                        background-color: #fff;
                        padding: 0 12px 4px;
                        border-radius: 20px;
                        margin-top: 8px;
                        font-size: 18px;
                        font-weight: 600;
                    }
    .Activities .Activities__Categories {
        text-align: center;
    }
        .Activities .Activities__Categories .Categories__Category {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            border-radius: 10px;
            height: 100px;
            margin-top: 10px;
            color: #fff;
            overflow: hidden;
            z-index: 100px;
        }
        .Activities .Activities__Categories .Categories__Category::after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            z-index: 10;
            background-color: rgba(0, 0, 0, 0.4);
        }
            .Activities .Activities__Categories .Categories__Category .Category__Content {
                position: absolute;
                color: #fff;
                font-size: 20px;
                z-index: 100;
            }
            .Activities .Activities__Categories .Categories__Category .Category__Img {
                display: block;
                position: absolute;
                object-fit: cover;
                width: 100%;
                height: 100%;
            }
            .Activities__Cards .Cards__Button {
                border: 1px solid #1f1f1f;
                border-radius: 20px;
                padding: 12px 24px;
                color: #1f1f1f;
            }
            .Activities__Cards .Cards__Activity {
                border: 1px solid #00000010;
                border-radius: 4px;
                padding: 8px;
                width: 100%;
                margin-top: 20px;
            }
            .Activities__Cards .Cards__Activity .Activity__Img {
                    width: 100%;
                    height: 120px;
                    margin-bottom: 10px;
                    overflow: hidden;
                    border-radius: 4px;
                }
                .Activities__Cards .Cards__Activity .Activity__Img img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                    .Activities__Cards .Cards__Activity .Activity__Details {
                    margin: 2px 0;
                }
                .Activities__Cards .Cards__Activity .Activity__Details .Details__Detail {
                        display: flex;
                        align-items: center;
                        gap: 10px;
                        font-size: 14px;
                        color: #171717d4;
                        margin-top: 4px;
                    }
                    .Activities__Cards .Cards__Activity .Activity__Details .Details__Detail .Detail__Icon {
                            height: 18px;
                        }
                        .Activities__Cards .Cards__Activity .Activity__Subtitle {
                    background-color: rgba(255, 0, 0, 0.107);
                    border-radius: 20px;
                    padding: 2px 8px 4px;
                    width: max-content;
                    font-size: 14px;
                    color: rgb(146, 27, 27);
                }
                .Activities__Cards .Cards__Activity .Activity__Heading {
                    font-size: 18px;
                    font-weight: 600;
                    margin-top: 8px;
                }
                .Activities__Cards .Cards__Activity .Activity__Paragraph {
                    font-size: 14px;
                    line-height: 17px;
                }

/* Faculty Page */
    .Faculty__Link {
        color: black;
        float: right;
        padding: 10px 20px;
        border-radius: 6px;
        background-color: rgba(128, 128, 128, 0.123);
    }
    .Faculty__Layout {}
        .Faculty__Layout .Layout__Body {
            margin-top: 160px;
        }
            .Faculty__Layout .Layout__Body .Body__Button {
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 20px;
                width: 100%;
                border: 1px solid #11203f;
                margin-bottom: 20px;
                border-radius: 10px;
                font-size: 18px;
                color: #11203f !important;
                transition: 0.4 ease;
            }
            .Faculty__Layout .Layout__Body .Body__Button:hover {
                background-color: #11203f;
                color: #e6effa !important;
            }
            .Faculty__Layout .Layout__Body .Body__Swiper {
                width: 100%;
                margin-bottom: 20px;
            }
                .Faculty__Layout .Layout__Body .Body__Swiper .Swiper__Wrapper {
                    margin-bottom: 38px;
                }
                    .Faculty__Layout .Layout__Body .Body__Swiper .Swiper__Wrapper .Wrapper__Slide {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                        .Faculty__Layout .Layout__Body .Body__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__Img {
                            overflow: hidden;
                            width: 100%;
                            height: 380px;
                            border-radius: 10px;
                        }
                            .Faculty__Layout .Layout__Body .Body__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__Img img {
                                overflow: hidden;
                                width: 100%;
                                height: 380px;
                                border-radius: 10px;
                            }

/* Helpers */
/* ======================== */

    /* Helper: .ObjectFit */
    .ObjectFit--Contain {
        object-fit: contain;
    }
    .ObjectFit--Cover {
        object-fit: cover;
    }

    /* Helper: .BackgroundColor */
    .BackgroundColor--F2EFEA {
        background-color: #F2EFEA;
    }

    /* Helper: .Color */
    .Color--1E376D {
        color: #1E376D;
    }

    /* Helper: .FontWeight */
    .FontWeight--100 {
        font-weight: 100;
    }
    .FontWeight--300 {
        font-weight: 300;
    }
    .FontWeight--400 {
        font-weight: 400;
    }
    .FontWeight--500 {
        font-weight: 500;
    }
    .FontWeight--600 {
        font-weight: 600;
    }
    .FontWeight--700 {
        font-weight: 700;
    }
    .FontWeight--800 {
        font-weight: 800;
    }
    .FontStyle--Italic {
        font-style: italic;
    }

    /* Helper: .Section__title */
    .Section__Title {
        font-size: 34px;
        font-weight: 600;
        line-height: 54px;
        letter-spacing: -5%;
    }

/* Customs
/* ======================== */

    /* Custom: 0001 */
    .Custom--0001 {
        color: #1E376D;
    }

@media only screen and (min-width: 1800px) {
    /* Block: .Header */
                .Header__Navbar .Navbar__Nav .Nav__Item {
                    font-size: 20px;
                }
                    .Header__Navbar .Navbar__Nav .Nav__Item .Item__Dropdown {}
                        .Header__Navbar .Navbar__Nav .Nav__Item .Item__Dropdown .Dropdown__Link {}
                        .Header__Navbar .Navbar__Nav .Nav__Item .Item__Dropdown .Dropdown__Divider {}
                .Header__Navbar .Navbar__Buttons .Buttons__Button {
                    font-size: 18px;
                }
                        .Header .Header__Navbar .Navbar__Topbar .Topbar__Menu .Menu__Link {
                            font-size: 17px;
                        }
                    .Header .Header__Navbar .Navbar__Topbar .Topbar__Social .Social__Link {}
                        .Header .Header__Navbar .Navbar__Topbar .Topbar__Social .Social__Link .Icon {
                            scale: 0.7;
                        }
                        
        .Hero .Hero__Card {
            position: absolute;
            background-color: #FFF;
            width: 200px;
            height: 200px;
            top: 0;
            right: 0;
        }
            .Hero .Hero__Swiper .Swiper__Next {
                height: 80%;
            }
            .Hero .Hero__Swiper .swiper-button-next:after {
                font-size: 18px;
                padding: 10px 14px;
            }
                .Hero .Hero__Swiper .Swiper__Slide .Slide__Content {
                    bottom: 280px;
                }
                    .Hero .Hero__Swiper .Swiper__Slide .Slide__Content .Content__Heading {
                        font-size: 80px !important;
                    }
                    .Hero .Hero__Swiper .Swiper__Slide .Slide__Content .Content__Paragraph {
                        font-size: 18px !important;
                        margin-top: 10px;
                    }

    /* Block: .Preview */
        .Preview .Preview__Heading {
            font-size: 28px;
            margin-bottom: 20px;
        }
                        .Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__Activity .Activity__Img {
                            width: 100%;
                            height: 160px;
                            overflow: hidden;
                            border-radius: 6px;
                        }
                        .Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__Activity .Activity__Details {
                            margin: 20px 0;
                        }
                            .Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__Activity .Activity__Details .Details__Detail {
                                font-size: 16px;
                            }
                        .Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__Activity .Activity__Subtitle {
                            padding: 4px 10px;
                            font-size: 14px;
                        }
                        .Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__Activity .Activity__Paragraph {
                            font-size: 15px;
                        }
        .Preview .Preview__News {
            margin-bottom: 20px;
        }
            .Preview .Preview__News .News__Heading {
                font-size: 17px;
            }
            .Preview .Preview__News .News__Date {
                font-size: 15px;
            }
        .Preview .Preview__Announcement {
            margin-bottom: 10px;
            padding-bottom: 2px;
        }
            .Preview .Preview__Announcement .Announcement__Day {
                font-size: 26px;
            }
            .Preview .Preview__Announcement .Announcement__Month {
                font-size: 18px;
            }
            .Preview .Preview__Announcement .Announcement__Year {
                font-size: 18px;
            }
            .Preview .Preview__Announcement .Announcement__Heading {
                font-size: 18px;
            }
            .Preview .Preview__Announcement .Announcement__Paragraph {
                font-size: 16px;
                margin-bottom: 10px;
            }

    /* Block: .Faculties */
                    .Faculties .Faculties__Swiper .Swiper__Slide .Slide__Inner .Inner__Front {
                        font-size: 18px;
                    }

    /* Block: News */
            
            .News .News__Card .Card__Heading {
                font-size: 14px;
            }
            .Page--Home .News .News__Card .Card__Heading {
                font-size: 16px;
            }
            .News .News__Card .Card__Date {
                font-size: 14px;
            }
            .Page--Home .News .News__Card .Card__Date {
                font-size: 15px;
            }

    /* Block: .Announcements */
            .Announcements .Announcements__Card .Card__Heading {
                font-size: 18px;
            }
            .Announcements .Announcements__Card--Big .Card__Img {
                height: 200px !important;
            }
            .Announcements .Announcements__Card--Big .Card__Heading {
                font-size: 14px;
            }
            .Announcements .Announcements__Card--Big .Card__Date {
                font-size: 10px;
            }
            .Announcements .Announcements__Card .Card__Img {
                height: 140px;
            }
            .Announcements .Announcements__Card .Card__Date {
                font-size: 16px;
            }
            .Announcements .Announcements__Item .Item__Heading {
                font-size: 18px;
            }
            .Announcements .Announcements__Item .Item__Paragraph {
                font-size: 15px;
            }
            .Announcements .Announcements__Item .Item__Button {     
                font-size: 16px;
            }

    /* Block: .Statistics */ 
            .Statistics .Statistics__Box .Box__Number {
                font-size: 48px;
            }
            .Statistics .Statistics__Box .Box__Title {
                font-size: 18px;
            }

    /* Block: .QuickLinks */
    .QuickLinks {
        margin: 0 0 80px;
        padding-top: 48px;
    }
        .QuickLinks .QuickLinks__Heading {
            font-size: 24px;
        }
        .QuickLinks .QuickLinks__Link {
        }
            .QuickLinks .QuickLinks__Link .Link__Text {
                font-size: 18px;
            }
            .QuickLinks .QuickLinks__Link .Link__Icon {
                scale: 1.8;
            }

    /* Block: .OurPartners */
    .OurPartners {
        margin-top: 80px;
    }
            .OurPartners .col-2 img {
                width: 88px;
                height: 88px;
            }

    
    /* Block: .Activities */
        .Activities .Activities__Activity--Small .Activity__Heading {
            font-size: 14px;
        }
        .Activities .Activities__Activity--Big .Activity__Heading {
            font-size: 16px;
        }

    /* Footer */
            .Footer__Social .Social__Icon {
                width: 42px;
                height: 42px;
            }
            .Footer__Social .Social__Icon span {
                scale: 0.9;
            }
        .Footer__Heading {
            font-size: 18px;
            margin-bottom: 10px;
        }
        .Footer__Link {
            font-size: 16px;
        }
        .Footer__Button {
            padding: 12px 14px;
        }
        .Footer__Bottom {
            font-size: 14px;
        }
        .Section__Header .Header__Heading {
            font-size: 30px;
        }
        .Section__Header .Header__Link {
            font-size: 16px;
        }

    /* Faculty Page */
    .Faculty__Layout {}
            .Faculty__Layout .Layout__Body .Body__Button {
                padding: 24px;
            }
            .Faculty__Layout .Layout__Body .Body__Swiper {
                width: 100%;
                margin-bottom: 20px;
            }
                .Faculty__Layout .Layout__Body .Body__Swiper .Swiper__Wrapper {
                    margin-bottom: 38px;
                }
                    .Faculty__Layout .Layout__Body .Body__Swiper .Swiper__Wrapper .Wrapper__Slide {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                        .Faculty__Layout .Layout__Body .Body__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__Img {
                            overflow: hidden;
                            width: 100%;
                            height: 400px;
                        }
                            .Faculty__Layout .Layout__Body .Body__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__Img img {
                                overflow: hidden;
                                width: 100%;
                                height: 400px;
                            }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    /* Block: .Header */
            .Header__Navbar .Navbar__Buttons .Buttons__Button {
                font-size: 16px;
                padding: 2px 10px 5px;
            }
                .Header .Header__Navbar .Navbar__Topbar {
                    padding: 4px;
                }
                            .Topbar__Menu .menu-item {
                                margin-right: 2px;
                            }

                        .Header .Navbar__Brand img {
                            height: 48px !important; 
                        }
    /* Block: Blog */
                .News .News__Card .Card__Img {
                    height: 116px !important;
                }
                .News .News__Card .Card__Heading {
                    font-size: 18px;
                }

    /* Block: .Announcements */
            .Announcements .Announcements__Card--Big .Card__Img {
                height: 200px !important;
            }
            .Announcements .Announcements__Card .Card__Img {
                width: 100%;
                height: 120px;
                overflow: hidden;
                border-radius: 20px;
                margin-bottom: 10px;
            }
            .Announcements .Announcements__Item .Item__Img {
                height: 180px;
                margin-bottom: 10px;
            }

        .Text__Img--Department-head {
            width: 100% !important;
            margin-bottom: 20px;
        }

        .Body__Text .Text__Img {
            height: 260px !important;
            width: 100% !important;
            margin-bottom: 16px;
        }
        .Body__Text .Text__Img.Text__Img--Person {
            height: 400px !important;
        }
        .Body__Text .Text__Title {
            font-size: 22px;
        }
        
    /* Person */
        .Person .Person__Img {
            height: 240px;
        }

    .MainSwiper {
        margin-top: 34px;
        height: 240px;
    }  
        .MainSwiper .Swiper__Overlay {
            border-radius: 0;
        }               
        .MainSwiper .swiper-slide {
            border-radius: 0;
            padding: 0 40px;
        }    
        .MainSwiper .title a {
            font-size: 24px;
        }              
        .Activities__Cards .Cards__Button {
            padding: 6px 16px;
        }

/* Internship */
    .Internship .Internship__Button {
        padding: 10px;
    }
        .Internship .Internship__Button .Button__Icon {
            display: none;
        }

/* Page--Activities */
.Activities {}
                .Activities__Cards .swiper-slide {
                    width: 100% !important;
                }

/* Faculty Page */
.Faculty__Layout .Layout__Body .Body__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__Img {
    height: 260px;
    margin-top: 24px;
}

/* Page--About */
.Breadcrumb {
    margin: 0 0 120px;
    position: relative;
    top: 34px;
}
    .Breadcrumb .Breadcrumb__List {
        color: #0000006e;
    }
        .Breadcrumb .Breadcrumb__List .List__Item {
            font-size: 16px;
            color: #00000096;
        }

        .Page__Layout {
            border-top-left-radius: 28px;
            border-top-right-radius: 28px;
            padding-top: 0;
            width: 100%;
            background-color: #fff;
            position: relative;
            top: -80px;
        }

        .Faculty__Layout .Layout__Body.Layout__Body--Home {
            margin-top: 0 !important;
        }
}

/* Block: .Faculties */
.Faculties {
    margin: 0px 0 40px;
    position: relative;
}
    .Faculties .Faculties__Swiper {
        width: 100%;
        height: 260px;
        display: flex;
        align-items: center;
    }
    .Faculties .Faculties__Swiper .swiper-wrapper {
        height: 80%;
    }
        .Faculties .Faculties__Swiper .Swiper__Slide {
            background-color: transparent;
            height: 100%;
            width: 100%;
            perspective: 1000px;
        }
            .Faculties .Faculties__Swiper .Swiper__Slide .Slide__Inner {
                position: relative;
                width: 100%;
                height: 100%;
                transition: transform 0.6s;
                transform-style: preserve-3d;
            }
            .Faculties .Faculties__Swiper .Swiper__Slide:hover .Slide__Inner {
                transform: rotateY(180deg);
            }
                .Faculties .Faculties__Swiper .Swiper__Slide .Slide__Inner .Inner__Front,
                .Faculties .Faculties__Swiper .Swiper__Slide .Slide__Inner .Inner__Back {
                    height: 100%;
                    width: 100%;
                    position: absolute;
                    -webkit-backface-visibility: hidden;
                    backface-visibility: hidden;
                }
                .Faculties .Faculties__Swiper .Swiper__Slide .Slide__Inner .Inner__Front {
                    border: 1px solid rgb(92, 92, 92);
                    text-align: center;
                    font-size: 18px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                    gap: 24px;
                    border-radius: 10px;
                    padding: 34px 20px;
                }
                    .Faculties .Faculties__Swiper .Swiper__Slide .Slide__Inner .Inner__Front .Front__Icon {
                        border: 1px solid rgba(92, 92, 92, 0.621); 
                        padding: 10px;
                        border-radius: 50%;
                    }
                        .Faculties .Faculties__Swiper .Swiper__Slide .Slide__Inner .Inner__Front .Front__Icon img {
                            max-width: 40px !important;
                            max-height: 40px !important;
                        }
                .Faculties .Faculties__Swiper .Swiper__Slide .Slide__Inner .Inner__Back {
                    border: 1px solid var(--primary-color);
                    background-color: var(--primary-color);
                    text-align: center;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                    gap: 24px;
                    border-radius: 10px;
                    padding: 34px 20px;
                    transform: rotateY(180deg);
                }
                    .Faculties .Faculties__Swiper .Swiper__Slide .Slide__Inner .Inner__Back a {
                        color: #fff;
                        font-size: 18px;
                    }
            .Faculties .Faculties__Swiper .swiper-pagination {
                bottom: -6px !important;
            }
            .Faculties .Faculties__Swiper .swiper-pagination-bullet {
                width: 20px;
                height: 4px;
                display: inline-block;
                border-radius: 0;
                background: var(--swiper-pagination-bullet-inactive-color, #000);
            }
            .Faculties .Faculties__Swiper .swiper-pagination-bullet-active {
                background: var(--primary-color);
                width: 34px;
                transition: 0.4s ease;
            }


/* Block: .Statistics */
.Statistics {}
    .Statistics .Statistics__Box {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        justify-items: center;
    }
        .Statistics .Statistics__Box .Box__Number {
            font-weight: 800;
            font-size: 40px;
            color: rgb(70, 134, 47);
        }
        .Statistics .Statistics__Box .Box__Title {
            font-size: 18px;
            text-align: center;
            color: #000;
        }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
/* Block: .Faculties */
    .Faculties .Faculties__Swiper {
        height: 340px;
    }
    
.Header .navbar-nav .nav-link {
    padding: 10px;
}
/* Block: .Statistics */
.Statistics {
    padding: 48px 0;
}
        .Statistics .Statistics__Box .Box__Number {
            font-size: 34px;
        }
        .Statistics .Statistics__Box .Box__Title {
            font-size: 16px;
            margin-bottom: 16px;
        }

}

.error-404 {
    text-align: center;
    padding: 100px 20px;
}

.error-404 h1 {
    font-size: 2.5em;
    margin-bottom: 20px;
}

.error-404 p {
    font-size: 1.2em;
    margin-bottom: 30px;
}

.error-404 .btn {
    padding: 10px 20px;
    font-size: 1em;
    color: #fff;
    background-color: var(--primary-color);
}

/* Category */
.Category {
    color: var(--primary-color);
}
    .Category__Box {
        border: 1px solid var(--primary-color);
        border-radius: 10px;
        height: 180px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transition: all 0.6 ease;
        padding: 20px;
    }
        .Category__Box:hover {
            background-color: var(--primary-color);
            color: #fff;
            transition: all 0.6 ease;
        }
        .Category__Box h3 {
            font-size: 18px;
        }