@charset "UTF-8";
/*-----------------------------------------------------------

@File: Falar Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the template.

This files table contents are outlined below>>>>>

******************************************* 
** - DEFAULT AREA STYLE - **

** - Default Btn Area Style
** - Read More Area Style
** - Section Title Area Style
** - Header Area Style
** - Nav Area Style
** - Banner Area Style
** - Futures Area Style
** - About Area Style
** - Services Area Style
** - Ready To Talk Area Style
** - Choose Us Area Style
** - Case Studies Area Style
** - Customer Area Style
** - Team Area Style
** - Partner Area Style
** - Blog Area Style
** - Footer Area Style
** - Copy Right Area Style

** - OTHER STYLE AREA - **
-------------------------------------------------------------*/
:root {
    --main-fontFamily: "Inter", sans-serif;
    --heading-fontFamily: "Work Sans", sans-serif;
    --heading-fontFamily2: "Alfa Slab One", serif;
    --primaryColor: #FC6441;
    --secondaryColor: #7768E5;
    --yellowColor: #F8CA4D;
    --blackColor: #0D0D25;
    --whiteColor: #ffffff;
    --paragraphColor: #525271;
    --fontSize: 16px;
    --transition: .6s;
}

/*
Default  Styles
======================================================*/
body {
    font-family: var(--main-fontFamily);
    color: var(--paragraphColor);
    line-height: 1.7;
    padding: 0;
    margin: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--blackColor);
    font-family: var(--heading-fontFamily);
    font-weight: 700;
    line-height: 1.4;
}

.container-fluid {
    max-width: 1745px;
}

.pb-75 {
    padding-bottom: 75px;
}

.pb-130 {
    padding-bottom: 130px;
}

.pt-130 {
    padding-top: 130px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-80 {
    padding-top: 80px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pt-100 {
    padding-top: 100px;
}


.pb-100 {
    padding-bottom: 100px;
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.ptb-130 {
    padding-top: 130px;
    padding-bottom: 130px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mt-100 {
    margin-top: 100px;
}

.ml-0 {
    margin-left: 0 !important;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}
.logoradha {
    max-width: 22%!important;
    height: auto;
}
img {
    max-width: 100%;
    height: auto;
}

a {
    transition: 0.6s;
    text-decoration: none;
}

    a:hover {
        color: var(--paragraphColor);
    }

p {
    font-size: var(--fontSize);
    margin-bottom: 15px;
    line-height: 1.7;
}

    p:last-child {
        margin-bottom: 0;
    }

.bg-F8F8F9 {
    background: #F8F8F9;
}

.bg-FAF6F6 {
    background: #FAF6F6;
}

.bg-E8E8F4 {
    background: #E8E8F4;
}

.bg-FAFAFA {
    background: #FAFAFA;
}

/*.bg-EEEEF5 {
    background: #EEEEF5;
}*/
@media only screen and (min-width: 1500px) and (max-width: 1730px) {
    .logo-text {
        margin-left: 66px;
        font-size: 18px;
    }
 
}
.border-right {
    border-right: solid 1px #EBEAF0;
}

.border-bottom {
    border-bottom: solid 1px #E8E9ED;
}

.only-992-device {
    display: none;
}

.default-btn {
    background-color: var(--primaryColor);
    color: var(--whiteColor);
    display: inline-block;
    font-family: var(--heading-fontFamily);
    font-size: var(--fontSize);
    line-height: 1;
    padding: 20px 32px;
    transition: 0.6s;
    border: none;
    font-weight: 600;
    text-align: center;
}

    .default-btn:hover {
        color: #fff;
        box-shadow: 0 0 40px 40px rgb(248, 202, 77) inset;
    }

    .default-btn:focus {
        color: #fff;
        outline: 0;
    }

    .default-btn i {
        position: relative;
        top: 5px;
        left: 4px;
        font-size: 22px;
        font-weight: 400;
        line-height: 0;
    }

.section-title {
    margin-bottom: 40px;
    text-align: center;
}

    .section-title h2 {
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        letter-spacing: 1.28px;
        font-weight: 400;
        margin-bottom: 0;
    }

.section-warp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

    .section-warp h2 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        letter-spacing: 1.28px;
        font-weight: 400;
        margin-bottom: 0;
    }

    .section-warp .section-link {
        color: var(--primaryColor);
        font-family: var(--heading-fontFamily);
        font-weight: 600;
    }

        .section-warp .section-link i {
            position: relative;
            font-size: 20px;
            left: 2px;
            top: 2px;
        }

        .section-warp .section-link .article-link {
            color: #362983;
        }

.elementor-editor-active .navbar.sticky.falar-hide-adminbar {
    top: 0;
}

.elementor-editor-active [data-cue=bounceInDown], .elementor-editor-active [data-cue=bounceInLeft], .elementor-editor-active [data-cue=bounceInRight], .elementor-editor-active [data-cue=bounceInUp], .elementor-editor-active [data-cue=bounceIn], .elementor-editor-active [data-cue=fadeIn], .elementor-editor-active [data-cue=rotateIn], .elementor-editor-active [data-cue=slideInDown], .elementor-editor-active [data-cue=slideInLeft], .elementor-editor-active [data-cue=slideInRight], .elementor-editor-active [data-cue=slideInUp], .elementor-editor-active [data-cue=zoomIn], .elementor-editor-active [data-cue=zoomOut], .elementor-editor-active [data-cues=bounceInDown] > *, .elementor-editor-active [data-cues=bounceInLeft] > *, .elementor-editor-active [data-cues=bounceInRight] > *, .elementor-editor-active [data-cues=bounceInUp] > *, .elementor-editor-active [data-cues=bounceIn] > *, .elementor-editor-active [data-cues=fadeIn] > *, .elementor-editor-active [data-cues=rotateIn] > *, .elementor-editor-active [data-cues=slideInDown] > *, .elementor-editor-active [data-cues=slideInLeft] > *, .elementor-editor-active [data-cues=slideInRight] > *, .elementor-editor-active [data-cues=slideInUp] > *, .elementor-editor-active [data-cues=zoomIn] > *, .elementor-editor-active [data-cues=zoomOut] > * {
    opacity: 1 !important;
}

[data-cue=bounceInDown], [data-cue=bounceInLeft], [data-cue=bounceInRight], [data-cue=bounceInUp], [data-cue=bounceIn], [data-cue=fadeIn], [data-cue=rotateIn], [data-cue=slideInDown], [data-cue=slideInLeft], [data-cue=slideInRight], [data-cue=slideInUp], [data-cue=zoomIn], [data-cue=zoomOut], [data-cues=bounceInDown] > *, [data-cues=bounceInLeft] > *, [data-cues=bounceInRight] > *, [data-cues=bounceInUp] > *, [data-cues=bounceIn] > *, [data-cues=fadeIn] > *, [data-cues=rotateIn] > *, [data-cues=slideInDown] > *, [data-cues=slideInLeft] > *, [data-cues=slideInRight] > *, [data-cues=slideInUp] > *, [data-cues=zoomIn] > *, [data-cues=zoomOut] > * {
    opacity: 1 !important;
}

/*
Back To Top Warp Style
======================================================*/
#backtotop {
    opacity: 0;
    right: 20px;
    z-index: 99;
    width: 50px;
    bottom: 20px;
    height: 50px;
    font-size: 25px;
    transition: 0.5s;
    line-height: 49px;
    background-color: var(--primaryColor);
    animation: border-transform 10s linear infinite alternate forwards;
}

    #backtotop:hover {
        background-color: var(--primaryColor);
        color: var(--whiteColor);
    }

    #backtotop.active {
        opacity: 1;
    }

    #backtotop i {
        color: var(--whiteColor);
    }

@keyframes border-transform {
    0%, 100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
    }

    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
    }

    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
    }

    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
    }

    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
    }

    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
    }

    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
    }
}
/*
Navbar Warp  Style
======================================================*/
.navbar {
    left: 0;
    right: 0;
    height: auto;
    z-index: 1030;
    padding-left: 0;
    padding-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
    z-index: 999;
    background-color: var(--whiteColor);
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05);
}

    .navbar.sticky {
        top: -1px;
        left: 0;
        width: 100%;
        border-radius: 0;
        z-index: 1030;
        background-color: var(--whiteColor);
        position: sticky;
        animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
        border-color: transparent;
    }

        .navbar.sticky .navbar-logo {
            position: relative;
            margin-top: 0;
        }

        .navbar.sticky .inner-navbar-warp {
            margin-top: 0;
        }

        .navbar.sticky .navbar-toggler {
            color: var(--paragraphColor);
            font-size: inherit;
            box-shadow: unset;
            border: none;
            padding: 0;
        }

            .navbar.sticky .navbar-toggler .burger-menu {
                cursor: pointer;
            }

                .navbar.sticky .navbar-toggler .burger-menu span {
                    height: 3px;
                    width: 30px;
                    margin: 5px 0;
                    display: block;
                    background: var(--paragraphColor);
                }

        .navbar.sticky .inner-navbar-widget {
            margin-bottom: 0;
            padding-left: 0;
            padding-right: 0;
            border: none !important;
        }

        .navbar.sticky.falar-hide-adminbar {
            top: 32px;
        }

    .navbar .navbar-brand {
        font-size: inherit;
        line-height: 1;
        padding: 0;
    }

    .navbar ul {
        padding-left: 0px;
        margin-bottom: 0;
        padding-right: 0;
        list-style-type: none;
    }

    .navbar .navbar-toggler {
        color: var(--blackColor);
        font-size: inherit;
        box-shadow: unset;
        border: none;
        padding: 0;
    }

        .navbar .navbar-toggler .burger-menu {
            cursor: pointer;
        }

            .navbar .navbar-toggler .burger-menu span {
                height: 3px;
                width: 30px;
                margin: 5px 0;
                display: block;
                background: var(--blackColor);
            }

    .navbar .navbar-nav {
        margin-right: 50px;
    }

        .navbar .navbar-nav .nav-item {
            position: relative;
            margin-left: 20px;
            margin-right: 20px;
        }

            .navbar .navbar-nav .nav-item .nav-link {
                position: relative;
                color: var(--blackColor);
                font-family: var(--heading-fontFamily);
                font-size: var(--fontSize);
                font-weight: 500;
                padding-left: 0;
                padding-right: 0;
                padding-top: 25px;
                padding-bottom: 25px;
            }

                .navbar .navbar-nav .nav-item .nav-link::after {
                    display: none;
                }

                .navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link.active {
                    color: var(--primaryColor);
                }

                .navbar .navbar-nav .nav-item .nav-link.with-image {
                    position: relative;
                }

                    .navbar .navbar-nav .nav-item .nav-link.with-image .navbar-image {
                        position: absolute;
                        bottom: -12px;
                        text-align: center;
                        left: 50%;
                        opacity: 0;
                        transform: translateX(-11px);
                    }

            .navbar .navbar-nav .nav-item .dropdown-toggle {
                padding-right: 18px;
            }

                .navbar .navbar-nav .nav-item .dropdown-toggle::after {
                    left: -5px;
                }

                .navbar .navbar-nav .nav-item .dropdown-toggle::before {
                    position: absolute;
                    content: "שׁ";
                    line-height: 1;
                    right: -2px;
                    top: 50%;
                    color: rgb(166, 167, 198);
                    transform: translateY(-50%);
                    font-family: "tabler-icons" !important;
                    font-size: var(--fontSize);
                }

                .navbar .navbar-nav .nav-item .dropdown-toggle:hover, .navbar .navbar-nav .nav-item .dropdown-toggle.active {
                    color: var(--primaryColor);
                }

                    .navbar .navbar-nav .nav-item .dropdown-toggle:hover::before, .navbar .navbar-nav .nav-item .dropdown-toggle.active::before {
                        color: var(--primaryColor);
                    }

            .navbar .navbar-nav .nav-item:last-child {
                margin-right: 0;
            }

            .navbar .navbar-nav .nav-item:first-child {
                margin-left: 0;
            }

            .navbar .navbar-nav .nav-item:hover, .navbar .navbar-nav .nav-item.active {
                color: var(--primaryColor);
                font-weight: 600;
            }

                .navbar .navbar-nav .nav-item:hover .nav-link, .navbar .navbar-nav .nav-item.active .nav-link {
                    color: var(--primaryColor);
                }

                .navbar .navbar-nav .nav-item:hover .dropdown-toggle::before, .navbar .navbar-nav .nav-item.active .dropdown-toggle::before {
                    color: var(--primaryColor);
                }

            .navbar .navbar-nav .nav-item .dropdown-menu {
                left: 50px;
                top: 85px;
                opacity: 0;
                z-index: 99;
                border: none;
                margin-left: -185px;
                width: 280px;
                margin-top: 0;
                display: block;
                padding: 0;
                border-radius: 0;
                position: absolute;
                visibility: hidden;
                background: var(--whiteColor);
                transition: all 0.2s ease-in-out;
                transform: translate3d(0, 18px, 0);
                box-shadow: rgba(4, 4, 5, 0.2) 0px 7px 36px -8px;
            }

                .navbar .navbar-nav .nav-item .dropdown-menu .nav-item {
                    margin: 0;
                    border-bottom: solid 1px #E8E9ED;
                }

                    .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:last-child {
                        border: none;
                    }

                    .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link {
                        display: block;
                        padding: 10px 20px;
                        transition: 0.6s;
                        position: relative;
                        color: var(--blackColor);
                        font-family: var(--main-fontFamily);
                        font-size: 15px;
                        font-weight: 400;
                    }

                        .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link::after {
                            display: none;
                        }

                    .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active .nav-link, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover .nav-link {
                        color: var(--whiteColor) !important;
                        background-color: #14191C;
                    }

                        .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active .nav-link::before, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover .nav-link::before {
                            opacity: 1;
                            color: var(--whiteColor);
                        }

                    .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active.dropdown::before, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover.dropdown::before {
                        color: var(--whiteColor);
                    }

                    .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.dropdown::before {
                        content: "שׁ";
                        top: 50%;
                        right: 20px;
                        transform: translateY(-50%);
                        position: absolute;
                        line-height: 1;
                        color: rgb(166, 167, 198);
                        font-family: "tabler-icons" !important;
                        font-size: var(--fontSize);
                    }

                    .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu {
                        top: 0;
                        opacity: 0;
                        left: -100%;
                        margin-top: 0;
                        visibility: hidden;
                        transform: translate3d(0, 18px, 0);
                    }

                        .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link {
                            color: var(--blackColor) !important;
                            background-color: transparent;
                        }

                            .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover {
                                color: var(--whiteColor) !important;
                            }

                        .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link {
                            color: var(--whiteColor) !important;
                        }

                        .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu {
                            top: 0;
                            opacity: 0;
                            left: 100%;
                            visibility: hidden;
                            transform: translate3d(0, 18px, 0);
                        }

                            .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link {
                                color: var(--blackColor);
                            }

                                .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover {
                                    color: var(--primaryColor);
                                }

                            .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu {
                                top: 0;
                                opacity: 0;
                                left: -100%;
                                visibility: hidden;
                                transform: translate3d(0, 18px, 0);
                            }

                                .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link {
                                    color: var(--blackColor);
                                }

                                    .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover {
                                        color: var(--primaryColor);
                                    }

                                .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link {
                                    color: var(--primaryColor);
                                }

                                .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .dropdown-menu {
                                    opacity: 1;
                                    visibility: visible;
                                }

                            .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link {
                                color: var(--primaryColor);
                            }

                            .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .dropdown-menu {
                                opacity: 1;
                                visibility: visible;
                                transform: translate3d(0, 0, 0);
                            }

                        .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .nav-link {
                            color: var(--whiteColor);
                            background-color: var(--blackColor);
                        }

                        .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .dropdown-menu {
                            opacity: 1;
                            visibility: visible;
                            transform: translate3d(0, 0, 0);
                        }

                    .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active .nav-link {
                        color: var(--primaryColor);
                    }

                    .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover .dropdown-menu {
                        opacity: 1;
                        margin-top: 0;
                        visibility: visible;
                        transform: translate3d(0, 0, 0);
                    }

            .navbar .navbar-nav .nav-item:hover .dropdown-menu {
                opacity: 1;
                visibility: visible;
                transform: translate3d(0, 0, 0);
            }

    .navbar .others-option {
        position: relative;
        margin-top: -5px;
    }

        .navbar .others-option .option-item {
            padding-right: 40px;
        }

            .navbar .others-option .option-item:last-child {
                padding-right: 0;
            }

            .navbar .others-option .option-item .search-bar .search-btn {
                position: relative;
            }

            .navbar .others-option .option-item .side-bar-btn {
                padding: 0;
                border: none;
            }

                .navbar .others-option .option-item .side-bar-btn:focus {
                    box-shadow: unset;
                    outline: 0;
                }

                .navbar .others-option .option-item .side-bar-btn.active {
                    box-shadow: unset;
                    outline: 0;
                    border: none;
                }

    .navbar.second-navbar {
        box-shadow: unset;
        /*padding-top: 25px;*/
        background: linear-gradient(90deg, #DEE1E6 0%, #E5E6EA 17.57%, #EBECF0 34.86%, #E8E9ED 52.23%, #E7E8EC 65.17%, #D7DADF 97.75%);
    }

        .navbar.second-navbar .navbar-style2 {
            margin-left: 0px;
        }

        .navbar.second-navbar.sticky {
            padding-top: 12px;
        }

        .navbar.second-navbar .navbar-nav .nav-item .dropdown-menu {
            top: 70px;
        }

    .navbar.inner-navbar {
        box-shadow: unset;
        padding-top: 20px;
        background: transparent;
        padding-bottom: 20px;
        border-bottom: solid 1px rgba(255, 255, 255, 0.4);
    }

        .navbar.inner-navbar .navbar-style2 {
            margin-left: 35px;
        }

        .navbar.inner-navbar.sticky {
            background: linear-gradient(90deg, #DDE6F4 0%, #E6EAF8 17.57%, #D4DCFC 34.86%, #E2E6F6 52.23%, #E0E5F8 65.17%, #EEF4FD 97.75%);
        }

    .navbar .social-list {
        padding-left: 142px;
        position: relative;
    }

        .navbar .social-list li {
            padding-right: 15px;
            display: inline-block;
        }

            .navbar .social-list li:last-child {
                padding-right: 0;
            }

            .navbar .social-list li img {
                filter: brightness(0) saturate(100%) invert(7%) sepia(7%) saturate(7253%) hue-rotate(209deg) brightness(99%) contrast(103%);
            }

    .navbar .navbar-style2 .nav-item:nth-child(1) .dropdown-menu .nav-item .dropdown-menu {
        left: 100%;
    }

    .navbar .navbar-style2 .nav-item:nth-child(2) .dropdown-menu .nav-item .dropdown-menu {
        left: 100%;
    }

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}
/*
Responsive Warp  Style
======================================================*/
.responsive-navbar {
    border: 0 !important;
}

    .responsive-navbar .offcanvas-header {
        padding: 15px;
        padding-top: 65px;
        border-bottom: 1px solid #eeeeee;
    }

        .responsive-navbar .offcanvas-header .close-btn {
            background-color: transparent;
            font-size: 20px;
            cursor: pointer;
            line-height: 1;
            padding: 0;
            border: 0;
            color: var(--blackColor);
        }

    .responsive-navbar .offcanvas-body {
        padding: 30px 15px 15px;
    }

        .responsive-navbar .offcanvas-body ul {
            list-style-type: none;
            margin-bottom: 20px;
        }

            .responsive-navbar .offcanvas-body ul.navbar-nav {
                padding-left: 0;
                overflow: hidden;
            }

                .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item {
                    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
                    /*  position: relative;*/
                    line-height: 53px;
                    clear: both;
                    width: 100%;
                }

                    .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item.menu-item-has-children {
                        z-index: 1;
                        transition: var(--transition);
                        cursor: pointer;
                    }

                        .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item.menu-item-has-children:after {
                            top: 0;
                            right: 0;
                            cursor: pointer;
                            /* content: "\ea4e";*/
                            color: var(--paragraphColor);
                            position: absolute;
                            z-index: -1;
                            font-family: "remixicon" !important;
                            font-size: 15px;
                        }

                        .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item.menu-item-has-children.open:after {
                            /* content: "\ea78";*/
                        }

                    .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item a {
                        height: 100%;
                        display: block;
                        padding-right: 40px;
                        text-decoration: none;
                        color: var(--paragraphColor);
                        font-size: 15px;
                    }

                        .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item a:hover, .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item a.active {
                            color: var(--primaryColor);
                        }

                        .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item a::after {
                            display: none;
                        }

                    .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item .responsive-menu-items {
                        height: 0;
                        overflow: hidden;
                    }

                        .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item .responsive-menu-items a {
                            padding: 0 15px;
                        }

                            .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item .responsive-menu-items a:hover {
                                color: var(--primaryColor);
                            }

                    .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item.without-icon:after {
                        display: none;
                    }

                    .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item .sub-menu {
                        display: none;
                        background-color: #f8f8f8;
                        margin-top: 5px;
                        margin-bottom: 5px;
                        padding: 12px 20px;
                    }

                        .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item .sub-menu li {
                            list-style-type: none;
                            margin-bottom: 0 !important;
                            border-bottom: unset;
                            line-height: 36px;
                        }

                            .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item .sub-menu li:last-child {
                                margin-bottom: 0;
                            }

                            .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item .sub-menu li.current_page_item a {
                                color: var(--primaryColor) !important;
                            }

                            .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item .sub-menu li .sub-menu {
                                background-color: var(--whiteColor);
                            }

                    .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item.current-menu-parent.menu-item-has-children:after {
                        color: var(--primaryColor);
                    }

                    .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item.current-menu-parent a {
                        color: var(--primaryColor);
                    }

                    .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item.current-menu-parent .sub-menu {
                        display: block;
                    }

                        .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item.current-menu-parent .sub-menu li a {
                            color: var(--paragraphColor);
                        }

                            .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item.current-menu-parent .sub-menu li a:hover {
                                color: var(--primaryColor);
                            }

                .responsive-navbar .offcanvas-body ul.navbar-nav .active:after {
                    content: "\f12e";
                }

                .responsive-navbar .offcanvas-body ul.navbar-nav .active > .responsive-menu-items {
                    transition: all 200ms;
                    display: block;
                    height: auto;
                    clear: both;
                    float: left;
                    width: 100%;
                    padding: 0;
                }

                    .responsive-navbar .offcanvas-body ul.navbar-nav .active > .responsive-menu-items li {
                        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
                    }

                .responsive-navbar .offcanvas-body ul.navbar-nav .active > a {
                    color: var(--primaryColor);
                }

    .responsive-navbar .others-option {
        position: relative;
    }

        .responsive-navbar .others-option .option-item {
            padding-right: 30px;
        }

            .responsive-navbar .others-option .option-item:last-child {
                padding-right: 0;
            }

            .responsive-navbar .others-option .option-item .search-bar .search-btn {
                position: relative;
            }

            .responsive-navbar .others-option .option-item .side-bar-btn {
                padding: 0;
            }

.modal-header {
    border-bottom: none;
    padding: 20px 20px 0 28px;
}

    .modal-header .btn-close:focus {
        box-shadow: unset;
    }

/*
Search Popup Warp  Style
======================================================*/
.search-popup {
    position: fixed;
    width: 0;
    height: 0;
    top: auto;
    left: auto;
    z-index: -999;
    opacity: 0;
    transition: 0.6s;
}

    .search-popup.active {
        z-index: 9999;
        opacity: 1;
    }

        .search-popup.active .search-popup-overlay {
            top: 0;
            z-index: 6;
            display: block;
            bottom: calc(90px - 112vw);
            -khtml-transform: scale(1);
            transform: scale(1);
            transition-delay: 0s;
            -webkit-transition-delay: 0s;
            opacity: 0.8;
            transition: transform 1.2s cubic-bezier(0.4, 0, 0, 1);
        }

        .search-popup.active .search-popup-content {
            width: 100%;
            opacity: 1;
            z-index: 999;
            transition: var(--transition);
        }

    .search-popup .search-popup-overlay {
        position: fixed;
        width: 224vw;
        height: 224vw;
        z-index: 3;
        opacity: 0;
        display: none;
        background-color: #000;
        cursor: url('../../img/cross-btn.png'), auto;
    }

    .search-popup .search-popup-content {
        position: fixed;
        width: 0;
        max-width: 560px;
        padding: 30px 15px;
        left: 0;
        right: 0;
        top: 45%;
        margin-left: auto;
        margin-right: auto;
        opacity: 0;
        z-index: 3;
    }

        .search-popup .search-popup-content .search-popup-form {
            position: relative;
        }

            .search-popup .search-popup-content .search-popup-form .form-control {
                width: 100%;
                background-color: var(--whiteColor);
                font-size: 15px;
                color: #717175;
                border: none;
                outline: none;
                height: 66px;
                padding-top: 5px;
                border-radius: 0;
                padding-left: 30px;
            }

                .search-popup .search-popup-content .search-popup-form .form-control:focus {
                    box-shadow: unset;
                }

                    .search-popup .search-popup-content .search-popup-form .form-control:focus::-moz-placeholder {
                        color: transparent;
                    }

                    .search-popup .search-popup-content .search-popup-form .form-control:focus::placeholder {
                        color: transparent;
                    }

                .search-popup .search-popup-content .search-popup-form .form-control::-moz-placeholder {
                    color: var(--paragraphColor);
                    -moz-transition: 0.6s;
                    transition: 0.6s;
                }

                .search-popup .search-popup-content .search-popup-form .form-control::placeholder {
                    color: var(--paragraphColor);
                    transition: 0.6s;
                }

    .search-popup .search-popup-form .default-btn {
        padding: 20px 0;
        width: 66px;
        text-align: center;
        position: absolute;
        top: 0;
        bottom: 0;
        background-color: var(--primaryColor);
        color: var(--whiteColor);
        right: -1px;
        border: none;
        border-radius: 0;
        transition: 0.6s;
        font-size: 22px;
    }

        .search-popup .search-popup-form .default-btn i {
            top: 2px;
            left: 3px;
        }

        .search-popup .search-popup-form .default-btn:focus {
            box-shadow: unset;
        }

        .search-popup .search-popup-form .default-btn:hover {
            background-color: var(--blackColor);
        }

/*
Top Header Warp  Style
======================================================*/
.top-header-warp {
    background: #E8E8F4;
    padding: 0;
  /*  padding-top: 12px;
    padding-bottom: 12px;*/
    position: relative;
    z-index: 999;
}

    .top-header-warp.style2-top-header {
        background-color: var(--whiteColor);
    }

.top-header-details {
    display: flex;
    align-items: center;
}

    .top-header-details ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .top-header-details ul li {
            display: inline-block;
            position: relative;
        }

    .top-header-details .social-list {
        padding-right: 95px;
        position: relative;
    }

        .top-header-details .social-list::before {
            content: "";
            position: absolute;
            bottom: 0;
            top: -12px;
            right: 0;
            height: 51px;
            width: 335px;
            background: var(--secondaryColor);
        }

        .top-header-details .social-list li {
            padding-right: 15px;
        }

            .top-header-details .social-list li:last-child {
                padding-right: 0;
            }

            .top-header-details .social-list li:hover img {
                filter: brightness(0) saturate(100%) invert(97%) sepia(50%) saturate(4378%) hue-rotate(318deg) brightness(102%) contrast(94%);
            }

    .top-header-details .header-contact {
        padding-left: 30px;
    }

        .top-header-details .header-contact li {
            font-size: 13px;
            font-weight: 500;
            position: relative;
            padding-left: 20px;
            padding-right: 30px;
        }

            .top-header-details .header-contact li:last-child {
                padding-right: 0;
            }

            .top-header-details .header-contact li a {
                color: var(--paragraphColor);
            }

                .top-header-details .header-contact li a:hover {
                    color: var(--primaryColor);
                }

            .top-header-details .header-contact li i {
                position: absolute;
                left: 0;
                font-size: var(--fontSize);
                top: 4px;
            }

.top-header-link-details {
    display: flex;
    align-items: center;
    justify-content: end;
}

    .top-header-link-details ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .top-header-link-details ul li {
            display: inline-block;
            position: relative;
        }

    .top-header-link-details .header-link {
        padding-right: 35px;
        position: relative;
    }

        .top-header-link-details .header-link::before {
            content: "";
            position: absolute;
            top: 7px;
            right: 0;
            bottom: 0;
            height: 14px;
            width: 1px;
            background: #B3B3D6;
        }

        .top-header-link-details .header-link li {
            padding-right: 40px;
        }

            .top-header-link-details .header-link li:last-child {
                padding-right: 0;
            }

            .top-header-link-details .header-link li a {
                font-size: 13px;
                font-weight: 500;
                color: var(--paragraphColor);
            }

                .top-header-link-details .header-link li a:hover {
                    color: var(--primaryColor);
                }

    .top-header-link-details .header-account {
        padding-left: 35px;
    }

        .top-header-link-details .header-account li {
            padding-right: 30px;
        }

            .top-header-link-details .header-account li .form-select {
                background-color: transparent;
                padding: 1px 0 0 0;
                width: 50px;
                height: 26px;
                border: none;
                box-shadow: unset;
                font-family: var(--heading-fontFamily);
                font-size: 13px;
                font-weight: 500;
                background-position: right center;
                background-image: url(../img/caret-down.svg);
            }

            .top-header-link-details .header-account li:last-child {
                padding-right: 0;
            }

                .top-header-link-details .header-account li:last-child i {
                    position: absolute;
                    left: 0;
                    top: 7px;
                    color: rgb(13, 13, 37);
                }

                .top-header-link-details .header-account li:last-child a {
                    color: var(--paragraphColor);
                    font-size: 13px;
                    font-weight: 500;
                }

/*
Hero Warp Style
======================================================*/
.hero-slider-warp {
    background-position: center center;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 320px;
    padding-bottom: 296px;
    z-index: 1;
    animation-duration: 110ms;
}

    .hero-slider-warp .content {
        max-width: 655px;
    }

        .hero-slider-warp .content h1 {
            font-size: 60px;
            font-family: Var(--heading-fontFamily2);
            color: var(--whiteColor);
            letter-spacing: 2.4px;
            font-weight: 400;
            margin-bottom: 26px;
            line-height: 75px;
        }

        .hero-slider-warp .content .default-btn.style2 {
            background-color: transparent;
            border: 1px solid var(--yellowColor);
            color: var(--yellowColor);
            margin-left: 10px;
        }

            .hero-slider-warp .content .default-btn.style2:hover {
                color: var(--whiteColor);
            }

.hero-warp {
    position: relative;
    margin-top: -150px;
}

    .hero-warp .pagination-bullet-btn {
        position: absolute;
        left: 100px;
        bottom: 100px;
        z-index: 999;
    }

        .hero-warp .pagination-bullet-btn .swiper-pagination-bullet {
            height: 6px;
            transition: 0.6s;
            opacity: 1;
            width: 6px;
            margin-right: 12px;
            background: rgba(255, 255, 255, 0.5);
        }

        .hero-warp .pagination-bullet-btn .swiper-pagination-bullet-active {
            width: 10px;
            height: 10px;
            background-color: rgb(255, 255, 255);
        }

        .hero-warp .pagination-bullet-btn .swiper-pagination2 {
            display: flex;
            align-items: center;
        }

.information {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
}

    .information li {
        display: inline-block;
        width: 353px;
        text-align: center;
        padding: 36px 30px;
    }

        .information li:first-child {
            background: var(--yellowColor);
        }

        .information li:nth-child(2) {
            background: #4569B4;
        }

        .information li:last-child {
            background: #353688;
        }

        .information li a {
            font-family: Var(--heading-fontFamily2);
            letter-spacing: 0.64px;
            font-weight: 400;
            font-size: var(--fontSize);
            color: var(--whiteColor);
        }

        .information li i {
            position: relative;
            color: var(--whiteColor);
            font-size: 24px;
            top: 3px;
            right: 6px;
        }

.update-link {
    position: absolute;
    font-weight: 500;
    color: var(--whiteColor);
    right: 100px;
    bottom: 155px;
    font-family: var(--heading-fontFamily);
}

    .update-link span {
        position: relative;
    }

        .update-link span::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 30px;
            height: 1px;
            width: 100%;
            transition: 0.6s;
            background-color: var(--whiteColor);
        }

        .update-link span::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 30px;
            height: 1px;
            width: 0%;
            transition: 0.6s;
            background-color: var(--primaryColor);
        }

    .update-link i {
        position: relative;
        font-size: 20px;
        left: 5px;
        top: 4px;
    }

    .update-link:hover {
        color: var(--primaryColor);
    }

        .update-link:hover span::before {
            width: 0;
        }

        .update-link:hover span::after {
            width: 100%;
        }

/*
Program Warp Style
======================================================*/
.program-images {
    padding-right: 15px;
}

    .program-images .logo-content {
        display: flex;
        align-items: center;
        background: #F3EDEB;
        position: relative;
        z-index: 2;
        padding: 25px;
        margin-top: 40px;
        margin-right: -75px;
    }

        .program-images .logo-content .logo {
            width: 121px;
            height: 89px;
        }

        .program-images .logo-content .content {
            padding-left: 10px;
        }

            .program-images .logo-content .content h2 {
                color: var(--blackColor);
                font-family: Var(--heading-fontFamily2);
                font-size: 30px;
                font-weight: 400;
                margin-bottom: 1px;
                letter-spacing: 1.2px;
            }

            .program-images .logo-content .content p {
                font-size: 14px;
                line-height: 1.5;
            }

    .program-images .big-image {
        padding-right: 20px;
        margin-left: -5px;
    }

.find-program-warp {
    padding-top: 145px;
}

.program-content {
    padding-left: 55px;
    padding-right: 52px;
}

    .program-content h2 {
        font-size: 32px;
        color: var(--blackColor);
        margin-bottom: 20px;
        font-weight: 400;
        font-family: Var(--heading-fontFamily2);
    }

    .program-content p {
        margin-bottom: 20px;
    }

    .program-content .program-input {
        height: 70px;
        position: relative;
        margin-bottom: 15px;
    }

        .program-content .program-input .form-control {
            height: 70px;
            background: #E8E8F4;
            padding-left: 60px;
            border-radius: 0;
            font-size: 14px;
            border: transparent;
        }

            .program-content .program-input .form-control:focus {
                box-shadow: unset;
            }

                .program-content .program-input .form-control:focus::-moz-placeholder {
                    color: transparent;
                }

                .program-content .program-input .form-control:focus::placeholder {
                    color: transparent;
                }

            .program-content .program-input .form-control::-moz-placeholder {
                -moz-transition: 0.6s;
                transition: 0.6s;
                color: #89899F;
            }

            .program-content .program-input .form-control::placeholder {
                transition: 0.6s;
                color: #89899F;
            }

        .program-content .program-input .search-btn {
            position: absolute;
            background: transparent;
            border: none;
            padding: 0;
            top: 50%;
            left: 20px;
            transform: translateY(-50%);
        }

    .program-content .blank-program {
        display: inline-block;
        margin-bottom: 30px;
    }

    .program-content .program-list {
        list-style: none;
        padding-left: 0;
        margin-left: -25px;
        margin-bottom: 0;
    }

        .program-content .program-list span {
            width: 100%;
            display: inline-block;
        }

        .program-content .program-list li {
            padding-right: 5px;
            display: inline-block;
        }

            .program-content .program-list li a {
                font-size: 14px;
                color: var(--paragraphColor);
                text-decoration: underline;
            }

                .program-content .program-list li a:hover {
                    color: var(--primaryColor);
                }

    .program-content .search-list {
        font-size: 14px;
        color: #89899F;
        font-weight: 500;
    }

    .program-content .program-item {
        margin-top: 30px;
        border: 1px solid #E8E8F4;
        padding: 5px;
        display: flex;
        position: relative;
        align-items: center;
    }

        .program-content .program-item .image {
            width: 114px;
            height: 90px;
        }

        .program-content .program-item .content {
            padding-left: 20px;
        }

            .program-content .program-item .content h4 {
                font-size: var(--fontSize);
                font-weight: 600;
            }

                .program-content .program-item .content h4 a {
                    color: #000000;
                }

                    .program-content .program-item .content h4 a:hover {
                        color: var(--primaryColor);
                    }

            .program-content .program-item .content span {
                font-size: 12px;
                line-height: 1;
                padding: 5px 6px;
                color: #F6F6FA;
                font-family: var(--heading-fontFamily);
                background: var(--secondaryColor);
                display: inline-block;
                margin-bottom: 10px;
            }

        .program-content .program-item .icon {
            position: absolute;
            width: 40px;
            height: 40px;
            right: -20px;
            text-align: center;
            border-radius: 2px;
            color: rgb(119, 104, 229);
            line-height: 40px;
            display: inline-block;
            background: #E8E8F4;
        }

            .program-content .program-item .icon:hover {
                color: var(--whiteColor);
                background-color: var(--primaryColor);
            }

/*
Mission Warp Style
======================================================*/
.mission-tab {
    display: block;
    padding-right: 40px;
}

    .mission-tab .tablinks {
        margin-bottom: 20px;
        width: 100%;
        border: none;
        display: block;
        padding: 10px 10px 10px 30px;
        transition: 0.6s;
        z-index: 999;
        position: relative;
        background-color: var(--whiteColor);
    }

        .mission-tab .tablinks.active {
            width: 135%;
        }

        .mission-tab .tablinks .mission-tab-btn {
            width: 100%;
            display: flex;
            justify-content: space-between;
            text-align: start;
            align-items: center;
            position: relative;
            background-color: var(--whiteColor);
            color: var(--blackColor);
            font-weight: 600;
            letter-spacing: -0.32px;
            padding: 0;
        }

            .mission-tab .tablinks .mission-tab-btn .icon {
                width: 40px;
                border-radius: 2px;
                background: #FAF6F6;
                height: 40px;
                text-align: center;
                line-height: 40px;
                color: rgb(252, 100, 65);
                display: inline-block;
                transition: 0.6s;
            }

                .mission-tab .tablinks .mission-tab-btn .icon:hover {
                    color: var(--whiteColor);
                    background-color: var(--primaryColor);
                }

.mission-content {
    padding-left: 38px;
}

    .mission-content h3 {
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        margin-bottom: 45px;
    }

    .mission-content .mission-box .icon {
        margin-bottom: var(--fontSize);
    }

    .mission-content .mission-box h5 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .mission-content .mission-box p {
        margin-bottom: 18px;
    }

    .mission-content .mission-box .mission-link {
        font-weight: 600;
        color: #353688;
        font-family: var(--heading-fontFamily);
        display: block;
        margin-bottom: 75px;
    }

        .mission-content .mission-box .mission-link i {
            position: relative;
            left: 4px;
            top: 4px;
            font-size: 20px;
        }

        .mission-content .mission-box .mission-link span {
            text-decoration: underline;
        }

.mission-warp {
    position: relative;
    z-index: 1;
}

    .mission-warp .tabcontent {
        display: none;
        transition: 0.6s;
    }

        .mission-warp .tabcontent.active {
            display: block;
        }

    .mission-warp .mission-image {
        padding-left: 20px;
        padding-right: 25px;
        position: relative;
    }

        .mission-warp .mission-image .mission-shape {
            position: absolute;
            top: 90px;
            right: 0;
        }

    .mission-warp::before {
        content: "";
        position: absolute;
        bottom: 0;
        height: 17%;
        left: 0;
        right: 0;
        z-index: -1;
        background-color: var(--whiteColor);
    }

/*
Fun Fact Warp Style
======================================================*/
.fun-fact-card h2 {
    color: var(--blackColor);
    font-family: Var(--heading-fontFamily2);
    font-size: 40px;
    font-weight: 400;
    margin-bottom: -13px;
    line-height: 1;
}

.fun-fact-card .icon .style {
    margin-right: 20px;
}

.fun-fact-card p {
    font-size: 14px;
    letter-spacing: 1.4px;
    margin-top: 25px;
    line-height: 1.8;
    padding-right: 90px;
}

.col-lg-3:nth-child(4) .fun-fact-card {
    margin-left: 150px;
}

    .col-lg-3:nth-child(4) .fun-fact-card p {
        padding-right: 0;
    }

.col-lg-3:nth-child(3) .fun-fact-card {
    margin-left: 100px;
}

    .col-lg-3:nth-child(3) .fun-fact-card p {
        padding-right: 0;
    }

.col-lg-3:nth-child(2) .fun-fact-card {
    margin-left: 50px;
}

    .col-lg-3:nth-child(2) .fun-fact-card p {
        padding-right: 0;
    }

/*
Features Warp Style
======================================================*/
.features-warp .container-fluid {
    max-width: 1500px;
}

.features-box .content {
    padding-top: 20px;
}

    .features-box .content .title {
        font-size: 12px;
        font-family: var(--heading-fontFamily);
        font-weight: 500;
        line-height: 1;
        padding: 5px 6px;
        display: inline-block;
        color: var(--whiteColor);
        margin-bottom: 12px;
    }

        .features-box .content .title.bg1 {
            background: var(--primaryColor);
        }

    .features-box .content h3 {
        font-size: 22px;
        margin-bottom: 15px;
        padding-right: 30px;
    }

        .features-box .content h3 a {
            color: var(--blackColor);
        }

            .features-box .content h3 a:hover {
                color: var(--primaryColor);
            }

    .features-box .content .features-link {
        color: #353688;
        font-family: var(--heading-fontFamily);
        font-size: var(--fontSize);
        font-weight: 600;
    }

        .features-box .content .features-link span {
            text-decoration: underline;
        }

        .features-box .content .features-link i {
            position: relative;
            left: 2px;
            top: 4px;
            font-size: 20px;
        }

.features-box video {
    -o-object-fit: cover;
    object-fit: cover;
    height: 468px;
    width: 100%;
}

.features-item {
    padding-left: 40px;
    margin-bottom: 32px;
    display: flex;
    align-items: center;
}

    .features-item .image {
        width: 150px;
        height: 134px;
    }

    .features-item .content {
        margin-left: 20px;
    }

        .features-item .content .title {
            font-size: 12px;
            font-family: var(--heading-fontFamily);
            font-weight: 500;
            line-height: 1;
            padding: 5px 6px;
            display: inline-block;
            color: var(--whiteColor);
            margin-bottom: 12px;
        }

            .features-item .content .title.bg1 {
                background: var(--secondaryColor);
            }

            .features-item .content .title.bg2 {
                background: #5CA89F;
            }

            .features-item .content .title.bg3 {
                background: #4569B4;
            }

        .features-item .content h3 {
            font-size: 22px;
            margin-bottom: 15px;
            font-weight: 600;
        }

            .features-item .content h3 a {
                color: var(--blackColor);
            }

                .features-item .content h3 a:hover {
                    color: var(--primaryColor);
                }

        .features-item .content .features-link {
            color: #353688;
            font-family: var(--heading-fontFamily);
            font-size: var(--fontSize);
            font-weight: 600;
        }

            .features-item .content .features-link span {
                text-decoration: underline;
            }

            .features-item .content .features-link i {
                position: relative;
                left: 2px;
                top: 4px;
                font-size: 20px;
            }

.features-item-link {
    display: flex;
    margin-left: 40px;
    align-items: center;
    background-color: var(--whiteColor);
    padding: 38px;
}

    .features-item-link .icon {
        width: 48px;
        height: 48px;
    }

    .features-item-link .content {
        padding-left: 38px;
    }

        .features-item-link .content p {
            color: var(--blackColor);
            font-family: var(--heading-fontFamily);
            font-size: var(--fontSize);
            font-weight: 500;
            margin-bottom: 1px;
        }

            .features-item-link .content p span {
                font-weight: 700;
                color: var(--blackColor);
            }

        .features-item-link .content .features-link {
            color: #353688;
            font-family: var(--heading-fontFamily);
            font-size: var(--fontSize);
            font-weight: 600;
        }

            .features-item-link .content .features-link span {
                text-decoration: underline;
            }

            .features-item-link .content .features-link i {
                position: relative;
                left: 2px;
                top: 4px;
                font-size: 20px;
            }

/*
Information Warp Style
======================================================*/
.information-image {
    padding-left: 220px;
    position: relative;
}

    .information-image .small-image {
        position: absolute;
        bottom: 78px;
        left: 38px;
        width: 204px;
        height: 204px;
    }

        .information-image .small-image .information {
            width: 204px;
            height: 204px;
        }

    .information-image .round-shape {
        width: 192.2px;
        height: 192.249px;
        text-align: center;
        position: absolute;
        top: -50px;
        left: 69px;
        line-height: 192px;
    }

        .information-image .round-shape .text-shape {
            position: absolute;
            left: 0;
            top: 0;
            animation: rotateme 9s linear infinite;
        }

.information-content h2 {
    font-size: 32px;
    letter-spacing: 1.28px;
    color: var(--blackColor);
    font-family: Var(--heading-fontFamily2);
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 1.5;
}

.information-content .information-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 30px;
    font-weight: 500;
    color: #3A3A5E;
    margin-top: 20px;
}

    .information-content .information-list li {
        position: relative;
        padding-left: 32px;
        margin-bottom: 12px;
    }

        .information-content .information-list li:last-child {
            margin-bottom: 0;
        }

        .information-content .information-list li i {
            position: absolute;
            left: 0;
            top: 1px;
            color: rgb(252, 100, 65);
            font-size: 22px;
        }

.information-content .info-button {
    margin-bottom: 25px;
}

    .information-content .info-button .style2 {
        background: var(--secondaryColor);
        margin-right: 15px;
    }

.information-content .info-link-chat {
    display: flex;
    align-items: center;
}

    .information-content .info-link-chat .chat-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .information-content .info-link-chat .chat-list li {
            display: inline-block;
            margin-left: -25px;
        }

            .information-content .info-link-chat .chat-list li:first-child {
                margin-left: 0;
            }

            .information-content .info-link-chat .chat-list li .image {
                width: 50px;
                height: 50px;
            }

    .information-content .info-link-chat .content {
        margin-left: 15px;
    }

        .information-content .info-link-chat .content p {
            color: var(--blackColor);
            font-family: var(--heading-fontFamily);
            font-weight: 500;
            margin-bottom: 2px;
        }

        .information-content .info-link-chat .content .chat-link {
            color: #353688;
            font-family: var(--heading-fontFamily);
            font-size: var(--fontSize);
            font-weight: 600;
        }

            .information-content .info-link-chat .content .chat-link:hover {
                color: var(--primaryColor);
            }

            .information-content .info-link-chat .content .chat-link span {
                text-decoration: underline;
            }

            .information-content .info-link-chat .content .chat-link i {
                position: relative;
                left: 2px;
                top: 4px;
                font-size: 20px;
            }

/*
Culture Warp Style
======================================================*/
.culture-warp {
    overflow: hidden;
}

    .culture-warp .container-fluid {
        max-width: 100%;
        padding: 0 !important;
    }

.culture-box {
    position: relative;
    overflow: hidden;
}

    .culture-box .content {
        position: absolute;
        padding: 30px 50px;
        max-width: 480px;
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        background: rgba(13, 13, 37, 0.5);
        opacity: 0;
        transition: 0.8s;
        left: -200px;
        bottom: -100px;
    }

        .culture-box .content h3 {
            font-size: 22px;
            margin-bottom: 15px;
        }

            .culture-box .content h3 a {
                color: var(--whiteColor);
            }

                .culture-box .content h3 a:hover {
                    color: var(--primaryColor);
                }

        .culture-box .content p {
            color: #D8D8E5;
            margin-bottom: 15px;
        }

        .culture-box .content .culture-link {
            color: var(--primaryColor);
            font-family: var(--heading-fontFamily);
            font-weight: 600;
        }

            .culture-box .content .culture-link span {
                text-decoration: underline;
            }

            .culture-box .content .culture-link i {
                position: relative;
                left: 2px;
                top: 4px;
                font-size: 20px;
            }

    .culture-box:hover .content {
        left: 0;
        bottom: 0;
        opacity: 1;
    }

/*
Academic Warp Style
======================================================*/
.academic-item {
    background: #FAF6F6;
    padding: 35px 30px 35px 30px;
}

    .academic-item .academic-card span {
        padding: 5px 6px;
        background: #FFF;
        box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
        color: var(--secondaryColor);
        font-family: var(--heading-fontFamily);
        font-size: 12px;
        line-height: 1;
        display: inline-block;
        margin-bottom: 10px;
    }

    .academic-item .academic-card h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }

        .academic-item .academic-card h3 a {
            color: var(--blackColor);
        }

    .academic-item .academic-card .image {
        margin-bottom: 15px;
    }

.academic-box {
    margin-bottom: 25px;
}

    .academic-box span {
        padding: 5px 6px;
        background: #FFF;
        box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
        color: var(--secondaryColor);
        font-family: var(--heading-fontFamily);
        font-size: 12px;
        line-height: 1;
        display: inline-block;
        margin-bottom: 10px;
    }

    .academic-box h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }

        .academic-box h3 a {
            color: var(--blackColor);
        }

    .academic-box p {
        padding-bottom: 5px;
    }

    .academic-box .image {
        margin-bottom: 15px;
    }

    .academic-box .default-btn {
        background: var(--yellowColor);
    }

    .academic-box .image {
        position: relative;
        overflow: hidden;
    }

        .academic-box .image img {
            transition: 0.6s;
        }

        .academic-box .image::before {
            position: absolute;
            top: 0;
            left: -100%;
            z-index: 2;
            display: block;
            content: "";
            width: 50%;
            transition: 0.6s;
            height: 100%;
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
            transform: skewX(-25deg);
        }

    .academic-box:hover .image::before {
        animation: shine 0.75s;
    }

    .academic-box:hover .image img {
        transform: scale(1.1);
    }

.academic-slider-warp {
    background: #F8F8F9;
    padding: 25px 30px 25px 30px;
    position: relative;
}

    .academic-slider-warp .swiper-pagination2 {
        line-height: 1;
        margin-top: 48px;
    }

        .academic-slider-warp .swiper-pagination2 .swiper-pagination-bullet {
            height: 6px;
            width: 6px;
            opacity: 1;
            background-color: #C5C5D3;
        }

        .academic-slider-warp .swiper-pagination2 .swiper-pagination-bullet-active {
            background-color: #5C5C7E;
        }

.academic-option {
    position: relative;
}

    .academic-option .content {
        padding-bottom: 25px;
        margin-bottom: 25px;
        position: relative;
    }

        .academic-option .content::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: -30px;
            right: -30px;
            height: 1px;
            width: 120%;
            background: #ECE5E5;
        }

        .academic-option .content .academic-link {
            display: block;
            color: #353688;
            font-weight: 600;
            margin-bottom: 10px;
        }

            .academic-option .content .academic-link:nth-child(3) {
                margin-bottom: 0;
            }

            .academic-option .content .academic-link i {
                position: relative;
                left: 2px;
                top: 4px;
                font-size: 20px;
            }

            .academic-option .content .academic-link span {
                position: relative;
            }

                .academic-option .content .academic-link span::before {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    height: 1px;
                    width: 0%;
                    transition: 0.6s;
                    background-color: rgb(252, 100, 65);
                }

            .academic-option .content .academic-link:hover {
                color: rgb(252, 100, 65);
            }

                .academic-option .content .academic-link:hover span::before {
                    width: 100%;
                }

        .academic-option .content h3 {
            font-size: 22px;
            margin-bottom: 18px;
        }

    .academic-option .academic-date {
        padding-bottom: 25px;
    }

        .academic-option .academic-date .title {
            display: block;
            font-weight: 600;
            color: var(--blackColor);
            display: block;
            margin-bottom: 5px;
        }

        .academic-option .academic-date:nth-child(5) {
            padding-bottom: 0;
        }

        .academic-option .academic-date .date-link {
            display: block;
            color: #353688;
            font-weight: 600;
        }

            .academic-option .academic-date .date-link:nth-child(4) {
                margin-bottom: 0;
            }

            .academic-option .academic-date .date-link i {
                position: relative;
                left: 2px;
                top: 4px;
                font-size: 20px;
            }

            .academic-option .academic-date .date-link span {
                position: relative;
            }

                .academic-option .academic-date .date-link span::before {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    height: 1px;
                    width: 0%;
                    transition: 0.6s;
                    background-color: rgb(252, 100, 65);
                }

            .academic-option .academic-date .date-link:hover {
                color: rgb(252, 100, 65);
            }

                .academic-option .academic-date .date-link:hover span::before {
                    width: 100%;
                }

/*
Recognized Warp Style
======================================================*/
.recognized-content {
    padding-left: 90px;
}

    .recognized-content h2 {
        letter-spacing: 1.28px;
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        margin-bottom: 25px;
    }

    .recognized-content p {
        margin-bottom: 20px;
    }

    .recognized-content .recognized-link {
        display: block;
        color: #353688;
        font-weight: 600;
        margin-bottom: 10px;
    }

        .recognized-content .recognized-link:nth-child(3) {
            margin-bottom: 0;
        }

        .recognized-content .recognized-link i {
            position: relative;
            left: 2px;
            top: 2px;
            font-size: 20px;
        }

        .recognized-content .recognized-link span {
            position: relative;
        }

            .recognized-content .recognized-link span::before {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 1px;
                width: 0%;
                transition: 0.6s;
                background-color: rgb(252, 100, 65);
            }

        .recognized-content .recognized-link:hover {
            color: rgb(252, 100, 65);
        }

            .recognized-content .recognized-link:hover span::before {
                width: 100%;
            }

/*
Choose Warp Style
======================================================*/
.choose-warp {
    position: relative;
    z-index: 1;
}

    .choose-warp::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        height: 50%;
        background: #E8E8F4;
    }

    .choose-warp .container-fluid {
        max-width: 1820px;
    }

.choose-card {
    padding: 42px 40px;
}

    .choose-card h3 {
        font-size: 22px;
        color: var(--whiteColor);
        margin-bottom: 15px;
    }

    .choose-card p {
        color: #EFFFFD;
        margin-bottom: 15px;
    }

    .choose-card .choose-link {
        display: block;
        color: var(--yellowColor);
        font-weight: 600;
    }

        .choose-card .choose-link:nth-child(3) {
            margin-bottom: 0;
        }

        .choose-card .choose-link i {
            position: relative;
            left: 2px;
            top: 4px;
            font-size: 20px;
        }

        .choose-card .choose-link span {
            position: relative;
        }

            .choose-card .choose-link span::before {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 1px;
                width: 0%;
                transition: 0.6s;
                background-color: var(--whiteColor);
            }

        .choose-card .choose-link:hover {
            color: var(--whiteColor);
        }

            .choose-card .choose-link:hover span::before {
                width: 100%;
            }

    .choose-card.bg-1 {
        background: var(--primaryColor);
    }

    .choose-card.bg-2 {
        background: #5CA89F;
    }

    .choose-card.bg-3 {
        background: #4569B4;
    }

    .choose-card.bg-4 {
        background: #1D5F72;
    }

/*
Service Warp Style
======================================================*/
.service-content {
    padding-right: 50px;
}

    .service-content h2 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
        margin-bottom: 20px;
    }

    .service-content p {
        margin-bottom: 20px;
        padding-right: 55px;
    }

    .service-content .default-btn {
        background: var(--secondaryColor);
    }

    .service-content .service-list {
        list-style: none;
        padding-left: 0;
        margin-top: 30px;
        margin-bottom: 0;
    }

        .service-content .service-list li {
            position: relative;
            padding-left: 30px;
            margin-bottom: 12px;
            color: #3A3A5E;
            font-weight: 500;
        }

            .service-content .service-list li:last-child {
                margin-bottom: 0;
            }

            .service-content .service-list li i {
                position: absolute;
                left: 0;
                color: var(--primaryColor);
                top: 2px;
                font-size: 20px;
            }

.service-image {
    padding-left: 40px;
    position: relative;
}

    .service-image .service-counter {
        padding: 30px;
        text-align: center;
        max-width: 250px;
        position: absolute;
        background-color: var(--whiteColor);
        bottom: 0;
        left: -140px;
    }

        .service-image .service-counter h2 {
            color: var(--blackColor);
            font-family: Var(--heading-fontFamily2);
            font-size: 30px;
            font-weight: 400;
            margin-bottom: -5px;
        }

        .service-image .service-counter .icon .style {
            margin-right: 15px;
        }

        .service-image .service-counter p {
            font-size: 14px;
            letter-spacing: 1.4px;
            margin-top: 14px;
            line-height: 1.8;
        }

    .service-image .image.style2 {
        margin-top: 66px;
    }

/*
Blog Warp Style
======================================================*/
.image-blog-card {
    position: relative;
}

    .image-blog-card::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        background: linear-gradient(180deg, rgba(13, 13, 37, 0.1) 68.67%, var(--blackColor) 100%);
    }

    .image-blog-card .content {
        position: absolute;
        bottom: 25px;
        left: 25px;
        right: 25px;
    }

        .image-blog-card .content .cat li a {
            line-height: 1;
            display: inline-flex;
            padding: 5px 6px;
            color: var(--secondaryColor);
            font-family: var(--heading-fontFamily);
            margin-bottom: 10px;
            font-size: 12px;
            font-weight: 500;
            background: var(--whiteColor);
            box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
        }

        .image-blog-card .content h3 {
            font-size: 22px;
            margin-bottom: 0;
        }

            .image-blog-card .content h3 a {
                color: var(--whiteColor);
            }

                .image-blog-card .content h3 a:hover {
                    color: var(--primaryColor);
                }

.content-blog-card .cat li a {
    line-height: 1;
    display: inline-flex;
    padding: 5px 6px;
    color: var(--secondaryColor);
    font-family: var(--heading-fontFamily);
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 500;
    background: var(--whiteColor);
    box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
}

.content-blog-card h3 {
    font-size: 22px;
    margin-bottom: 15px;
}

    .content-blog-card h3 a {
        color: var(--blackColor);
    }

        .content-blog-card h3 a:hover {
            color: var(--primaryColor);
        }

.content-blog-card .blog-list {
    list-style: none;
    margin-bottom: 20px;
    padding-left: 0;
}

    .content-blog-card .blog-list li {
        display: inline-block;
        padding-right: 36px;
        color: var(--paragraphColor);
        position: relative;
    }

        .content-blog-card .blog-list li::before {
            content: "";
            position: absolute;
            right: 15px;
            top: 7px;
            bottom: 0;
            height: var(--fontSize);
            width: 1px;
            background: #E8E8F4;
        }

        .content-blog-card .blog-list li:last-child {
            padding-right: 0;
        }

            .content-blog-card .blog-list li:last-child::before {
                display: none;
            }

.blog-content-widget {
    padding-left: 30px;
}

    .blog-content-widget .blog-donate {
        display: flex;
        padding: 24px 30px;
        align-items: center;
        background: linear-gradient(90deg, #B0C2FF 0%, #F1F1FC 100%);
    }

        .blog-content-widget .blog-donate .icon {
            width: 64px;
            height: 64px;
            border-radius: 50%;
            line-height: 64px;
            text-align: center;
            background-color: var(--whiteColor);
        }

        .blog-content-widget .blog-donate .content {
            padding-left: 35px;
        }

            .blog-content-widget .blog-donate .content h6 {
                font-size: 22px;
                margin-bottom: 5px;
            }

            .blog-content-widget .blog-donate .content .donate-link {
                display: block;
                color: #353688;
                font-weight: 600;
            }

                .blog-content-widget .blog-donate .content .donate-link:nth-child(3) {
                    margin-bottom: 0;
                }

                .blog-content-widget .blog-donate .content .donate-link i {
                    position: relative;
                    left: 2px;
                    top: 2px;
                    font-size: 20px;
                }

                .blog-content-widget .blog-donate .content .donate-link span {
                    position: relative;
                }

                    .blog-content-widget .blog-donate .content .donate-link span::before {
                        content: "";
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        height: 1px;
                        width: 0%;
                        transition: 0.6s;
                        background-color: rgb(252, 100, 65);
                    }

                .blog-content-widget .blog-donate .content .donate-link:hover {
                    color: rgb(252, 100, 65);
                }

                    .blog-content-widget .blog-donate .content .donate-link:hover span::before {
                        width: 100%;
                    }

/*
Footer Warp Style
======================================================*/
.footer-warp {
    background: #28283F;
}

.footer-widget h3, .footer-widget h2, .footer-widget h4 {
    font-size: 20px;
    margin-bottom: 25px;
    color: var(--whiteColor);
}

.footer-widget .footer-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 10px;
}

    .footer-widget .footer-list li {
        position: relative;
        margin-bottom: 8px;
    }

        .footer-widget .footer-list li:last-child {
            margin-bottom: 0;
        }

        .footer-widget .footer-list li a {
            color: #C5C5CF;
        }

            .footer-widget .footer-list li a:hover {
                color: var(--primaryColor);
                letter-spacing: 1px;
            }

.footer-widget .form-control {
    height: 70px;
    background: #595970;
    color: #CACAD1;
    font-size: 14px;
    padding-left: 20px;
    border-radius: 0;
    border: none;
    transition: 0.6s;
    margin-bottom: 20px;
}

    .footer-widget .form-control:focus {
        box-shadow: unset;
    }

        .footer-widget .form-control:focus::-moz-placeholder {
            color: transparent;
        }

        .footer-widget .form-control:focus::placeholder {
            color: transparent;
        }

    .footer-widget .form-control::-moz-placeholder {
        -moz-transition: 0.6s;
        transition: 0.6s;
        color: #CACAD1;
    }

    .footer-widget .form-control::placeholder {
        transition: 0.6s;
        color: #CACAD1;
    }

.footer-widget .footer-btn {
    display: block;
    color: var(--yellowColor);
    font-weight: 600;
    font-family: var(--heading-fontFamily);
    background-color: transparent;
    border: none;
}

    .footer-widget .footer-btn:nth-child(3) {
        margin-bottom: 0;
    }

    .footer-widget .footer-btn i {
        position: relative;
        left: 2px;
        top: 2px;
        font-size: 20px;
    }

    .footer-widget .footer-btn span {
        position: relative;
    }

        .footer-widget .footer-btn span::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 1px;
            width: 0%;
            transition: 0.6s;
            background-color: rgb(252, 100, 65);
        }

    .footer-widget .footer-btn:hover {
        color: rgb(252, 100, 65);
    }

        .footer-widget .footer-btn:hover span::before {
            width: 100%;
        }

.footer-widget .footer-form {
    margin-bottom: 50px;
}

    .footer-widget .footer-form .alert {
        padding-left: 0;
        padding-bottom: 0;
        border: unset;
        color: var(--primaryColor);
        background-color: transparent;
    }

.footer-widget .footer-logos {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

    .footer-widget .footer-logos li {
        display: inline-block;
        padding-right: 24px;
    }

        .footer-widget .footer-logos li:last-child {
            padding-right: 0;
        }

.footer-widget.widget_nav_menu ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 10px;
}

    .footer-widget.widget_nav_menu ul li {
        position: relative;
        margin-bottom: 8px;
    }

        .footer-widget.widget_nav_menu ul li:last-child {
            margin-bottom: 0;
        }

        .footer-widget.widget_nav_menu ul li a {
            color: #C5C5CF;
        }

            .footer-widget.widget_nav_menu ul li a:hover {
                color: var(--primaryColor);
                letter-spacing: 1px;
            }

        .footer-widget.widget_nav_menu ul li .sub-menu {
            padding-left: 20px;
        }

.footer-widget a {
    color: #C5C5CF;
}

.footer-widget span {
    color: #C5C5CF;
}

.footer-widget p {
    color: #C5C5CF;
}

.footer-widget strong {
    color: #C5C5CF;
}

.footer-widget ul li {
    color: #C5C5CF;
}

    .footer-widget ul li a {
        color: #C5C5CF;
    }

.footer-widget.col.widget_falar_newsletter {
    position: relative;
    margin-left: -100px;
}

.footer-widget.col:nth-child(2) {
    margin-left: -100px;
}

.footer-widget.col:nth-child(3) {
    margin-left: -100px;
}

.col-lg-4:nth-child(4) .footer-widget {
    margin-left: 30px;
}

.col-lg-3:nth-child(2) .footer-widget {
    margin-left: -20px;
}

.col-lg-2:nth-child(3) .footer-widget {
    margin-left: -50px;
}

.copy-right-warp {
    background: #353688;
    padding-top: 25px;
    padding-bottom: 25px;
}

    .copy-right-warp .copy-right-content {
        text-align: center;
    }

        .copy-right-warp .copy-right-content p {
            color: #B8B8B8;
            font-weight: 400;
        }

            .copy-right-warp .copy-right-content p a {
                color: var(--whiteColor);
                font-weight: 700;
            }

            .copy-right-warp .copy-right-content p span {
                color: var(--whiteColor);
                font-weight: 700;
            }

/*
Hero Style2 Warp Style
======================================================*/
.hero-style2-warp {
    position: relative;
    padding-bottom: 130px;
    padding-top: 448px;
    z-index: 1;
    background: linear-gradient(90deg, #DEE1E6 0%, #E5E6EA 17.57%, #EBECF0 34.86%, #E8E9ED 52.23%, #E7E8EC 65.17%, #D7DADF 97.75%);
}

    .hero-style2-warp::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/style2-hero1.png);
    }

    .hero-style2-warp .hero-item-box {
        max-width: 425px;
        display: flex;
        align-items: center;
        padding: 20px 30px 20px 20px;
        position: absolute;
        right: 0;
        bottom: 100px;
        background-color: var(--whiteColor);
    }

        .hero-style2-warp .hero-item-box .image {
            width: 135px;
            height: 160px;
        }

        .hero-style2-warp .hero-item-box .content {
            margin-left: 30px;
        }

            .hero-style2-warp .hero-item-box .content .title {
                line-height: 1;
                color: var(--secondaryColor);
                font-size: 12px;
                font-weight: 500;
                padding: 5px 6px;
                display: inline-flex;
                margin-bottom: 8px;
            }

            .hero-style2-warp .hero-item-box .content h4 {
                font-size: var(--fontSize);
                margin-bottom: 12px;
            }

                .hero-style2-warp .hero-item-box .content h4 a {
                    color: var(--blackColor);
                }

                    .hero-style2-warp .hero-item-box .content h4 a:hover {
                        color: var(--primaryColor);
                    }

            .hero-style2-warp .hero-item-box .content .item-link {
                display: block;
                color: var(--primaryColor);
                font-family: var(--heading-fontFamily);
                font-weight: 600;
                font-size: 14px;
            }

                .hero-style2-warp .hero-item-box .content .item-link i {
                    position: relative;
                    left: 2px;
                    top: 2px;
                    font-size: 20px;
                }

                .hero-style2-warp .hero-item-box .content .item-link span {
                    position: relative;
                }

                    .hero-style2-warp .hero-item-box .content .item-link span::before {
                        content: "";
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        height: 1px;
                        width: 100%;
                        transition: 0.6s;
                        background-color: var(--primaryColor);
                    }

    .hero-style2-warp .big-size-text {
        display: flex;
        align-items: center;
        max-width: 1195px;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        left: 58px;
        right: 0;
        opacity: 50%;
        top: -70px;
        z-index: -2;
        justify-content: space-between;
    }

        .hero-style2-warp .big-size-text span {
            font-weight: 900;
            color: #FFF;
            font-family: var(--heading-fontFamily);
            font-size: 300px;
            letter-spacing: 12px;
        }

.hero-style2-content {
    max-width: 520px;
}

    .hero-style2-content h2 {
        font-family: Var(--heading-fontFamily2);
        font-size: 40px;
        font-weight: 400;
        letter-spacing: 1.6px;
        margin-bottom: 10px;
    }

        .hero-style2-content h2 span {
            margin-right: 50px;
        }

    .hero-style2-content p {
        margin-bottom: 20px;
        padding-right: 30px;
    }

/*
About Warp Style
======================================================*/
.about-logo-content {
    display: flex;
    align-items: center;
}

    .about-logo-content .logo {
        width: 179px;
        height: 160px;
    }

    .about-logo-content .content {
        margin-left: 40px;
        max-width: 230px;
    }

        .about-logo-content .content h3 {
            color: var(--blackColor);
            font-family: Var(--heading-fontFamily2);
            font-size: 32px;
            font-weight: 400;
            margin-bottom: 12px;
        }

        .about-logo-content .content p {
            color: var(--paragraphColor);
            font-weight: 600;
        }

.about-content {
    padding-right: 115px;
}

    .about-content .about-link {
        display: block;
        color: #353688;
        font-family: var(--heading-fontFamily);
        font-weight: 600;
        margin-top: 20px;
    }

        .about-content .about-link i {
            position: relative;
            left: 2px;
            top: 4px;
            font-size: 20px;
        }

        .about-content .about-link span {
            position: relative;
        }

            .about-content .about-link span::before {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 1px;
                width: 0%;
                transition: 0.6s;
                background-color: var(--primaryColor);
            }

        .about-content .about-link:hover {
            color: var(--primaryColor);
        }

            .about-content .about-link:hover span::before {
                width: 100%;
            }

/*
Program Style2 Warp Style
======================================================*/
.program-content.style2 {
    padding-left: 0;
    padding-right: 100px;
}

.program-images.style2 {
    padding-left: 35px;
    padding-right: 0;
}

    .program-images.style2 .big-image {
        margin-left: 0;
        margin-right: -8px;
    }

    .program-images.style2 .image {
        margin-right: -5px;
    }

    .program-images.style2 .logo-content {
        background: var(--primaryColor);
    }

        .program-images.style2 .logo-content .content h2 {
            color: var(--whiteColor);
        }

        .program-images.style2 .logo-content .content p {
            color: #FFF1EE;
        }

.find-program-warp {
    position: relative;
}

    .find-program-warp.style2 {
        padding-top: 100px;
        z-index: 1;
    }

        .find-program-warp.style2 .program-shape {
            position: absolute;
            right: 29%;
            top: 0;
            pointer-events: none;
            z-index: -1;
        }

/*
Places Warp Style
======================================================*/
.places-warp {
    position: relative;
}

    .places-warp .container-fluid {
        max-width: 100%;
        padding: 0 !important;
    }

    .places-warp .swiper-slide-active .places-widget .content {
        background: rgba(255, 255, 255, 0.2);
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
    }

        .places-warp .swiper-slide-active .places-widget .content h3 a {
            color: var(--whiteColor);
        }

        .places-warp .swiper-slide-active .places-widget .content .icon {
            background: var(--whiteColor);
        }

.places-widget {
    position: relative;
}

    .places-widget .content {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        transition: 0.6s;
        align-items: center;
        justify-content: space-between;
        background: rgba(255, 255, 255, 0.9);
        padding: 20px 20px 20px 30px;
    }

        .places-widget .content .icon {
            width: 40px;
            height: 40px;
            font-size: 24px;
            line-height: 45px;
            text-align: center;
            border-radius: 2px;
            transition: 0.6s;
            color: rgb(119, 104, 229);
        }

        .places-widget .content h3 {
            font-size: 22px;
            margin-bottom: 0;
        }

            .places-widget .content h3 a {
                color: var(--blackColor);
            }

/*
Academic Style2 Warp Style
======================================================*/
.academic-box.style2 .default-btn {
    width: 100%;
    background: #353688;
}

.news-optional-item {
    background: #FAF6F6;
    padding: 40px 25px 22px 25px;
}

    .news-optional-item .news-item {
        display: flex;
        align-items: center;
        margin-bottom: 42px;
    }

        .news-optional-item .news-item:nth-child(3) {
            margin-bottom: 20px;
        }

        .news-optional-item .news-item .image {
            width: 100px;
            height: 145px;
        }

        .news-optional-item .news-item .content {
            margin-left: 20px;
        }

            .news-optional-item .news-item .content .title {
                padding: 5px 6px;
                background: #FFF;
                box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
                color: var(--secondaryColor);
                font-family: var(--heading-fontFamily);
                font-size: 12px;
                line-height: 1;
                display: inline-block;
                margin-bottom: 10px;
            }

            .news-optional-item .news-item .content h3 {
                font-size: 18px;
                margin-bottom: 12px;
            }

                .news-optional-item .news-item .content h3 a {
                    color: var(--blackColor);
                }

            .news-optional-item .news-item .content .news-link {
                display: block;
                color: var(--primaryColor);
                font-weight: 600;
                font-family: var(--heading-fontFamily);
            }

                .news-optional-item .news-item .content .news-link i {
                    position: relative;
                    left: 2px;
                    top: 4px;
                    font-size: 20px;
                }

                .news-optional-item .news-item .content .news-link span {
                    position: relative;
                }

                    .news-optional-item .news-item .content .news-link span::before {
                        content: "";
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        height: 1px;
                        width: 100%;
                        transition: 0.6s;
                        background-color: var(--primaryColor);
                    }

    .news-optional-item .default-btn {
        width: 100%;
    }

/*
Admission Warp Style
======================================================*/
.admission-image {
    padding-right: 35px;
}

.admission-content {
    padding-left: 60px;
}

    .admission-content h3 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
        margin-bottom: 20px;
    }

    .admission-content p {
        margin-bottom: 40px;
    }

    .admission-content .admission-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .admission-content .admission-list li {
            position: relative;
            padding-bottom: 20px;
            margin-bottom: 20px;
            border-bottom: solid 1px #F3F3F6;
        }

            .admission-content .admission-list li:last-child {
                margin-bottom: 0;
            }

            .admission-content .admission-list li:first-child {
                padding-top: 20px;
                border-top: solid 1px #F3F3F6;
            }

            .admission-content .admission-list li a {
                color: #353688;
                font-family: var(--heading-fontFamily);
                font-size: var(--fontSize);
                font-weight: 600;
            }

                .admission-content .admission-list li a i {
                    position: relative;
                    left: 4px;
                    top: 4px;
                    font-size: 22px;
                }

/*
Apply Warp Style
======================================================*/
.apply-warp {
    background: #B7D8EF;
    position: relative;
    z-index: 1;
}

    .apply-warp .section-title {
        max-width: 460px;
        margin-left: auto;
        margin-right: auto;
    }

    .apply-warp .apply-shape1 {
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
        pointer-events: none;
    }

.apply-card {
    padding: 55px 52px;
    background: #CDE4F4;
    transition: 0.6s;
}

    .apply-card .icon {
        margin-bottom: 25px;
    }

    .apply-card h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .apply-card p {
        margin-bottom: 20px;
    }

    .apply-card .apply-link {
        color: var(--primaryColor);
        font-family: var(--heading-fontFamily);
        font-weight: 600;
    }

        .apply-card .apply-link span {
            position: relative;
        }

            .apply-card .apply-link span::before {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 1px;
                width: 100%;
                background-color: var(--primaryColor);
            }

            .apply-card .apply-link span i {
                position: relative;
                left: 2px;
                font-size: 20px;
                top: 2px;
            }

    .apply-card:hover {
        background-color: var(--whiteColor);
    }

/*
Video Warp Style
======================================================*/
.inner-video {
    max-width: 100%;
    height: 475px;
    position: relative;
}

    .inner-video.style2 .video-btn {
        top: 40%;
    }

    .inner-video video {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 475px;
    }

    .inner-video .video-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-51px);
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 110px;
        cursor: pointer;
        line-height: 113px;
        border-radius: 50%;
        text-align: center;
        color: rgb(53, 54, 136);
        font-size: 40px;
        height: 110px;
        background: rgba(255, 255, 255, 0.9);
        opacity: 0;
    }

    .inner-video h2 {
        color: var(--whiteColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
        position: absolute;
        top: 63%;
        transform: translateY(-63%);
        left: 0;
        right: 0;
        margin-bottom: 0;
        text-align: center;
    }

.video-warp {
    background: #B7D8EF;
    position: relative;
    z-index: 1;
}

    .video-warp .apply-shape2 {
        position: absolute;
        bottom: 50%;
        left: 0;
        z-index: -1;
        pointer-events: none;
    }

    .video-warp::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 50%;
        width: 100%;
        z-index: -1;
        background-color: var(--whiteColor);
    }

/*
Students Review Warp Style
======================================================*/
.student-review-slider-warp {
    position: relative;
}

    .student-review-slider-warp .swiper-pagination1 {
        margin-top: 45px;
        position: relative !important;
        height: 4px !important;
        background: #E4ECF2 !important;
    }

        .student-review-slider-warp .swiper-pagination1 .swiper-pagination-progressbar-fill {
            opacity: 1 !important;
            background: #91A8B9 !important;
            height: 4px !important;
            border-radius: 0 !important;
        }

.review-widget .star-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 5px;
}

    .review-widget .star-list li {
        display: inline-block;
        margin-right: -1px;
        color: rgb(226, 186, 45);
    }

.review-widget h4 {
    color: #353688;
    font-size: 18px;
    margin-bottom: 15px;
}

.review-widget p {
    margin-bottom: 20px;
}

.review-widget .review-details {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

    .review-widget .review-details li {
        display: inline-block;
        font-weight: 400;
        color: #3F3F60;
        padding-right: 20px;
    }

        .review-widget .review-details li span {
            font-weight: 600;
        }

        .review-widget .review-details li:first-child {
            padding-right: 12px;
        }

            .review-widget .review-details li:first-child img {
                width: 36px;
                height: 36px;
                border-radius: 50%;
            }

        .review-widget .review-details li:nth-child(2) span {
            color: #3F3F60;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 1.4px;
        }

        .review-widget .review-details li:last-child {
            padding-right: 0;
        }

/*
Events Warp Style
======================================================*/
.event-widget {
    padding: 40px 30px 50px 40px;
}

    .event-widget.bg-1 {
        background: #ECF3F8;
    }

    .event-widget.bg-2 {
        background: #EEEEF5;
    }

    .event-widget.bg-3 {
        background: #ECF3F8;
    }

    .event-widget.bg-4 {
        background: #EEEEF5;
    }

    .event-widget.bg-5 {
        background: #ECF3F8;
    }

    .event-widget.bg-6 {
        background: #EEEEF5;
    }

    .event-widget.bg-7 {
        background: #ECF3F8;
    }

    .event-widget.bg-8 {
        background: #EEEEF5;
    }

    .event-widget.bg-9 {
        background: #ECF3F8;
    }

    .event-widget.bg-10 {
        background: #EEEEF5;
    }

    .event-widget span {
        color: var(--secondaryColor);
        font-family: var(--heading-fontFamily);
        font-size: 12px;
        display: inline-flex;
        line-height: 1;
        padding: 5px 6px;
        font-weight: 500;
        background: var(--whiteColor);
        box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
        margin-bottom: 8px;
    }

    .event-widget h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }

        .event-widget h3 a {
            color: var(--blackColor);
        }

            .event-widget h3 a:hover {
                color: var(--primaryColor);
            }

    .event-widget .event-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .event-widget .event-list li {
            position: relative;
            display: inline-block;
            padding-left: 28px;
            padding-right: 40px;
            font-family: var(--main-fontFamily);
            font-size: 15px;
        }

            .event-widget .event-list li i {
                position: absolute;
                left: 0;
                top: 1px;
                font-size: 20px;
            }

            .event-widget .event-list li:last-child {
                padding-right: 0;
            }

            .event-widget .event-list li.expired {
                padding-left: 0;
            }

                .event-widget .event-list li.expired span {
                    background-color: transparent;
                    font-size: 15px;
                    box-shadow: unset;
                    color: var(--primaryColor);
                }

    .event-widget.style2.bg-1 {
        background: #ECF3F8;
    }

    .event-widget.style2.bg-2 {
        background: #EEEEF5;
    }

    .event-widget.style2.bg-3 {
        background: #EEEEF5;
    }

    .event-widget.style2.bg-4 {
        background: #ECF3F8;
    }

    .event-widget.style2.bg-5 {
        background: #ECF3F8;
    }

    .event-widget.style2.bg-6 {
        background: #EEEEF5;
    }

    .event-widget.style2.bg-7 {
        background: #EEEEF5;
    }

    .event-widget.style2.bg-8 {
        background: #ECF3F8;
    }

    .event-widget.style2.bg-9 {
        background: #ECF3F8;
    }

    .event-widget.style2.bg-10 {
        background: #EEEEF5;
    }

.event-slider-warp {
    position: relative;
}

    .event-slider-warp .swiper-pagination3 {
        line-height: 1;
        margin-top: 40px;
        text-align: center;
    }

        .event-slider-warp .swiper-pagination3 .swiper-pagination-bullet {
            height: 6px;
            width: 6px;
            opacity: 1;
            background-color: #C5C5D3;
        }

        .event-slider-warp .swiper-pagination3 .swiper-pagination-bullet-active {
            background-color: #5C5C7E;
        }

/*
Question Warp Style
======================================================*/
.question-content h2 {
    color: var(--blackColor);
    font-family: Var(--heading-fontFamily2);
    font-size: 32px;
    margin-bottom: 25px;
    font-weight: 400;
}

.question-content .question-tab {
    margin-bottom: 35px !important;
}

    .question-content .question-tab .nav-item {
        padding-right: 10px;
    }

        .question-content .question-tab .nav-item:last-child {
            padding-right: 0;
        }

        .question-content .question-tab .nav-item .nav-link {
            font-size: 13px;
            letter-spacing: 1.3px;
            color: #7B7B93;
            line-height: 1;
            font-weight: 600;
            padding: 12px 15px;
            font-family: var(--heading-fontFamily);
            background: var(--whiteColor);
            box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
        }

            .question-content .question-tab .nav-item .nav-link.active {
                color: var(--secondaryColor);
            }

.question-content .accordion-question .accordion-item {
    border-radius: 0;
    border-right: none;
    border-left: none;
    padding-bottom: 0;
    border-color: #F3F3F6;
}

    .question-content .accordion-question .accordion-item .accordion-button {
        background-color: transparent;
        border: none;
        box-shadow: unset;
        color: #353688;
        font-family: var(--heading-fontFamily);
        font-size: var(--fontSize);
        font-weight: 600;
        padding-left: 0;
        padding-right: 0;
        padding-top: var(--fontSize);
        padding-bottom: var(--fontSize);
    }

        .question-content .accordion-question .accordion-item .accordion-button:not(.collapsed)::after {
            background-image: url(../../assets/img/accordion2.svg);
            transform: unset;
        }

        .question-content .accordion-question .accordion-item .accordion-button::after {
            background-size: auto;
            line-height: 1;
            position: relative;
            background-image: url(../../assets/img/accordion1.svg);
            top: 4px;
        }

    .question-content .accordion-question .accordion-item .accordion-body {
        padding-left: 0;
        padding-left: 0;
        padding-bottom: 20px;
        padding-top: 20px;
        border-top: solid 1px #F3F3F6;
    }

.question-images {
    padding-left: 43px;
}

/*
Hero Style2 Warp Style
======================================================*/
.inner-hero2-style {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 805px;
    margin: 10px;
    padding-bottom: 20px;
    margin-top: -150px !important;
    background-color: var(--whiteColor);
}

.transparent-bg {
    background-color: transparent;
}

    .transparent-bg .top-header-details .social-list::before {
        background: transparent;
    }

    .transparent-bg.sticky {
        background-color: var(--whiteColor) !important;
    }

        .transparent-bg.sticky .sticky-logo {
            display: block;
        }

        .transparent-bg.sticky .style3-logo {
            display: none;
        }

    .transparent-bg .sticky-logo {
        display: none;
    }

    .transparent-bg.navbar {
        padding-top: 6px;
        padding-bottom: 18px;
    }

/*
Hero Style3 Warp Style
======================================================*/
.hero-style3-warp {
    position: relative;
}

    .hero-style3-warp .hero-nav {
        position: absolute;
        width: 808px;
        padding: 0;
        border-radius: 4px;
        display: flex;
        bottom: 40px;
        right: 30px;
        justify-content: space-around;
        background: rgba(255, 255, 255, 0.6);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }

        .hero-style3-warp .hero-nav .nav-item .nav-link {
            background-color: transparent;
            color: var(--blackColor);
            font-weight: 600;
            font-family: var(--heading-fontFamily);
            font-size: 18px;
            padding: 30px;
            line-height: 1;
            margin: auto;
            width: 268px;
            text-align: center;
            position: relative;
        }

            .hero-style3-warp .hero-nav .nav-item .nav-link::before {
                content: "";
                position: absolute;
                bottom: 0;
                right: 0;
                left: 0;
                height: 3px;
                width: 0%;
                transition: 0.6s;
                border-radius: 4px;
                background: var(--blackColor);
            }

            .hero-style3-warp .hero-nav .nav-item .nav-link.active::before {
                width: 100%;
            }

.top-header-warp.style3 {
    padding-top: 20px;
}

    .top-header-warp.style3 .container-fluid {
        padding-left: 255px;
    }

.hero-style3-content {
    max-width: 580px;
    position: relative;
    top: -10px;
}

    .hero-style3-content h1 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 60px;
        font-weight: 400;
        letter-spacing: 2.4px;
        margin-bottom: 5px;
    }

/*
About Style3 Warp Style
======================================================*/
.about-style2-image {
    position: relative;
    padding-right: 40px;
}

    .about-style2-image .image.style2 {
        margin-top: 50px;
    }

    .about-style2-image .round-shape {
        width: 192.2px;
        height: 192.249px;
        text-align: center;
        position: absolute;
        bottom: -50px;
        left: 33%;
        line-height: 192px;
    }

        .about-style2-image .round-shape .text-shape {
            position: absolute;
            left: 0;
            top: 0;
            animation: rotateme 9s linear infinite;
        }

.about-style2-content {
    padding-left: 15px;
}

    .about-style2-content .content {
        max-width: 230px;
    }

        .about-style2-content .content h2 {
            color: var(--blackColor);
            font-family: Var(--heading-fontFamily2);
            font-size: 32px;
            font-weight: 400;
            letter-spacing: 1.28px;
            margin-bottom: 12px;
        }

        .about-style2-content .content .title {
            color: var(--paragraphColor);
            font-weight: 600;
            display: block;
            margin-bottom: 20px;
        }

    .about-style2-content .about-link {
        color: #353688;
        font-family: var(--heading-fontFamily);
        font-size: var(--fontSize);
        font-weight: 600;
    }

        .about-style2-content .about-link i {
            position: relative;
            left: 2px;
            top: 4px;
            font-size: 20px;
        }

.about-style2-warp {
    position: relative;
}

    .about-style2-warp .about-logo {
        position: absolute;
        top: 85px;
        right: 16%;
        opacity: 50%;
    }

/*
Management Warp Style
======================================================*/
.swiper-btn .swiper-button-next,
.swiper-btn .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 45%);
}

    .swiper-btn .swiper-button-next::after,
    .swiper-btn .swiper-button-prev::after {
        display: none;
    }

    .swiper-btn .swiper-button-next::before,
    .swiper-btn .swiper-button-prev::before {
        position: absolute;
        display: block;
        color: var(--whiteColor);
        font-family: "tabler-icons" !important;
        text-align: center;
        border-radius: 50%;
        font-size: 24px;
        transition: 0.6s;
        text-align: center;
        border-radius: 50%;
    }

    .swiper-btn .swiper-button-next:hover::before,
    .swiper-btn .swiper-button-prev:hover::before {
        color: var(--primaryColor);
    }

.swiper-btn .swiper-button-next {
    left: auto;
    right: -10px;
}

    .swiper-btn .swiper-button-next:before {
        content: "\ea1c";
    }

.swiper-btn .swiper-button-prev {
    left: -10px;
    right: auto;
}

    .swiper-btn .swiper-button-prev:before {
        content: "\ea1b";
    }

.swiper-btn.style2 {
    position: absolute;
    top: -50px;
    right: 0;
}

    .swiper-btn.style2 .sswiper-button-next::before,
    .swiper-btn.style2 .sswiper-button-prev::before {
        color: #5D5D72;
    }

    .swiper-btn.style2 .swiper-button-prev {
        left: -70px;
        right: auto;
    }

    .swiper-btn.style2 .swiper-button-next {
        left: auto;
        right: 10px;
    }

.swiper-btn.style3 .swiper-button-next,
.swiper-btn.style3 .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 96%);
    z-index: 999;
}

    .swiper-btn.style3 .swiper-button-next::before,
    .swiper-btn.style3 .swiper-button-prev::before {
        background: #14191C;
        color: #5D5D72;
    }

    .swiper-btn.style3 .swiper-button-next:hover::before,
    .swiper-btn.style3 .swiper-button-prev:hover::before {
        color: var(--primaryColor);
        background-color: var(--whiteColor);
    }

.swiper-btn.style3 .swiper-button-prev {
    left: 41%;
    right: auto;
}

.swiper-btn.style3 .swiper-button-next {
    left: auto;
    right: 41%;
}

.event-plan-slider-warp {
    position: relative;
}

    .event-plan-slider-warp .swiper-btn .sswiper-button-next,
    .event-plan-slider-warp .swiper-btn .sswiper-button-prev {
        top: var(--swiper-navigation-top-offset, 45%);
    }

        .event-plan-slider-warp .swiper-btn .sswiper-button-next::after,
        .event-plan-slider-warp .swiper-btn .sswiper-button-prev::after {
            display: none;
        }

        .event-plan-slider-warp .swiper-btn .sswiper-button-next::before,
        .event-plan-slider-warp .swiper-btn .sswiper-button-prev::before {
            position: absolute;
            display: block;
            color: var(--whiteColor);
            font-family: "tabler-icons" !important;
            text-align: center;
            border-radius: 50%;
            font-size: 24px;
            transition: 0.6s;
            text-align: center;
            border-radius: 50%;
        }

        .event-plan-slider-warp .swiper-btn .sswiper-button-next:hover::before,
        .event-plan-slider-warp .swiper-btn .sswiper-button-prev:hover::before {
            color: var(--primaryColor);
        }

    .event-plan-slider-warp .swiper-btn .sswiper-button-next {
        left: auto;
        right: -10px;
    }

        .event-plan-slider-warp .swiper-btn .sswiper-button-next:before {
            content: "\ea1c";
        }

    .event-plan-slider-warp .swiper-btn .sswiper-button-prev {
        left: -10px;
        right: auto;
    }

        .event-plan-slider-warp .swiper-btn .sswiper-button-prev:before {
            content: "\ea1b";
        }

    .event-plan-slider-warp .swiper-btn.style2 {
        position: absolute;
        top: -50px;
        right: 0;
    }

        .event-plan-slider-warp .swiper-btn.style2 .sswiper-button-next,
        .event-plan-slider-warp .swiper-btn.style2 .sswiper-button-prev {
            position: relative;
        }

            .event-plan-slider-warp .swiper-btn.style2 .sswiper-button-next::before,
            .event-plan-slider-warp .swiper-btn.style2 .sswiper-button-prev::before {
                color: #5D5D72;
            }

        .event-plan-slider-warp .swiper-btn.style2 .sswiper-button-prev {
            left: -70px !important;
            right: auto !important;
        }

        .event-plan-slider-warp .swiper-btn.style2 .sswiper-button-next {
            left: auto !important;
            right: 10px !important;
        }

.management-warp {
    overflow: hidden;
}

    .management-warp .management-slider-warp {
        position: relative;
    }

        .management-warp .management-slider-warp .swiper {
            margin-right: -322px;
        }

.management-widget .content {
    padding-top: 20px;
}

    .management-widget .content ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 8px;
    }

        .management-widget .content ul li {
            display: inline-block;
            padding-left: 35px;
            font-family: var(--main-fontFamily);
            font-size: 12px;
            position: relative;
        }

            .management-widget .content ul li img {
                position: absolute;
                left: 0;
                top: -2px;
            }

    .management-widget .content h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }

        .management-widget .content h3 a {
            color: var(--blackColor);
        }

            .management-widget .content h3 a:hover {
                color: var(--primaryColor);
            }

/*
Undergraduate Warp Style
======================================================*/
.inner-undergraduate-warp {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}

.undergraduate-widget h3 {
    color: var(--blackColor);
    font-family: Var(--heading-fontFamily2);
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 1.28px;
    margin-bottom: 30px;
}

.undergraduate-widget .undergraduate-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 25px;
}

    .undergraduate-widget .undergraduate-list li {
        position: relative;
        padding-left: 50px;
        margin-bottom: 26px;
    }

        .undergraduate-widget .undergraduate-list li:last-child {
            margin-bottom: 0;
        }

        .undergraduate-widget .undergraduate-list li::before {
            content: "";
            position: absolute;
            top: 10px;
            left: 0;
            bottom: 0;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #D9D9D9;
        }

        .undergraduate-widget .undergraduate-list li a {
            color: #353688;
            font-family: var(--heading-fontFamily);
            font-weight: 600;
        }

            .undergraduate-widget .undergraduate-list li a i {
                position: relative;
                font-size: 25px;
                line-height: 0;
                left: 10px;
                top: 6px;
            }

            .undergraduate-widget .undergraduate-list li a:hover {
                letter-spacing: 1px;
                color: var(--primaryColor);
            }

.undergraduate-widget .default-btn {
    background-color: transparent;
    border: 1px solid var(--primaryColor);
    color: rgb(252, 100, 65);
}

    .undergraduate-widget .default-btn:hover {
        color: var(--whiteColor);
        border-color: rgb(248, 202, 77);
    }

.col-lg-6:nth-child(2) .undergraduate-widget {
    margin-left: 218px;
}

/*
Campus Warp Style
======================================================*/
.campus-story-warp .container-fluid {
    max-width: 100%;
}

.campus-widget .image img {
    border-radius: 4px;
}

.campus-widget .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 18px;
    padding-bottom: 18px;
}

    .campus-widget .content h3 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
        margin-bottom: 0;
    }

    .campus-widget .content .icon {
        display: inline-block;
        width: 40px;
        color: rgb(255, 255, 255);
        height: 40px;
        text-align: center;
        line-height: 40px;
        font-size: 22px;
        border-radius: 2px;
        background: var(--secondaryColor);
    }

        .campus-widget .content .icon:hover {
            color: var(--secondaryColor);
            background-color: var(--yellowColor);
        }

.campus-widget .image {
    position: relative;
    overflow: hidden;
}

    .campus-widget .image img {
        transition: 0.6s;
    }

    .campus-widget .image::before {
        position: absolute;
        top: 0;
        left: -100%;
        z-index: 2;
        display: block;
        content: "";
        width: 50%;
        transition: 0.6s;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
        transform: skewX(-25deg);
    }

.campus-widget:hover .image::before {
    animation: shine 0.75s;
}

.campus-widget:hover .image img {
    transform: scale(1.1);
}

/*
Luva  Warp Style
======================================================*/
.luva-inner-widget {
    max-width: 825px;
    margin-left: auto;
    margin-right: auto;
}

    .luva-inner-widget .blog-donate {
        display: flex;
        padding: 24px 30px;
        align-items: center;
        background: linear-gradient(90deg, #B0C2FF 0%, #F1F1FC 100%);
    }

        .luva-inner-widget .blog-donate .icon {
            width: 64px;
            height: 64px;
            border-radius: 50%;
            line-height: 64px;
            text-align: center;
            background-color: var(--whiteColor);
        }

        .luva-inner-widget .blog-donate .content {
            padding-left: 35px;
        }

            .luva-inner-widget .blog-donate .content h6 {
                font-size: 22px;
                margin-bottom: 5px;
            }

            .luva-inner-widget .blog-donate .content .donate-link {
                display: block;
                color: #353688;
                font-weight: 600;
            }

                .luva-inner-widget .blog-donate .content .donate-link:nth-child(3) {
                    margin-bottom: 0;
                }

                .luva-inner-widget .blog-donate .content .donate-link i {
                    position: relative;
                    left: 2px;
                    top: 2px;
                    font-size: 20px;
                }

                .luva-inner-widget .blog-donate .content .donate-link span {
                    position: relative;
                }

                    .luva-inner-widget .blog-donate .content .donate-link span::before {
                        content: "";
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        height: 1px;
                        width: 0%;
                        transition: 0.6s;
                        background-color: rgb(252, 100, 65);
                    }

                .luva-inner-widget .blog-donate .content .donate-link:hover {
                    color: rgb(252, 100, 65);
                }

                    .luva-inner-widget .blog-donate .content .donate-link:hover span::before {
                        width: 100%;
                    }

/*
Video Warp Style
======================================================*/
.video-warp-style2 {
    position: relative;
    z-index: 1;
}

    .video-warp-style2::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 50%;
        width: 100%;
        z-index: -1;
        background: #EEEEF5;
    }

/*
Event Plan Warp Style
======================================================*/
.event-plan-widget {
    display: flex;
    align-items: center;
}

    .event-plan-widget .image {
        width: 298px;
        height: 248px;
    }

    .event-plan-widget .content {
        margin-left: 25px;
    }

        .event-plan-widget .content span {
            color: var(--secondaryColor);
            font-family: var(--heading-fontFamily);
            font-size: 12px;
            line-height: 1;
            display: inline-flex;
            padding: 5px 6px;
            font-weight: 500;
            background: var(--whiteColor);
            box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
            margin-bottom: 8px;
        }

        .event-plan-widget .content h3 {
            font-size: 22px;
            margin-bottom: 15px;
        }

            .event-plan-widget .content h3 a {
                color: var(--blackColor);
            }

                .event-plan-widget .content h3 a:hover {
                    color: var(--primaryColor);
                }

        .event-plan-widget .content .event-plan-list {
            list-style: none;
            padding-left: 0;
            margin-bottom: 0;
        }

            .event-plan-widget .content .event-plan-list li {
                position: relative;
                padding-left: 28px;
                font-family: var(--main-fontFamily);
                margin-bottom: 12px;
                font-size: 15px;
            }

                .event-plan-widget .content .event-plan-list li i {
                    position: absolute;
                    left: 0;
                    top: 1px;
                    font-size: 20px;
                }

                .event-plan-widget .content .event-plan-list li:last-child {
                    margin-bottom: 0;
                }

                .event-plan-widget .content .event-plan-list li.expired {
                    padding-left: 0;
                }

                    .event-plan-widget .content .event-plan-list li.expired span {
                        background-color: transparent;
                        font-size: 15px;
                        box-shadow: unset;
                        color: var(--primaryColor);
                    }

.no-upcoming {
    text-align: center;
}

    .no-upcoming h3 {
        color: var(--primaryColor);
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 0;
    }

.event-plan-warp {
    overflow: hidden;
}

    .event-plan-warp .event-plan-slider-warp {
        position: relative;
    }

        .event-plan-warp .event-plan-slider-warp .swiper {
            margin-right: -650px;
            position: relative;
            padding-top: 20px;
        }

            .event-plan-warp .event-plan-slider-warp .swiper::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 1px;
                width: 100%;
                background-color: var(--whiteColor);
            }

    .event-plan-warp .section-warp {
        margin-bottom: 25px;
    }

/*
Enquiry Warp Style
======================================================*/
.enquiry-warp {
    position: relative;
    z-index: 1;
}

    .enquiry-warp::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 45%;
        height: 100%;
        z-index: -1;
        background: var(--yellowColor);
    }

.enquiry-image {
    padding-right: 30px;
}

    .enquiry-image h2 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
        margin-bottom: 30px;
    }

.enquiry-content {
    position: relative;
}

    .enquiry-content p span {
        font-weight: 600;
        color: #494968;
    }

    .enquiry-content .enquiry-link {
        display: inline-block;
        margin-top: 10px;
        color: #353688;
        font-family: var(--heading-fontFamily);
        font-size: var(--fontSize);
        font-weight: 600;
        margin-bottom: 65px;
    }

        .enquiry-content .enquiry-link i {
            position: relative;
            left: 2px;
            top: 4px;
            font-size: 20px;
        }

    .enquiry-content .enquiry-content-style {
        display: flex;
        align-items: center;
    }

        .enquiry-content .enquiry-content-style .icon {
            width: 68px;
            height: 68px;
            border-radius: 50%;
            background-color: var(--primaryColor);
            display: inline-block;
            color: rgb(255, 255, 255);
            text-align: center;
            font-size: 22px;
            line-height: 68px;
            box-shadow: 0px 4px 60px rgba(252, 100, 65, 0.15);
        }

            .enquiry-content .enquiry-content-style .icon:hover {
                color: var(--whiteColor);
                background-color: var(--blackColor);
            }

        .enquiry-content .enquiry-content-style .content {
            padding-left: 25px;
        }

            .enquiry-content .enquiry-content-style .content h4 {
                font-size: 20px;
                font-weight: 600;
                color: var(--primaryColor);
                margin-bottom: 8px;
            }

    .enquiry-content .enquiry-shape {
        position: absolute;
        right: 0;
        bottom: 0;
    }

/*
Optional Events Warp Style
======================================================*/
.optional-events-warp {
    margin-bottom: 5px;
}

    .optional-events-warp .container-fluid {
        max-width: 100%;
    }

.optional-event-widget {
    position: relative;
    overflow: hidden;
}

    .optional-event-widget::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 0%;
        width: 0%;
        transition: 0.6s;
        background: rgba(255, 255, 255, 0.2);
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
    }

    .optional-event-widget .optional-content {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        color: var(--blackColor);
        font-family: var(--heading-fontFamily);
        font-size: 22px;
        transition: 0.6s;
        font-weight: 700;
        opacity: 0;
        text-align: center;
        z-index: 999;
    }

    .optional-event-widget:hover::before {
        height: 100%;
        width: 100%;
    }

    .optional-event-widget:hover .optional-content {
        opacity: 1;
    }

/*
Inner Hero Warp Style
======================================================*/
.inner-heros-warp {
    padding-top: 305px;
    padding-bottom: 50px;
    position: relative;
    background: linear-gradient(90deg, #DDE6F4 0%, #E6EAF8 17.57%, #D4DCFC 34.86%, #E2E6F6 52.23%, #E0E5F8 65.17%, #EEF4FD 97.75%);
    margin-top: -155px;
}

    .inner-heros-warp .inner-page-shape1 {
        position: absolute;
        bottom: 0;
        opacity: 22%;
        right: 31%;
        z-index: 1;
    }

.inner-hero-content {
    display: flex;
    align-items: end;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

    .inner-hero-content h1, .inner-hero-content h2, .inner-hero-content h3 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 40px;
        font-weight: 400;
        letter-spacing: 1.6px;
        margin-bottom: 0;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

    .inner-hero-content .inner-hero-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 5px;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

        .inner-hero-content .inner-hero-list li {
            display: inline-block;
            padding-right: 30px;
            color: var(--blackColor);
            font-family: var(--heading-fontFamily);
            font-size: 13px;
            font-weight: 500;
            line-height: 1;
            position: relative;
            letter-spacing: 1.3px;
            -ms-word-wrap: break-word;
            word-wrap: break-word;
            word-break: break-all;
        }

            .inner-hero-content .inner-hero-list li::before {
                content: ">";
                position: absolute;
                right: 8px;
                top: 0;
            }

            .inner-hero-content .inner-hero-list li:last-child {
                padding-right: 0;
            }

                .inner-hero-content .inner-hero-list li:last-child::before {
                    display: none;
                }

            .inner-hero-content .inner-hero-list li a {
                color: var(--blackColor);
            }

                .inner-hero-content .inner-hero-list li a:hover {
                    color: var(--primaryColor);
                }

            .inner-hero-content .inner-hero-list li span {
                color: #6C6C7E;
            }

/*
Inner About Link Warp Style
======================================================*/
.inner-all-pages .about-pages-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    text-align: center;
}

    .inner-all-pages .about-pages-list li {
        display: inline-block;
        padding-right: 6px;
    }

        .inner-all-pages .about-pages-list li:last-child {
            padding-right: 0;
        }

        .inner-all-pages .about-pages-list li a {
            line-height: 1;
            display: inline-flex;
            padding: 12px 15px;
            color: #7B7B93;
            font-family: var(--heading-fontFamily);
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 1.3px;
            background: #EDEDF5;
            position: relative;
        }

            .inner-all-pages .about-pages-list li a:hover {
                color: var(--whiteColor);
                background: var(--secondaryColor);
                box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
            }

            .inner-all-pages .about-pages-list li a.active {
                color: var(--whiteColor);
                background: var(--secondaryColor);
                box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
            }

            .inner-all-pages .about-pages-list li a.active-check::before {
                opacity: 1;
            }

            .inner-all-pages .about-pages-list li a::before {
                content: "\ea5e";
                position: absolute;
                top: -42px;
                left: 0;
                width: 32px;
                height: 32px;
                line-height: 31px;
                padding-left: 3px;
                font-size: 25px;
                border-radius: 50%;
                font-weight: 100;
                font-family: "tabler-icons" !important;
                color: var(--whiteColor);
                opacity: 0;
                background-color: #5CA89F;
            }

    .inner-all-pages .about-pages-list.style2 li a {
        background-color: var(--whiteColor);
        box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
    }

        .inner-all-pages .about-pages-list.style2 li a:hover {
            color: var(--whiteColor);
            background: var(--secondaryColor);
            box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
        }

        .inner-all-pages .about-pages-list.style2 li a.active {
            color: var(--whiteColor);
            background: var(--secondaryColor);
            box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
        }

        .inner-all-pages .about-pages-list.style2 li a.active-check::before {
            opacity: 1;
        }

.text-start .inner-all-pages .about-pages-list {
    text-align: start;
}

.inner-page-about {
    padding-right: 0;
}

/*
About Visiting Warp Style
======================================================*/
.visiting-content {
    padding-right: 100px;
}

    .visiting-content h2 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        margin-bottom: 15px;
    }

    .visiting-content .visiting-content-style {
        margin-top: 40px;
        display: flex;
        align-items: center;
        margin-bottom: 30px;
    }

        .visiting-content .visiting-content-style .icon {
            width: 68px;
            height: 68px;
            border-radius: 50%;
            background-color: var(--secondaryColor);
            display: inline-block;
            color: rgb(255, 255, 255);
            text-align: center;
            font-size: 22px;
            line-height: 72px;
            box-shadow: 0px 4px 60px rgba(252, 100, 65, 0.15);
        }

            .visiting-content .visiting-content-style .icon:hover {
                color: var(--whiteColor);
                background-color: var(--blackColor);
            }

        .visiting-content .visiting-content-style .content {
            padding-left: 25px;
        }

            .visiting-content .visiting-content-style .content h4 {
                font-size: 20px;
                font-weight: 600;
                color: var(--secondaryColor);
                margin-bottom: 8px;
            }

            .visiting-content .visiting-content-style .content a {
                color: var(--secondaryColor);
            }

    .visiting-content .default-btn {
        background: #353688;
        padding-left: 104px;
        padding-right: 104px;
    }

.about-images-warp {
    padding-top: 60px;
}

/*
About Sustainability Warp Style
======================================================*/
.sustainability-content h2 {
    color: var(--blackColor);
    font-family: Var(--heading-fontFamily2);
    font-size: 32px;
    margin-bottom: 30px;
    font-weight: 400;
    letter-spacing: 1.28px;
}

.sustainability-content .sustainability-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 30px;
}

    .sustainability-content .sustainability-list li {
        position: relative;
        padding-left: 35px;
        margin-bottom: 20px;
        color: var(--paragraphColor);
    }

        .sustainability-content .sustainability-list li:last-child {
            margin-bottom: 0;
        }

        .sustainability-content .sustainability-list li i {
            position: absolute;
            left: 0;
            top: 2px;
            color: var(--primaryColor);
            font-size: 22px;
        }

        .sustainability-content .sustainability-list li span {
            font-weight: 500;
            color: #3A3A5E;
        }

.sustainability-image {
    margin-left: 115px;
    margin-right: -160px;
    padding-left: 45px;
}

    .sustainability-image .image.style1 {
        padding-right: 5px;
        padding-left: 5px;
        margin-top: 115px;
    }

    .sustainability-image .image.style2 {
        padding-left: 10px;
    }

.sustainability-warp {
    position: relative;
    z-index: 1;
}

    .sustainability-warp::before {
        content: "";
        position: absolute;
        right: 0;
        top: 72px;
        height: 395px;
        width: 46.5%;
        z-index: -1;
        background: #B7D8EF;
    }

/*
About Choose Warp Style
======================================================*/
.about-choose-warp::before {
    display: none;
}

.about-choose-warp .choose-card.bg-5 {
    background: #B74F56;
}

.inner-about-style2-image {
    margin-bottom: 60px;
}

.about-campus-title {
    position: relative;
    max-width: 235px;
}

    .about-campus-title h2 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
        margin-bottom: 0;
    }

    .about-campus-title .about-logo {
        position: absolute;
        bottom: -55px;
        right: -108px;
    }

    .about-campus-title .about-logo2 {
        position: absolute;
        bottom: -130px;
        right: -117px;
    }

/*
Build Campus Warp Style
======================================================*/
.build-campus-title {
    max-width: 1100px;
    margin-bottom: 70px;
}

    .build-campus-title h2 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
        margin-bottom: 0;
    }

.build-campus-list {
    max-width: 490px;
    margin-left: auto;
}

    .build-campus-list .build-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .build-campus-list .build-list li {
            position: relative;
            padding-left: 50px;
            margin-bottom: 25px;
        }

            .build-campus-list .build-list li:last-child {
                margin-bottom: 0;
            }

            .build-campus-list .build-list li::before {
                content: "";
                position: absolute;
                top: 9px;
                left: 0;
                height: 10px;
                width: 10px;
                border-radius: 100%;
                background-color: rgb(217, 217, 217);
            }

            .build-campus-list .build-list li a {
                font-weight: 600;
                color: #353688;
                font-family: var(--heading-fontFamily);
            }

                .build-campus-list .build-list li a:hover {
                    color: var(--primaryColor);
                    letter-spacing: 1px;
                }

                .build-campus-list .build-list li a i {
                    position: relative;
                    font-size: 20px;
                    left: 4px;
                    top: 3px;
                }

        .build-campus-list .build-list.style2 {
            padding-left: 50px;
        }

        .build-campus-list .build-list.style1 {
            margin-right: -20px;
        }

.build-campus-content {
    padding-right: 30px;
}

.building-hours-title {
    max-width: 290px;
}

    .building-hours-title h2 {
        letter-spacing: 1.28px;
        margin-bottom: 0;
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
    }

.building-hours-content p span {
    font-weight: 500;
    color: #303050;
}

.building-hours-content .building-hours-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 20px;
}

    .building-hours-content .building-hours-list li {
        margin-bottom: 8px;
        font-weight: 600;
        color: #353688;
        font-family: var(--heading-fontFamily);
    }

        .building-hours-content .building-hours-list li span {
            padding-left: 8px;
            padding-right: 8px;
        }

        .building-hours-content .building-hours-list li:last-child {
            margin-bottom: 0;
        }

        .building-hours-content .building-hours-list li:last-child {
            color: #C1272D;
        }

.inner-campus-map iframe {
    width: 100%;
    height: 336px;
    display: block;
}

.map-content {
    padding: 40px;
    background: #B7D8EF;
    margin-top: -115px;
}

    .map-content h2 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        margin-bottom: 20px;
        letter-spacing: 1.28px;
        padding-right: 100px;
    }

    .map-content .details-icon {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .map-content .details-icon p {
            color: var(--paragraphColor);
            font-size: 15px;
            margin-bottom: 0;
        }

            .map-content .details-icon p i {
                position: relative;
                padding-right: 5px;
                font-size: 20px;
            }

        .map-content .details-icon .icon {
            font-size: 30px;
            line-height: 0;
        }

.inner-about-style3-image {
    margin-top: 60px;
}

/*
About Value Warp Style
======================================================*/
.value-title {
    max-width: 330px;
}

    .value-title h2 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
        margin-bottom: 0;
    }

.value-content .value-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

    .value-content .value-list li {
        padding-left: 20px;
        position: relative;
        margin-bottom: 5px;
    }

        .value-content .value-list li:last-child {
            margin-bottom: 0;
        }

        .value-content .value-list li span {
            padding-right: 10px;
            position: absolute;
            left: 0;
        }

.duties-accordion .accordion-item {
    border: none;
}

    .duties-accordion .accordion-item .accordion-button {
        background-color: transparent;
        border-left: none;
        border-right: none;
        border-bottom: solid 1px #E8E9ED;
        border-top: solid 1px #E8E9ED;
        border-radius: 0;
        padding: 45px 0;
        box-shadow: unset;
    }

        .duties-accordion .accordion-item .accordion-button h2 {
            color: var(--blackColor);
            font-family: Var(--heading-fontFamily2);
            font-size: 32px;
            font-weight: 400;
            letter-spacing: 1.28px;
            max-width: 380px;
        }

        .duties-accordion .accordion-item .accordion-button::after {
            background-image: url(../img/about-accordion.svg);
        }

.duties-accordion .accordion-body {
    padding-left: 0;
    padding-top: 30px;
}

/*
About History Warp Style
======================================================*/
.about-history-content .big-paragraph {
    font-size: 20px;
    color: var(--paragraphColor);
}

.history-images-warp {
    position: relative;
    overflow: hidden;
}

    .history-images-warp .swiper {
        margin-right: -320px;
    }

.about-history-title {
    max-width: 330px;
}

    .about-history-title h2 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
        margin-bottom: 0;
    }

    .about-history-title.style2 {
        max-width: 420px;
    }

/*
About Faculty Warp Style
======================================================*/
.faculty-link-warp {
    padding-top: 60px;
}

.faculty-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

    .faculty-list .item {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 0;
        border-bottom: solid 1px #E8E9ED;
        color: var(--blackColor);
        font-family: var(--heading-fontFamily);
        font-size: 20px;
        font-weight: 600;
        transition: var(--transition);
    }

        .faculty-list .item:hover {
            background: #E8E9ED;
            padding: 18px 20px;
        }

        .faculty-list .item.top {
            border-top: solid 1px #E8E9ED;
        }

        .faculty-list .item.another-link-color {
            color: rgb(252, 100, 65);
        }

    .faculty-list.style2 {
        margin-bottom: 20px;
    }

.facilities-details-widget {
    padding-right: 100px;
}

    .facilities-details-widget .content1 {
        margin-bottom: 35px;
    }

        .facilities-details-widget .content1 h3 {
            color: var(--blackColor);
            font-family: Var(--heading-fontFamily2);
            font-size: 32px;
            font-weight: 400;
            letter-spacing: 1.28px;
            margin-bottom: 18px;
            max-width: 420px;
        }

    .facilities-details-widget .image {
        margin-bottom: 35px;
    }

    .facilities-details-widget .content2 {
        margin-bottom: 35px;
    }

        .facilities-details-widget .content2 h5 {
            color: var(--blackColor);
            font-size: 22px;
            margin-bottom: 15px;
        }

    .facilities-details-widget .accreditation {
        padding: 30px;
        background: #FAFAFA;
        margin-bottom: 40px;
    }

        .facilities-details-widget .accreditation h5 {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 20px;
        }

        .facilities-details-widget .accreditation .dges {
            margin-bottom: 25px;
        }

            .facilities-details-widget .accreditation .dges h6 {
                font-weight: 600;
                font-size: var(--fontSize);
                color: #494968;
                font-family: var(--main-fontFamily);
                margin-bottom: 5px;
            }

        .facilities-details-widget .accreditation .a3es {
            max-width: 480px;
        }

            .facilities-details-widget .accreditation .a3es h6 {
                font-weight: 600;
                font-size: var(--fontSize);
                color: #494968;
                font-family: var(--main-fontFamily);
                margin-bottom: 5px;
            }

    .facilities-details-widget .default-btn {
        border: 1px solid var(--primaryColor);
        background: transparent;
        color: var(--primaryColor);
    }

        .facilities-details-widget .default-btn:hover {
            color: var(--whiteColor);
            border-color: rgb(248, 202, 77);
        }

        .facilities-details-widget .default-btn i {
            left: 0;
            right: 4px;
        }

.facilities-small-widget {
    padding: 35px;
    background: #E8E9ED;
    margin-bottom: 15px;
}

    .facilities-small-widget h5 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: solid 1px var(--whiteColor);
    }

    .facilities-small-widget .facilities-item {
        margin-bottom: 25px;
    }

        .facilities-small-widget .facilities-item span {
            font-weight: 600;
            color: #494968;
            display: block;
            margin-bottom: 8px;
        }

        .facilities-small-widget .facilities-item p {
            margin-bottom: 4px;
        }

            .facilities-small-widget .facilities-item p:last-child {
                margin-bottom: 0;
            }

    .facilities-small-widget .info {
        color: #353688;
        font-size: 13px;
    }

.facilities-small {
    background: #353688;
    width: 100%;
}

.facilities-requirements {
    text-align: center;
    text-decoration-line: underline;
    font-weight: 500;
    color: #353688;
    display: block;
    margin-top: 20px;
}

/*
About Requirements Warp Style
======================================================*/
.requirements-small-widget {
    background: #E8E9ED;
    max-width: 420px;
    padding: 5px 0;
}

    .requirements-small-widget .requirement-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .requirements-small-widget .requirement-list a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px 25px;
            font-weight: 600;
            font-size: 18px;
            transition: 0.6s;
            border-bottom: solid 1px var(--whiteColor);
        }

            .requirements-small-widget .requirement-list a:last-child {
                border: none;
            }

            .requirements-small-widget .requirement-list a i {
                line-height: 1;
                opacity: 0;
                position: relative;
                left: -50px;
                transition: 0.6s;
            }

            .requirements-small-widget .requirement-list a:hover i {
                opacity: 1;
                left: 0;
            }

.requirement-big-warp h2 {
    color: var(--blackColor);
    font-family: Var(--heading-fontFamily2);
    font-size: 32px;
    letter-spacing: 1.28px;
    font-weight: 400;
    margin-bottom: 25px;
}

.requirement-big-warp p {
    margin-bottom: 20px;
}

.requirement-big-warp span {
    font-weight: 600;
    color: #353688;
    display: block;
    margin-top: 40px;
    margin-bottom: 25px;
}

.requirement-big-warp .default-btn.style1 {
    background: var(--primaryColor);
}

.requirement-big-warp .default-btn.style2 {
    border: 1px solid var(--secondaryColor);
    color: var(--secondaryColor);
    margin-left: 12px;
    background: transparent;
}

    .requirement-big-warp .default-btn.style2:hover {
        border-color: rgb(248, 202, 77);
        color: var(--whiteColor);
    }

/*
Program Warp Style
======================================================*/
.program-page-image {
    margin-top: 50px;
}

    .program-page-image .image {
        position: relative;
        overflow: hidden;
    }

        .program-page-image .image img {
            transition: 0.6s;
        }

        .program-page-image .image::before {
            position: absolute;
            top: 0;
            left: -100%;
            z-index: 2;
            display: block;
            content: "";
            width: 50%;
            transition: 0.6s;
            height: 100%;
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
            transform: skewX(-25deg);
        }

        .program-page-image .image:hover::before {
            animation: shine 0.75s;
        }

        .program-page-image .image:hover img {
            transform: scale(1.1);
        }

.program-page-title h2 {
    color: var(--blackColor);
    font-family: Var(--heading-fontFamily2);
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 1.28px;
    margin-bottom: 0;
}

    .program-page-title h2 span {
        display: inline-block;
        background: var(--yellowColor);
        height: 49px;
        padding: 5px;
    }

.program-main-title {
    max-width: 430px;
}

    .program-main-title h2 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
    }

/*
Undergraduate Program Warp Style
======================================================*/
.undergraduate-program-content {
    padding-left: 20px;
}

    .undergraduate-program-content h2 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
        margin-bottom: 20px;
    }

        .undergraduate-program-content h2 span {
            display: inline-block;
            background: var(--yellowColor);
            height: 49px;
            padding: 5px;
        }

/*
Graduate Program Warp Style
======================================================*/
.inner-graduate-program-image {
    margin-top: 50px;
}

.graduate-program-content h2 {
    color: var(--blackColor);
    font-family: Var(--heading-fontFamily2);
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 1.28px;
    margin-bottom: 20px;
    padding-right: 200px;
}

    .graduate-program-content h2 span {
        display: inline-block;
        background: var(--yellowColor);
        height: 49px;
        padding: 5px;
    }

.graduate-program-button .default-btn {
    border: 1px solid var(--secondaryColor);
    color: var(--secondaryColor);
    background: transparent;
}

    .graduate-program-button .default-btn:hover {
        border-color: rgb(248, 202, 77);
        color: var(--whiteColor);
    }

/*
Personal Information Warp Style
======================================================*/
.select-option {
    margin-top: 50px;
    margin-bottom: 50px;
}

    .select-option h3 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 22px;
        margin-bottom: 20px;
        font-weight: 400;
    }

    .select-option .select-option-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .select-option .select-option-list .wpcf7-list-item {
            display: block;
            position: relative;
            margin-bottom: 12px;
        }

            .select-option .select-option-list .wpcf7-list-item:last-child {
                margin-bottom: 0;
            }

        .select-option .select-option-list input {
            width: 20px;
            height: 20px;
            position: relative;
            z-index: 1;
        }

        .select-option .select-option-list .wpcf7-list-item-label {
            font-weight: 500;
            color: var(--paragraphColor);
            font-family: var(--heading-fontFamily);
            margin-left: 15px;
            position: relative;
            top: -5px;
        }

        .select-option .select-option-list .form-check-input {
            border: unset !important;
        }

.applicant-details h3 {
    color: var(--blackColor);
    font-family: Var(--heading-fontFamily2);
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0.88px;
    margin-bottom: 20px;
}

.applicant-details .input-box {
    margin-bottom: 15px;
}

    .applicant-details .input-box .form-label {
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 5px;
        margin-top: 10px;
        display: inline-block;
    }

        .applicant-details .input-box .form-label span {
            color: #C1272D;
        }

    .applicant-details .input-box p {
        margin-bottom: 4px;
    }

    .applicant-details .input-box .form-control {
        height: 60px;
        padding-left: 20px;
        font-family: var(--heading-fontFamily);
        border: none;
        font-size: 13px;
        border-radius: 0;
        background-color: #F3F3F6;
    }

        .applicant-details .input-box .form-control::-moz-placeholder {
            -moz-transition: 0.6s;
            transition: 0.6s;
        }

        .applicant-details .input-box .form-control::placeholder {
            transition: 0.6s;
        }

        .applicant-details .input-box .form-control:focus {
            box-shadow: unset;
        }

            .applicant-details .input-box .form-control:focus::-moz-placeholder {
                color: transparent;
            }

            .applicant-details .input-box .form-control:focus::placeholder {
                color: transparent;
            }

    .applicant-details .input-box .form-select {
        height: 60px;
        padding-left: 20px;
        font-family: var(--heading-fontFamily);
        border: none;
        font-size: 13px;
        border-radius: 0;
        background-color: #F3F3F6;
        background-image: url(../img/caret-down.svg);
    }

        .applicant-details .input-box .form-select:focus {
            box-shadow: unset;
        }

    .applicant-details .input-box .input-with-icon {
        height: 60px;
        position: relative;
    }

        .applicant-details .input-box .input-with-icon::before {
            content: "";
            position: absolute;
            top: 0;
            left: 60px;
            bottom: 0;
            width: 1px;
            height: 100%;
            background: #D8D8E7;
            z-index: 1;
        }

        .applicant-details .input-box .input-with-icon .form-control {
            padding-left: 75px;
            background: #F3F3F6;
        }

        .applicant-details .input-box .input-with-icon i {
            position: absolute;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 20px;
        }

    .applicant-details .input-box textarea {
        padding-top: 15px;
        height: 194px !important;
    }

.applicant-details .form-check {
    margin-bottom: 25px;
    margin-top: 10px;
}

    .applicant-details .form-check .form-check-input input {
        width: 20px;
        height: 20px;
        border-radius: 0;
        border: 1px solid #9B9BAD;
        background-color: #F3F3F6;
    }

        .applicant-details .form-check .form-check-input input:focus {
            box-shadow: unset;
        }

        .applicant-details .form-check .form-check-input input:checked[type=radio] {
            background-image: url(../img/select.svg);
            background-size: 12px 12px;
            background-position: center center;
        }

    .applicant-details .form-check .wpcf7-list-item-label {
        font-weight: 500;
        color: var(--paragraphColor);
        font-family: var(--heading-fontFamily);
        margin-left: 15px;
        white-space: nowrap;
        position: relative;
        top: -32px;
        margin-left: 32px;
    }

    .applicant-details .form-check .wpcf7-not-valid-tip {
        position: relative;
        top: 20px;
    }

.applicant-details .default-btn {
    line-height: 0;
    padding: 28px 32px;
}

/*
Academic Information Warp Style
======================================================*/
.academic-info-content {
    padding-top: 40px;
    padding-bottom: 50px;
}

    .academic-info-content p {
        color: var(--paragraphColor);
        font-family: var(--heading-fontFamily);
        font-size: var(--fontSize);
        font-style: normal;
        font-weight: 500;
    }

.academic-info-heading {
    margin-bottom: 15px;
}

    .academic-info-heading h5 {
        color: var(--blackColor);
        font-size: var(--fontSize);
        font-weight: 600;
    }

.input-bg {
    background: #F3F3F6;
    margin-bottom: 20px;
    padding: 10px 20px;
}

    .input-bg .form-control {
        height: 60px;
        padding-left: 20px;
        font-family: var(--heading-fontFamily);
        border: none;
        font-size: 13px;
        border-radius: 0;
        background-color: var(--whiteColor);
    }

        .input-bg .form-control:focus {
            box-shadow: unset;
        }

    .input-bg .institution p {
        color: var(--paragraphColor);
        font-family: var(--heading-fontFamily);
        font-size: 15px;
        font-weight: 500;
        padding-left: 15px;
    }

        .input-bg .institution p span {
            color: #C1272D;
        }

.next-button p {
    display: flex;
    float: right;
    clear: both;
    margin-bottom: 0;
}

.next-button .default-btn {
    display: flex;
}

    .next-button .default-btn br {
        display: none;
    }

    .next-button .default-btn i {
        top: 7px;
    }

    .next-button .default-btn.style2 {
        background: transparent;
        color: var(--primaryColor);
        border: solid 1px var(--primaryColor);
        margin-right: 10px;
    }

        .next-button .default-btn.style2 i {
            position: relative;
            left: 0;
            margin-right: 7px;
            line-height: 0;
            top: 7px;
        }

        .next-button .default-btn.style2:hover {
            color: var(--whiteColor);
            border-color: var(--yellowColor);
        }

/*
English Proficiency Warp Style
======================================================*/
.english-proficiency-content {
    padding-top: 40px;
}

    .english-proficiency-content p {
        color: var(--blackColor);
        font-family: var(--heading-fontFamily);
        font-size: var(--fontSize);
        font-weight: 600;
        margin-bottom: 25px;
    }

    .english-proficiency-content .english-proficiency-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .english-proficiency-content .english-proficiency-list .wpcf7-list-item {
            display: block;
            position: relative;
            margin-bottom: 12px;
        }

            .english-proficiency-content .english-proficiency-list .wpcf7-list-item:last-child {
                margin-bottom: 0;
            }

        .english-proficiency-content .english-proficiency-list input {
            width: 20px;
            height: 20px;
            position: relative;
            z-index: 1;
        }

        .english-proficiency-content .english-proficiency-list .wpcf7-list-item-label {
            font-weight: 500;
            color: var(--paragraphColor);
            font-family: var(--heading-fontFamily);
            margin-left: 15px;
            position: relative;
            top: -5px;
        }

        .english-proficiency-content .english-proficiency-list .form-check-input {
            border: unset !important;
        }

.program-choose-content {
    padding-top: 50px;
    margin-bottom: 45px;
}

    .program-choose-content h4 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 22px;
        font-weight: 400;
        margin-bottom: 15px;
    }

    .program-choose-content p {
        margin-bottom: 0;
        padding-right: 100px;
    }

/*
Document Warp Style
======================================================*/
.image-input-box {
    margin-bottom: 30px;
    z-index: 1;
    text-align: left;
}

    .image-input-box:last-child {
        margin-bottom: 100px;
    }

    .image-input-box span {
        display: block;
        color: var(--paragraphColor);
        font-family: var(--heading-fontFamily);
        font-size: 15px;
        font-weight: 500;
        cursor: pointer;
        position: relative;
        top: 40px;
    }

    .image-input-box .form-control {
        border-radius: 0;
        font-size: 16px;
        display: inline-block;
    }

        .image-input-box .form-control:focus {
            box-shadow: unset;
        }

            .image-input-box .form-control:focus::-moz-placeholder {
                color: transparent;
            }

            .image-input-box .form-control:focus::placeholder {
                color: transparent;
            }

    .image-input-box p {
        margin-bottom: 0;
    }

.document-warp .default-btn.mt-60 {
    margin-top: 80px;
}

.document-content {
    padding-top: 50px;
    margin-bottom: 40px;
}

    .document-content h4 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 22px;
        font-weight: 400;
        letter-spacing: 0.88px;
        margin-bottom: 15px;
    }

.document-warp .default-btn {
    display: flex;
}

    .document-warp .default-btn i {
        line-height: 0;
        position: relative;
        top: 8px;
    }

/*
Submission Warp Style
======================================================*/
.personal-info {
    border-top: 2px solid var(--secondaryColor);
    background: #F3F3F6;
    padding: 5px;
}

    .personal-info .info-content-icon {
        padding: 10px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .personal-info .info-content-icon h5 {
            color: var(--blackColor);
            font-size: var(--fontSize);
            margin-bottom: 0;
            font-weight: 600;
        }

        .personal-info .info-content-icon a {
            color: rgb(82, 82, 113);
            font-family: var(--main-fontFamily);
            font-size: 14px;
        }

    .personal-info .information-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .personal-info .information-list li {
            position: relative;
            display: flex;
            padding: 10px 15px;
        }

            .personal-info .information-list li p {
                width: 215px;
                font-size: 14px;
                color: var(--paragraphColor);
                font-weight: 600;
                margin-bottom: 0;
            }

            .personal-info .information-list li span {
                font-size: 14px;
                width: 390px;
            }

            .personal-info .information-list li:nth-child(1) {
                background-color: var(--whiteColor);
            }

            .personal-info .information-list li:nth-child(3) {
                background-color: var(--whiteColor);
            }

            .personal-info .information-list li:nth-child(5) {
                background-color: var(--whiteColor);
            }

            .personal-info .information-list li:nth-child(7) {
                background-color: var(--whiteColor);
            }

            .personal-info .information-list li:nth-child(9) {
                background-color: var(--whiteColor);
            }

    .personal-info.academic-info .information-list li {
        padding: 13px;
    }

        .personal-info.academic-info .information-list li span {
            line-height: 1.9;
        }

.submission-content {
    margin-bottom: 30px;
    margin-top: 50px;
}

    .submission-content h3 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 22px;
        font-weight: 400;
        letter-spacing: 0.88px;
        margin-bottom: 20px;
    }

.submission-check {
    margin-top: 30px;
}

    .submission-check .form-check-input {
        width: 20px;
        height: 20px;
        border-radius: 0;
        border: 1px solid #9B9BAD;
        background-color: #F3F3F6;
    }

        .submission-check .form-check-input:focus {
            box-shadow: unset;
        }

        .submission-check .form-check-input:checked[type=radio] {
            background-image: url(../img/svgs/select.svg);
            background-size: 12px 12px;
            background-position: center center;
        }

    .submission-check .form-check-label {
        font-weight: 500;
        color: var(--paragraphColor);
        font-family: var(--heading-fontFamily);
        margin-left: 15px;
    }

.not-found-content {
    max-width: 500px;
    margin: auto;
}

    .not-found-content .image {
        margin-bottom: 25px;
    }

    .not-found-content h3 {
        margin-bottom: 20px;
    }

    .not-found-content .default-btn {
        margin-top: 20px;
    }

/*
Administration Requirements Warp Style
======================================================*/
.administration-small-widget {
    padding: 35px;
    background: #E8E9ED;
    margin-bottom: 15px;
}

    .administration-small-widget h5 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: solid 1px var(--whiteColor);
    }

    .administration-small-widget .administration-item {
        margin-bottom: 25px;
    }

        .administration-small-widget .administration-item:last-child {
            margin-bottom: 0;
        }

        .administration-small-widget .administration-item span {
            font-weight: 600;
            color: #494968;
            display: block;
            margin-bottom: 8px;
        }

        .administration-small-widget .administration-item p {
            margin-bottom: 4px;
        }

            .administration-small-widget .administration-item p:last-child {
                margin-bottom: 0;
            }

    .administration-small-widget .info {
        color: #353688;
        font-size: 13px;
    }

.administration-small {
    background: #353688;
    width: 100%;
}

.administration-requirements {
    text-align: center;
    text-decoration-line: underline;
    font-weight: 500;
    color: #353688;
    display: block;
    margin-top: 20px;
}

    .administration-requirements:hover {
        color: var(--primaryColor);
        letter-spacing: 1px;
    }

.administration-content {
    padding-right: 30px;
}

    .administration-content .content-one {
        margin-bottom: 40px;
    }

        .administration-content .content-one h2 {
            color: var(--blackColor);
            font-family: Var(--heading-fontFamily2);
            font-size: 32px;
            font-weight: 400;
            padding-left: 30px;
            position: relative;
            margin-bottom: 30px;
            border-left: solid 4px #B0C2FF;
        }

    .administration-content .content-two {
        margin-bottom: 40px;
    }

        .administration-content .content-two h4 {
            color: var(--blackColor);
            font-family: var(--heading-fontFamily);
            font-size: 22px;
            margin-bottom: 15px;
        }

    .administration-content .content-with-list {
        position: relative;
        padding-right: 120px;
    }

        .administration-content .content-with-list h4 {
            color: var(--blackColor);
            font-family: var(--heading-fontFamily);
            font-size: 22px;
            margin-bottom: 15px;
        }

        .administration-content .content-with-list p {
            margin-bottom: 20px;
        }

        .administration-content .content-with-list .content-list {
            list-style: none;
            padding-left: 0;
            margin-bottom: 0;
        }

            .administration-content .content-with-list .content-list li {
                position: relative;
                padding-left: 30px;
                margin-bottom: 12px;
                color: var(--blackColor);
            }

                .administration-content .content-with-list .content-list li:last-child {
                    margin-bottom: 0;
                }

                .administration-content .content-with-list .content-list li::before {
                    content: "";
                    position: absolute;
                    top: 9px;
                    left: 0;
                    width: 10px;
                    height: 10px;
                    border-radius: 50%;
                    background-color: #D9D9D9;
                }

        .administration-content .content-with-list .administration-shape {
            position: absolute;
            right: -20px;
            top: 0;
        }

.administration-accordion .accordion-item {
    border: 1px solid #7B7B93;
    border-radius: 0;
    margin-bottom: 20px;
}

    .administration-accordion .accordion-item:last-child {
        margin-bottom: 0;
    }

    .administration-accordion .accordion-item .accordion-button {
        border: none;
        color: var(--blackColor);
        font-family: var(--heading-fontFamily);
        font-size: 22px;
        font-weight: 600;
        background: #F4F4FC;
        box-shadow: unset;
    }

        .administration-accordion .accordion-item .accordion-button::after {
            background-image: url(../img/caret-down.svg);
        }

    .administration-accordion .accordion-item .accordion-body {
        padding: 0;
        background: #F4F4FC;
    }

    .administration-accordion .accordion-item .semester-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .administration-accordion .accordion-item .semester-list li {
            display: flex;
            align-items: center;
            padding-top: 25px;
            padding-bottom: 25px;
            padding-left: 30px;
            padding-right: 50px;
        }

            .administration-accordion .accordion-item .semester-list li:first-child {
                padding-top: 14px;
                padding-bottom: 14px;
                background: #7B7B93;
            }

                .administration-accordion .accordion-item .semester-list li:first-child p, .administration-accordion .accordion-item .semester-list li:first-child h6, .administration-accordion .accordion-item .semester-list li:first-child span {
                    color: #FFF;
                    font-family: var(--heading-fontFamily);
                    font-size: 13px;
                    font-weight: 600;
                    letter-spacing: 1.3px;
                    text-decoration: none;
                }

            .administration-accordion .accordion-item .semester-list li:nth-child(3) {
                background-color: var(--whiteColor);
            }

            .administration-accordion .accordion-item .semester-list li:nth-child(5) {
                background-color: var(--whiteColor);
            }

            .administration-accordion .accordion-item .semester-list li:nth-child(7) {
                background-color: var(--whiteColor);
            }

            .administration-accordion .accordion-item .semester-list li h6 {
                margin-bottom: 0;
                width: 262px;
                line-height: 1;
                color: #353688;
                font-family: var(--heading-fontFamily);
                font-size: var(--fontSize);
                font-weight: 500;
                text-decoration-line: underline;
            }

            .administration-accordion .accordion-item .semester-list li span {
                display: inline-block;
                line-height: 1;
                color: var(--blackColor);
                font-family: var(--heading-fontFamily);
            }

            .administration-accordion .accordion-item .semester-list li p {
                margin-bottom: 0;
                width: 425px;
                color: var(--blackColor);
                font-family: var(--heading-fontFamily);
                line-height: 1;
            }

.administration-requirement-content {
    margin-bottom: 40px;
}

    .administration-requirement-content h4 {
        color: var(--blackColor);
        font-family: var(--heading-fontFamily);
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 12px;
    }

    .administration-requirement-content .administration-requirement-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .administration-requirement-content .administration-requirement-list li {
            position: relative;
            padding-left: 40px;
            margin-bottom: 12px;
            color: var(--blackColor);
        }

            .administration-requirement-content .administration-requirement-list li::before {
                content: "";
                position: absolute;
                top: 9px;
                left: 0;
                height: 10px;
                width: 10px;
                background-color: #D9D9D9;
                border-radius: 50%;
            }

            .administration-requirement-content .administration-requirement-list li:last-child {
                margin-bottom: 0;
            }

.requirement-language p a {
    color: #353688;
    font-weight: 500;
    text-decoration-line: underline;
}

    .requirement-language p a:hover {
        color: var(--primaryColor);
        letter-spacing: 1px;
    }

/*
Administration Finance Warp Style
======================================================*/
.administration-finance-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-top: 30px;
    padding-left: 34px;
    padding-right: 34px;
    padding-bottom: 30px;
    border-top: 3px solid #353688;
    background: #F4F4FC;
}

    .administration-finance-item:nth-child(3) {
        margin-bottom: 60px;
    }

    .administration-finance-item h3 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 22px;
        font-weight: 400;
        letter-spacing: 0.88px;
        margin-bottom: 0;
        max-width: 300px;
    }

    .administration-finance-item h1 {
        color: #353688;
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
    }

.administration-finance-content h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}

.administration-finance-content .administration-finance-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 35px;
}

    .administration-finance-content .administration-finance-list li {
        position: relative;
        margin-bottom: 12px;
        padding-left: 40px;
        margin-top: 10px;
        color: #353688;
        font-family: var(--main-fontFamily);
        font-size: var(--fontSize);
        font-weight: 500;
    }

        .administration-finance-content .administration-finance-list li:last-child {
            margin-bottom: 0;
        }

        .administration-finance-content .administration-finance-list li::before {
            content: "";
            position: absolute;
            top: 9px;
            left: 0;
            height: 10px;
            width: 10px;
            border-radius: 50%;
            background-color: #D9D9D9;
        }

/*
Administration Availability Warp Style
======================================================*/
.administration-availability-content {
    border: 1px solid #7B7B93;
    background: #F4F4FC;
}

    .administration-availability-content .title h4 {
        font-size: 22px;
        line-height: 1;
        font-weight: 600;
        margin-bottom: 0;
        padding: 25px 30px;
    }

    .administration-availability-content .availability-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .administration-availability-content .availability-list li {
            display: flex;
            align-items: center;
            padding-left: 30px;
            padding-right: 50px;
            padding-top: 25px;
            padding-bottom: 25px;
        }

            .administration-availability-content .availability-list li:first-child {
                padding-top: 14px;
                padding-bottom: 14px;
                background: #7B7B93;
            }

                .administration-availability-content .availability-list li:first-child p, .administration-availability-content .availability-list li:first-child h6, .administration-availability-content .availability-list li:first-child span {
                    color: #FFF;
                    font-family: var(--heading-fontFamily);
                    font-size: 13px;
                    font-weight: 600;
                    letter-spacing: 1.3px;
                    text-decoration: none;
                }

            .administration-availability-content .availability-list li:nth-child(3) {
                background-color: var(--whiteColor);
            }

            .administration-availability-content .availability-list li:nth-child(5) {
                background-color: var(--whiteColor);
            }

            .administration-availability-content .availability-list li:nth-child(7) {
                background-color: var(--whiteColor);
            }

            .administration-availability-content .availability-list li .content1 {
                width: 165px;
            }

            .administration-availability-content .availability-list li .content2 {
                width: 315px;
            }

            .administration-availability-content .availability-list li .content3 {
                width: 175px;
            }

            .administration-availability-content .availability-list li .content4 {
                color: #2B7258;
            }

                .administration-availability-content .availability-list li .content4.style1 {
                    color: #C1272D;
                }

            .administration-availability-content .availability-list li h6 {
                margin-bottom: 0;
                line-height: 1;
                color: #353688;
                font-size: var(--fontSize);
                font-weight: 500;
            }

            .administration-availability-content .availability-list li p {
                line-height: 1;
                margin-bottom: 0;
                color: var(--blackColor);
                font-family: var(--heading-fontFamily);
            }

            .administration-availability-content .availability-list li span {
                line-height: 1;
                font-family: var(--heading-fontFamily);
                color: var(--blackColor);
            }

.laptop-content {
    color: #494968;
    font-family: var(--main-fontFamily);
    font-size: var(--fontSize);
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 15px;
}

    .laptop-content i {
        position: relative;
        padding-right: 10px;
        font-size: 24px;
        top: 3px;
    }

/*
Blog & Blog Details Page Style
======================================================*/
.main-blog-card .content {
    padding-top: 15px;
}

    .main-blog-card .content .cat li {
        line-height: 1;
        display: inline-flex;
        padding: 5px 6px;
        color: var(--secondaryColor);
        font-family: var(--heading-fontFamily);
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 500;
        background: var(--whiteColor);
        box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
    }

    .main-blog-card .content h3 {
        font-size: 22px;
        margin-bottom: 15px;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

        .main-blog-card .content h3 a {
            color: var(--blackColor);
        }

    .main-blog-card .content .blog-list {
        list-style: none;
        margin-bottom: 0;
        padding-left: 0;
    }

        .main-blog-card .content .blog-list li {
            display: inline-block;
            padding-right: 36px;
            color: var(--paragraphColor);
            position: relative;
        }

            .main-blog-card .content .blog-list li::before {
                content: "";
                position: absolute;
                right: 15px;
                top: 7px;
                bottom: 0;
                height: var(--fontSize);
                width: 1px;
                background: #E8E8F4;
            }

            .main-blog-card .content .blog-list li:last-child {
                padding-right: 0;
            }

                .main-blog-card .content .blog-list li:last-child::before {
                    display: none;
                }

.main-blog-card .image {
    position: relative;
    overflow: hidden;
}

    .main-blog-card .image img {
        transition: 0.6s;
    }

    .main-blog-card .image::before {
        position: absolute;
        top: 0;
        left: -100%;
        z-index: 2;
        display: block;
        content: "";
        width: 50%;
        transition: 0.6s;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
        transform: skewX(-25deg);
    }

.main-blog-card:hover .image::before {
    animation: shine 0.75s;
}

.main-blog-card:hover .image img {
    transform: scale(1.1);
}

.main-blog-card.main {
    border: 1px solid #eeeeee;
    margin-bottom: 40px;
}

    .main-blog-card.main .content {
        padding: 30px;
    }

.main-blog-card.sticky {
    background-color: #f8f8f8;
}

.blog-title {
    margin-bottom: 40px;
}

    .blog-title h2 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        padding-left: 30px;
        position: relative;
        margin-bottom: 30px;
        border-left: solid 4px #B0C2FF;
    }

.all-box {
    background: #E8E9ED;
    padding: 30px 30px 30px 30px;
}

    .all-box h2, .all-box h3, .all-box h4 {
        color: var(--blackColor);
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 25px;
    }

    .all-box.widget_search {
        margin-bottom: 1px;
    }

        .all-box.widget_search .blog-input {
            height: 70px;
            position: relative;
            margin-bottom: 15px;
        }

            .all-box.widget_search .blog-input .form-control {
                height: 70px;
                background: var(--whiteColor);
                padding-left: 60px;
                border-radius: 0;
                font-size: 14px;
                border: transparent;
            }

                .all-box.widget_search .blog-input .form-control:focus {
                    box-shadow: unset;
                }

                    .all-box.widget_search .blog-input .form-control:focus::-moz-placeholder {
                        color: transparent;
                    }

                    .all-box.widget_search .blog-input .form-control:focus::placeholder {
                        color: transparent;
                    }

                .all-box.widget_search .blog-input .form-control::-moz-placeholder {
                    -moz-transition: 0.6s;
                    transition: 0.6s;
                    color: #89899F;
                }

                .all-box.widget_search .blog-input .form-control::placeholder {
                    transition: 0.6s;
                    color: #89899F;
                }

            .all-box.widget_search .blog-input .search-btn {
                position: absolute;
                background: transparent;
                border: none;
                padding: 0;
                top: 50%;
                left: 20px;
                right: auto;
                transform: translateY(-50%);
            }

        .all-box.widget_search .program-list {
            list-style: none;
            padding-left: 0;
            margin-left: -5px;
            margin-bottom: 0;
        }

            .all-box.widget_search .program-list span {
                width: 100%;
                display: inline-block;
            }

            .all-box.widget_search .program-list li {
                padding-right: 5px;
                display: inline-block;
                margin-bottom: 0 !important;
                font-size: 14px !important;
            }

                .all-box.widget_search .program-list li a {
                    font-size: 14px;
                    color: var(--paragraphColor);
                    text-decoration: underline;
                }

                    .all-box.widget_search .program-list li a:hover {
                        color: var(--primaryColor);
                    }

        .all-box.widget_search .search-list {
            font-size: 14px;
            color: #89899F;
            font-weight: 500;
            margin-right: -10px;
            display: block;
        }

    .all-box.widget_categories {
        margin-bottom: 1px;
    }

        .all-box.widget_categories ul {
            list-style: none;
            padding-left: 0;
            margin-bottom: 0;
        }

            .all-box.widget_categories ul .cat-item {
                position: relative;
                padding-left: 35px !important;
                margin-bottom: 8px;
                font-family: var(--heading-fontFamily);
                font-weight: 500;
            }

                .all-box.widget_categories ul .cat-item a {
                    color: var(--paragraphColor);
                }

                .all-box.widget_categories ul .cat-item:last-child {
                    margin-bottom: 0;
                }

                .all-box.widget_categories ul .cat-item::before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 4px;
                    height: 20px;
                    width: 20px;
                    transition: 0.6s;
                    border: 1px solid #9B9BAD;
                    background: #F3F3F6;
                }

                .all-box.widget_categories ul .cat-item:hover a, .all-box.widget_categories ul .cat-item.current-cat a {
                    color: var(--primaryColor);
                }

                .all-box.widget_categories ul .cat-item:hover::before, .all-box.widget_categories ul .cat-item.current-cat::before {
                    background-color: var(--primaryColor);
                    border-color: var(--primaryColor);
                }

    .all-box.widget_falar_posts_thumbs {
        margin-bottom: 1px;
    }

        .all-box.widget_falar_posts_thumbs .blog-article-item:last-child {
            margin-bottom: 0;
        }

        .all-box.widget_falar_posts_thumbs .blog-article-item .cat li a {
            line-height: 1;
            display: inline-flex;
            padding: 5px 6px;
            color: var(--secondaryColor);
            font-family: var(--heading-fontFamily);
            margin-bottom: 10px;
            font-size: 12px;
            font-weight: 500;
            background: var(--whiteColor);
            box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
        }

        .all-box.widget_falar_posts_thumbs .blog-article-item h3 {
            font-size: 18px;
            margin-bottom: 15px;
        }

            .all-box.widget_falar_posts_thumbs .blog-article-item h3 a {
                color: var(--blackColor);
            }

                .all-box.widget_falar_posts_thumbs .blog-article-item h3 a:hover {
                    color: var(--primaryColor);
                }

        .all-box.widget_falar_posts_thumbs .blog-article-item .article-list {
            list-style: none;
            margin-bottom: 0 !important;
            padding-left: 0;
        }

            .all-box.widget_falar_posts_thumbs .blog-article-item .article-list li {
                display: inline-block;
                padding-right: 36px;
                color: var(--paragraphColor);
                position: relative;
                margin-bottom: 0 !important;
            }

                .all-box.widget_falar_posts_thumbs .blog-article-item .article-list li::before {
                    content: "";
                    position: absolute;
                    right: 15px;
                    top: 7px;
                    bottom: 0;
                    height: var(--fontSize);
                    width: 1px;
                    background: #E8E8F4;
                }

                .all-box.widget_falar_posts_thumbs .blog-article-item .article-list li:last-child {
                    padding-right: 0;
                }

                    .all-box.widget_falar_posts_thumbs .blog-article-item .article-list li:last-child::before {
                        display: none;
                    }

.categories-widget {
    margin-bottom: 1px;
}

    .categories-widget .categories-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .categories-widget .categories-list li {
            position: relative;
            padding-left: 35px;
            margin-bottom: 8px;
            font-family: var(--heading-fontFamily);
            font-weight: 500;
        }

            .categories-widget .categories-list li a {
                color: var(--paragraphColor);
            }

            .categories-widget .categories-list li:last-child {
                margin-bottom: 0;
            }

            .categories-widget .categories-list li::before {
                content: "";
                position: absolute;
                left: 0;
                top: 4px;
                height: 20px;
                width: 20px;
                transition: 0.6s;
                border: 1px solid #9B9BAD;
                background: #F3F3F6;
            }

            .categories-widget .categories-list li:hover a {
                color: var(--primaryColor);
            }

            .categories-widget .categories-list li:hover::before {
                background-color: var(--primaryColor);
                border-color: var(--primaryColor);
            }

.widget_tag_cloud .tagcloud a {
    line-height: 1;
    display: inline-flex;
    padding: 5px 6px;
    color: var(--secondaryColor);
    font-family: var(--heading-fontFamily);
    font-size: 12px !important;
    font-weight: 500;
    background: var(--whiteColor);
    box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
}

    .widget_tag_cloud .tagcloud a:hover {
        color: var(--whiteColor);
        background-color: var(--blackColor);
    }

.blog-big-widget {
    padding-right: 15px;
}

.inner-pages-pagination {
    margin-top: 60px;
}

    .inner-pages-pagination .pagination {
        justify-content: center;
    }

        .inner-pages-pagination .pagination .page-item {
            margin-right: 10px;
        }

            .inner-pages-pagination .pagination .page-item:last-child {
                margin-right: 0;
            }

                .inner-pages-pagination .pagination .page-item:last-child .page-link {
                    background: transparent;
                    font-size: 35px;
                    font-weight: 300;
                    line-height: 45px;
                }

            .inner-pages-pagination .pagination .page-item:first-child .page-link {
                background: transparent;
                opacity: 30%;
                font-size: 35px;
                font-weight: 300;
                line-height: 45px;
            }

            .inner-pages-pagination .pagination .page-item .page-link {
                border-radius: 0;
                width: 40px;
                height: 40px;
                padding: 0;
                line-height: 42px;
                border: none;
                background: #E8E8F2;
                color: var(--blackColor);
                text-align: center;
                font-family: var(--heading-fontFamily);
                font-size: 15px;
                font-weight: 500;
                transition: 0.6s;
                letter-spacing: 0.3px;
            }

                .inner-pages-pagination .pagination .page-item .page-link.active {
                    background: var(--primaryColor);
                    color: var(--whiteColor);
                }

                .inner-pages-pagination .pagination .page-item .page-link:hover {
                    background: var(--primaryColor);
                    opacity: 1;
                    color: var(--whiteColor);
                }

    .inner-pages-pagination.style2 .page-numbers {
        border-radius: 0;
        width: 40px;
        height: 40px;
        padding: 0;
        display: inline-block;
        line-height: 42px;
        border: none;
        background: #E8E8F2;
        color: var(--blackColor);
        text-align: center;
        font-family: var(--heading-fontFamily);
        font-size: 15px;
        font-weight: 500;
        transition: 0.6s;
        letter-spacing: 0.3px;
    }

        .inner-pages-pagination.style2 .page-numbers.current {
            background: var(--primaryColor);
            color: var(--whiteColor);
        }

        .inner-pages-pagination.style2 .page-numbers.next, .inner-pages-pagination.style2 .page-numbers.prev {
            background: transparent;
            opacity: 30%;
            font-size: 35px;
            font-weight: 300;
            line-height: 45px;
            position: relative;
            top: 8px;
        }

        .inner-pages-pagination.style2 .page-numbers:hover {
            background: var(--primaryColor);
            opacity: 1;
            color: var(--whiteColor);
        }

    .inner-pages-pagination.mt-20 {
        margin-top: 20px;
    }

.blog-details-big-widget .blog-title {
    padding-right: 100px;
}

.blog-image-with-content {
    margin-bottom: 40px;
}

    .blog-image-with-content .blog-list {
        list-style: none;
        margin-bottom: 20px;
        padding-left: 0;
    }

        .blog-image-with-content .blog-list li {
            display: inline-block;
            padding-right: 36px;
            color: var(--paragraphColor);
            position: relative;
        }

            .blog-image-with-content .blog-list li .cat li a {
                line-height: 1;
                display: inline-flex;
                padding: 5px 6px;
                color: var(--secondaryColor);
                font-family: var(--heading-fontFamily);
                margin-bottom: 10px;
                font-size: 12px;
                font-weight: 500;
                background: var(--whiteColor);
                box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
            }

            .blog-image-with-content .blog-list li::before {
                content: "";
                position: absolute;
                right: 15px;
                top: 7px;
                bottom: 0;
                height: var(--fontSize);
                width: 1px;
                background: #E8E8F4;
            }

            .blog-image-with-content .blog-list li:last-child {
                padding-right: 0;
            }

                .blog-image-with-content .blog-list li:last-child::before {
                    display: none;
                }

    .blog-image-with-content .image {
        margin-bottom: 30px;
    }

.blog-content-one {
    margin-bottom: 50px;
}

    .blog-content-one h4 {
        font-size: 22px;
        margin-bottom: 15px;
    }

.blog-style-content {
    border-top: 3px solid #353688;
    background: #F4F4FC;
    padding: 30px;
    position: relative;
    margin-bottom: 50px;
}

    .blog-style-content p {
        font-size: 18px;
        padding-left: 70px;
    }

    .blog-style-content .icon {
        position: absolute;
    }

.blog-content-two {
    margin-bottom: 60px;
}

    .blog-content-two h4 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .blog-content-two .image {
        margin-top: 20px;
        margin-bottom: 40px;
    }

.slider-article-details {
    padding-bottom: 50px;
    margin-bottom: 100px;
    border-bottom: solid 1px #E8E9ED;
}

    .slider-article-details .blog-article-item span {
        line-height: 1;
        display: inline-flex;
        padding: 5px 6px;
        color: var(--secondaryColor);
        font-family: var(--heading-fontFamily);
        margin-bottom: 10px;
        font-size: 12px;
        font-weight: 500;
        background: var(--whiteColor);
        box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
    }

    .slider-article-details .blog-article-item h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }

        .slider-article-details .blog-article-item h3 a {
            color: var(--blackColor);
        }

            .slider-article-details .blog-article-item h3 a:hover {
                color: var(--primaryColor);
            }

    .slider-article-details .blog-article-item .article-list {
        list-style: none;
        margin-bottom: 0;
        padding-left: 0;
    }

        .slider-article-details .blog-article-item .article-list li {
            display: inline-block;
            padding-right: 36px;
            color: var(--paragraphColor);
            position: relative;
        }

            .slider-article-details .blog-article-item .article-list li::before {
                content: "";
                position: absolute;
                right: 15px;
                top: 7px;
                bottom: 0;
                height: var(--fontSize);
                width: 1px;
                background: #E8E8F4;
            }

            .slider-article-details .blog-article-item .article-list li:last-child {
                padding-right: 0;
            }

                .slider-article-details .blog-article-item .article-list li:last-child::before {
                    display: none;
                }

.tags-share {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px #E8E9ED;
    border-top: solid 1px #E8E9ED;
    margin-bottom: 50px;
    margin-top: 50px;
    clear: both;
}

    .tags-share .tags-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .tags-share .tags-list li {
            display: inline-block;
            padding-right: 10px;
        }

            .tags-share .tags-list li:last-child {
                padding-right: 0;
            }

            .tags-share .tags-list li h5 {
                font-size: var(--fontSize);
                font-weight: 600;
                margin-bottom: 0;
            }

            .tags-share .tags-list li a {
                line-height: 1;
                display: inline-flex;
                padding: 5px 6px;
                color: var(--secondaryColor);
                font-family: var(--heading-fontFamily);
                margin-bottom: 10px;
                font-size: 12px;
                font-weight: 500;
                background: var(--whiteColor);
                box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
            }

                .tags-share .tags-list li a:hover {
                    color: var(--whiteColor);
                    background-color: var(--blackColor);
                }

    .tags-share .share-list {
        position: relative;
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .tags-share .share-list li {
            padding-right: 15px;
            display: inline-block;
        }

            .tags-share .share-list li:last-child {
                padding-right: 0;
            }

            .tags-share .share-list li h5 {
                font-size: var(--fontSize);
                font-weight: 600;
                margin-bottom: 0;
            }

            .tags-share .share-list li .icon img {
                filter: brightness(0) saturate(100%) invert(6%) sepia(23%) saturate(3988%) hue-rotate(219deg) brightness(89%) contrast(100%);
            }

            .tags-share .share-list li .icon:hover img {
                filter: brightness(0) saturate(100%) invert(52%) sepia(95%) saturate(2641%) hue-rotate(335deg) brightness(100%) contrast(98%);
            }

.previous-next {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

    .previous-next button {
        background: transparent;
        border: none;
        color: var(--paragraphColor);
        font-family: var(--heading-fontFamily);
        font-size: var(--fontSize);
        font-weight: 600;
    }

        .previous-next button i {
            font-size: 25px;
            line-height: 1;
            position: relative;
            top: 6px;
        }

        .previous-next button:focus {
            box-shadow: unset;
        }

        .previous-next button.active {
            color: var(--primaryColor);
        }

        .previous-next button.previous-btn i {
            padding-right: 5px;
        }

        .previous-next button.next-btn i {
            padding-left: 5px;
        }

.comments-widget {
    padding-bottom: 100px;
}

    .comments-widget h2 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 22px;
        font-weight: 400;
        letter-spacing: 1.28px;
        margin-bottom: 5px;
    }

    .comments-widget p {
        color: var(--paragraphColor);
    }

.reply-widget h3 {
    color: var(--blackColor);
    font-family: Var(--heading-fontFamily2);
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 1.28px;
    margin-bottom: 12px;
}

.reply-widget .input-box {
    margin-bottom: 20px;
}

    .reply-widget .input-box .form-label {
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 5px;
    }

        .reply-widget .input-box .form-label span {
            color: #C1272D;
        }

    .reply-widget .input-box .form-control {
        height: 60px;
        padding-left: 20px;
        font-family: var(--heading-fontFamily);
        border: none;
        font-size: 13px;
        border-radius: 0;
        background-color: #F3F3F6;
    }

        .reply-widget .input-box .form-control::-moz-placeholder {
            -moz-transition: 0.6s;
            transition: 0.6s;
        }

        .reply-widget .input-box .form-control::placeholder {
            transition: 0.6s;
        }

        .reply-widget .input-box .form-control:focus {
            box-shadow: unset;
        }

            .reply-widget .input-box .form-control:focus::-moz-placeholder {
                color: transparent;
            }

            .reply-widget .input-box .form-control:focus::placeholder {
                color: transparent;
            }

    .reply-widget .input-box .input-with-icon {
        height: 60px;
        position: relative;
    }

        .reply-widget .input-box .input-with-icon::before {
            content: "";
            position: absolute;
            top: 0;
            left: 60px;
            bottom: 0;
            width: 1px;
            height: 100%;
            background: #D8D8E7;
        }

        .reply-widget .input-box .input-with-icon .form-control {
            padding-left: 75px;
            background: #F3F3F6;
        }

        .reply-widget .input-box .input-with-icon i {
            position: absolute;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 20px;
        }

    .reply-widget .input-box textarea {
        padding-top: 15px;
        height: 194px !important;
    }

.reply-widget .form-check {
    margin-bottom: 20px;
}

    .reply-widget .form-check .form-check-input {
        width: 20px;
        height: 20px;
        border-radius: 0;
        border: 1px solid #9B9BAD;
        background-color: #F3F3F6;
    }

        .reply-widget .form-check .form-check-input:focus {
            box-shadow: unset;
        }

        .reply-widget .form-check .form-check-input:checked[type=radio] {
            background-image: url(../img/svgs/select.svg);
            background-size: 12px 12px;
            background-position: center center;
        }

    .reply-widget .form-check .form-check-label {
        font-weight: 500;
        color: var(--paragraphColor);
        font-family: var(--heading-fontFamily);
        margin-left: 15px;
    }

/*
Events & Event Details Page Style
======================================================*/
.event-title-select {
    margin-bottom: 30px;
}

    .event-title-select .event-title h2 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        padding-left: 30px;
        position: relative;
        margin-bottom: 0;
        border-left: solid 4px #B0C2FF;
    }

    .event-title-select .event-select {
        max-width: 356px;
        margin-left: auto;
    }

        .event-title-select .event-select .form-select {
            height: 60px;
            color: var(--blackColor);
            border-radius: 0;
            font-family: var(--heading-fontFamily);
            font-size: 14px;
            font-weight: 500;
            padding-left: 25px;
            background-image: url(../img/caret-down.svg);
        }

            .event-title-select .event-select .form-select:focus {
                box-shadow: unset;
            }

.event-small-widget .facilities-item:last-child {
    margin-bottom: 0;
}

.event-big-warp .blog-title h2 {
    padding-right: 100px;
}

.event-details-content {
    margin-bottom: 50px;
}

    .event-details-content h4 {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 15px;
    }

.event-speaker-widget h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 25px;
}

.event-details-content2 {
    margin-top: 50px;
}

    .event-details-content2 h4 {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 15px;
    }

/*
Contact Page Style
======================================================*/
.main-contact-content .input-box {
    margin-bottom: 20px;
}

    .main-contact-content .input-box .form-label {
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 5px;
        display: inline-block;
    }

        .main-contact-content .input-box .form-label span {
            color: #C1272D;
            display: inline-block;
        }

    .main-contact-content .input-box .form-control {
        height: 60px;
        padding-left: 20px;
        font-family: var(--heading-fontFamily);
        border: none;
        font-size: 13px;
        border-radius: 0;
        background-color: #F3F3F6;
    }

        .main-contact-content .input-box .form-control::-moz-placeholder {
            -moz-transition: 0.6s;
            transition: 0.6s;
        }

        .main-contact-content .input-box .form-control::placeholder {
            transition: 0.6s;
        }

        .main-contact-content .input-box .form-control:focus {
            box-shadow: unset;
        }

            .main-contact-content .input-box .form-control:focus::-moz-placeholder {
                color: transparent;
            }

            .main-contact-content .input-box .form-control:focus::placeholder {
                color: transparent;
            }

    .main-contact-content .input-box p {
        margin-bottom: 5px;
    }

    .main-contact-content .input-box .input-with-icon {
        height: 60px;
        position: relative;
    }

        .main-contact-content .input-box .input-with-icon::before {
            content: "";
            position: absolute;
            top: 0;
            left: 60px;
            bottom: 0;
            width: 1px;
            height: 100%;
            background: #D8D8E7;
            z-index: 1;
        }

        .main-contact-content .input-box .input-with-icon .form-control {
            padding-left: 75px;
            background: #F3F3F6;
        }

        .main-contact-content .input-box .input-with-icon i {
            position: absolute;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 20px;
        }

    .main-contact-content .input-box textarea {
        padding-top: 15px;
        height: 194px !important;
    }

    .main-contact-content .input-box .wpcf7-not-valid-tip {
        margin-top: 3px;
    }

.main-contact-content .form-check {
    margin-bottom: 25px;
}

    .main-contact-content .form-check .form-check-input input {
        width: 20px;
        height: 20px;
        border-radius: 0;
        border: 1px solid #9B9BAD;
        background-color: #F3F3F6;
    }

        .main-contact-content .form-check .form-check-input input:focus {
            box-shadow: unset;
        }

        .main-contact-content .form-check .form-check-input input:checked[type=radio] {
            background-image: url(../img/svgs/select.svg);
            background-size: 12px 12px;
            background-position: center center;
        }

    .main-contact-content .form-check .wpcf7-list-item-label {
        font-weight: 500;
        color: var(--paragraphColor);
        font-family: var(--heading-fontFamily);
        margin-left: 15px;
        white-space: nowrap;
        position: relative;
        top: -32px;
        margin-left: 32px;
    }

    .main-contact-content .form-check .wpcf7-not-valid-tip {
        position: relative;
        top: 20px;
    }

.main-contact-content .default-btn {
    line-height: 0;
    padding: 28px 32px;
}

.contact-small-widget {
    padding: 35px;
    background: #E8E9ED;
    margin-bottom: 15px;
}

    .contact-small-widget h5 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: solid 1px var(--whiteColor);
    }

    .contact-small-widget .contact-item {
        margin-bottom: 25px;
    }

        .contact-small-widget .contact-item:last-child {
            margin-bottom: 0;
        }

        .contact-small-widget .contact-item span {
            font-weight: 600;
            color: #494968;
            display: block;
            margin-bottom: 5px;
        }

        .contact-small-widget .contact-item p {
            margin-bottom: 4px;
        }

            .contact-small-widget .contact-item p:last-child {
                margin-bottom: 0;
            }

        .contact-small-widget .contact-item a {
            display: block;
            color: var(--paragraphColor);
        }

            .contact-small-widget .contact-item a:hover {
                color: var(--primaryColor);
            }

        .contact-small-widget .contact-item .social-list {
            position: relative;
            list-style: none;
            padding-left: 0;
            margin-bottom: 0;
        }

            .contact-small-widget .contact-item .social-list li {
                padding-right: 15px;
                display: inline-block;
            }

                .contact-small-widget .contact-item .social-list li:last-child {
                    padding-right: 0;
                }

                .contact-small-widget .contact-item .social-list li .icon img {
                    filter: brightness(0) saturate(100%) invert(6%) sepia(23%) saturate(3988%) hue-rotate(219deg) brightness(89%) contrast(100%);
                }

                .contact-small-widget .contact-item .social-list li .icon:hover img {
                    filter: brightness(0) saturate(100%) invert(52%) sepia(95%) saturate(2641%) hue-rotate(335deg) brightness(100%) contrast(98%);
                }

/*
Academic Page Style
======================================================*/
.academic-item-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ECF3F8;
    margin-bottom: 20px;
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
}

    .academic-item-date:last-child {
        margin-bottom: 0;
    }

    .academic-item-date .academic-event-content {
        max-width: 565px;
    }

        .academic-item-date .academic-event-content span {
            color: var(--secondaryColor);
            font-family: var(--heading-fontFamily);
            font-size: 12px;
            display: inline-flex;
            line-height: 1;
            padding: 5px 6px;
            font-weight: 500;
            background: var(--whiteColor);
            box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
            margin-bottom: 8px;
        }

        .academic-item-date .academic-event-content h3 {
            font-size: 22px;
            margin-bottom: 15px;
        }

            .academic-item-date .academic-event-content h3 a {
                color: var(--blackColor);
            }

                .academic-item-date .academic-event-content h3 a:hover {
                    color: var(--primaryColor);
                }

        .academic-item-date .academic-event-content .academic-list {
            list-style: none;
            padding-left: 0;
            margin-bottom: 0;
        }

            .academic-item-date .academic-event-content .academic-list li {
                position: relative;
                display: inline-block;
                padding-left: 28px;
                padding-right: 40px;
                font-family: var(--main-fontFamily);
                font-size: 15px;
            }

                .academic-item-date .academic-event-content .academic-list li i {
                    position: absolute;
                    left: 0;
                    top: 1px;
                    font-size: 20px;
                }

                .academic-item-date .academic-event-content .academic-list li:last-child {
                    padding-right: 0;
                }

                .academic-item-date .academic-event-content .academic-list li:first-child {
                    color: #353688;
                }

                    .academic-item-date .academic-event-content .academic-list li:first-child a {
                        color: #353688;
                    }

    .academic-item-date .date-box {
        padding: 40px 30px 28px 30px;
        width: 270px;
        text-align: center;
        background-color: var(--whiteColor);
        position: relative;
    }

        .academic-item-date .date-box .dot {
            position: relative;
        }

            .academic-item-date .date-box .dot::before {
                content: "";
                position: absolute;
                top: -25px;
                left: 25px;
                right: 0;
                text-align: center;
                margin-left: auto;
                margin-right: auto;
                height: 8px;
                width: 8px;
                border-radius: 50%;
                background-color: #D7D7E5;
            }

            .academic-item-date .date-box .dot::after {
                content: "";
                position: absolute;
                top: -25px;
                left: 0;
                right: 25px;
                text-align: center;
                margin-left: auto;
                margin-right: auto;
                height: 8px;
                width: 8px;
                border-radius: 50%;
                background-color: #D7D7E5;
            }

        .academic-item-date .date-box p {
            color: var(--paragraphColor);
            font-size: 15px;
            margin-bottom: 4px;
        }

        .academic-item-date .date-box h4 {
            color: #353688;
            text-align: center;
            font-family: Var(--heading-fontFamily2);
            font-size: 20px;
            font-weight: 400;
            margin-bottom: 1px;
        }

        .academic-item-date .date-box span {
            font-size: 15px;
            color: var(--paragraphColor);
        }

        .academic-item-date .date-box::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: -32px;
            height: 100%;
            width: 1px;
            background-color: var(--whiteColor);
        }

.inner-account-warp {
    max-width: 835px;
}

    /*
My Account Page Style
======================================================*/
    .inner-account-warp .input-box {
        margin-bottom: 20px;
    }

        .inner-account-warp .input-box .form-label {
            font-size: 15px;
            font-weight: 500;
            margin-bottom: 5px;
        }

            .inner-account-warp .input-box .form-label span {
                color: #C1272D;
            }

        .inner-account-warp .input-box .form-control {
            height: 60px;
            padding-left: 20px;
            font-family: var(--heading-fontFamily);
            border: none;
            font-size: 13px;
            border-radius: 0;
            background-color: #F3F3F6;
        }

            .inner-account-warp .input-box .form-control::-moz-placeholder {
                -moz-transition: 0.6s;
                transition: 0.6s;
            }

            .inner-account-warp .input-box .form-control::placeholder {
                transition: 0.6s;
            }

            .inner-account-warp .input-box .form-control:focus {
                box-shadow: unset;
            }

                .inner-account-warp .input-box .form-control:focus::-moz-placeholder {
                    color: transparent;
                }

                .inner-account-warp .input-box .form-control:focus::placeholder {
                    color: transparent;
                }

        .inner-account-warp .input-box .input-with-icon {
            height: 60px;
            position: relative;
        }

            .inner-account-warp .input-box .input-with-icon::before {
                content: "";
                position: absolute;
                top: 0;
                left: 60px;
                bottom: 0;
                width: 1px;
                height: 100%;
                background: #D8D8E7;
            }

            .inner-account-warp .input-box .input-with-icon .form-control {
                padding-left: 75px;
                background: #F3F3F6;
            }

            .inner-account-warp .input-box .input-with-icon i {
                position: absolute;
                left: 20px;
                top: 50%;
                transform: translateY(-50%);
                font-size: 20px;
            }

        .inner-account-warp .input-box textarea {
            padding-top: 15px;
            height: 194px !important;
        }

    .inner-account-warp .form-check {
        margin-bottom: 20px;
    }

        .inner-account-warp .form-check .form-check-input {
            width: 20px;
            height: 20px;
            border-radius: 0;
            border: 1px solid #9B9BAD;
            background-color: #F3F3F6;
        }

            .inner-account-warp .form-check .form-check-input:focus {
                box-shadow: unset;
            }

            .inner-account-warp .form-check .form-check-input:checked[type=radio] {
                background-image: url(../img/svgs/select.svg);
                background-size: 12px 12px;
                background-position: center center;
            }

        .inner-account-warp .form-check .form-check-label {
            font-weight: 500;
            color: var(--paragraphColor);
            font-family: var(--heading-fontFamily);
            margin-left: 15px;
        }

    .inner-account-warp p {
        margin-top: 20px;
    }

        .inner-account-warp p a {
            color: #353688;
            font-weight: 600;
            text-decoration-line: underline;
        }

.inner-login-widget {
    max-width: 410px;
}

/*
Article Warp Style
======================================================*/
.article-item {
    display: flex;
    align-items: center;
    margin-bottom: 42px;
}

    .article-item:nth-child(3) {
        margin-bottom: 20px;
    }

    .article-item .image {
        width: 100px;
        height: 145px;
    }

    .article-item .content {
        margin-left: 20px;
    }

        .article-item .content .title {
            padding: 5px 6px;
            background: #FFF;
            box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
            color: var(--secondaryColor);
            font-family: var(--heading-fontFamily);
            font-size: 12px;
            line-height: 1;
            display: inline-block;
            margin-bottom: 10px;
        }

        .article-item .content h3 {
            font-size: 18px;
            margin-bottom: 12px;
            padding-right: 30px;
        }

            .article-item .content h3 a {
                color: var(--blackColor);
            }

        .article-item .content .news-link {
            display: block;
            color: var(--primaryColor);
            font-weight: 600;
            font-family: var(--heading-fontFamily);
        }

            .article-item .content .news-link i {
                position: relative;
                left: 2px;
                top: 4px;
                font-size: 20px;
            }

            .article-item .content .news-link span {
                position: relative;
            }

                .article-item .content .news-link span::before {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    height: 1px;
                    width: 100%;
                    transition: 0.6s;
                    background-color: var(--primaryColor);
                }

    .article-item.style2 {
        margin-left: 20px;
    }

    .article-item:nth-child(2) {
        margin-bottom: 0;
    }

    .article-item:nth-child(5) {
        margin-bottom: 0;
    }

.article-card .content {
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 25px;
    background-color: var(--whiteColor);
}

    .article-card .content .title {
        padding: 5px 6px;
        background: #FFF;
        box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
        color: var(--secondaryColor);
        font-family: var(--heading-fontFamily);
        font-size: 12px;
        line-height: 1;
        display: inline-block;
        margin-bottom: 10px;
    }

    .article-card .content h3 {
        font-size: 22px;
        margin-bottom: 8px;
    }

        .article-card .content h3 a {
            color: var(--blackColor);
        }

.article-card .image {
    overflow: hidden;
}

    .article-card .image img {
        transition: 0.6s;
    }

.article-card:hover .image img {
    transform: scale(1.1);
}

/*
International Page Style
======================================================*/
.international-list-widget {
    background: #E8E9ED;
    padding: 5px 0;
}

    .international-list-widget .international-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .international-list-widget .international-list a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 25px;
            font-weight: 600;
            font-size: 18px;
            transition: 0.6s;
            border-bottom: solid 1px var(--whiteColor);
            line-height: 1;
            color: var(--blackColor);
        }

            .international-list-widget .international-list a:last-child {
                border: none;
            }

            .international-list-widget .international-list a i {
                line-height: 1;
                position: relative;
                left: 0;
            }

            .international-list-widget .international-list a:hover {
                letter-spacing: 1px;
                color: var(--primaryColor);
            }

                .international-list-widget .international-list a:hover i {
                    opacity: 1;
                    left: 0;
                }

.international-content {
    padding-right: 40px;
}

    .international-content .survey-result h4 {
        font-size: 22px;
        margin-bottom: 20px;
        font-weight: 600;
    }

    .international-content .survey-result a {
        color: var(--primaryColor);
        font-family: var(--heading-fontFamily);
        font-size: var(--fontSize);
        font-weight: 600;
    }

        .international-content .survey-result a i {
            position: relative;
            left: 5px;
            top: 4px;
            font-size: 22px;
        }

.international-support-image {
    padding-right: 172px;
    position: relative;
}

    .international-support-image .small-image {
        position: absolute;
        bottom: 100px;
        right: 38px;
        width: 236px;
        height: 156px;
    }

        .international-support-image .small-image .information {
            width: 204px;
            height: 204px;
        }

    .international-support-image .round-shape {
        width: 192.2px;
        height: 192.249px;
        text-align: center;
        position: absolute;
        top: 50px;
        right: 69px;
        line-height: 192px;
    }

        .international-support-image .round-shape .text-shape {
            position: absolute;
            left: 0;
            top: 0;
            animation: rotateme 9s linear infinite;
        }

.international-support-content h2 {
    color: var(--blackColor);
    font-family: Var(--heading-fontFamily2);
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 1.28px;
}

.international-support-content .info-button {
    margin-bottom: 25px;
}

    .international-support-content .info-button .style2 {
        background: var(--secondaryColor);
        margin-left: 15px;
    }

.international-support-content .international-info {
    margin-top: 30px;
}

    .international-support-content .international-info .item-one h4 {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .international-support-content .international-info .item-one p {
        font-weight: 600;
        color: #353688;
        font-family: var(--heading-fontFamily);
        font-size: 18px;
        margin-bottom: 10px;
    }

        .international-support-content .international-info .item-one p a {
            font-weight: 700;
            color: #353688;
        }

    .international-support-content .international-info .item-one span {
        display: block;
    }

    .international-support-content .international-info .item-two h4 {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 10px;
    }

/*
Accessibility Page Style
======================================================*/
.student-accessibility-content .blog-title h2 {
    padding-right: 100px;
}

.student-accessibility-content .accessibility-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

    .student-accessibility-content .accessibility-list li {
        padding-left: 30px;
        position: relative;
        margin-bottom: 5px;
    }

        .student-accessibility-content .accessibility-list li:last-child {
            margin-bottom: 0;
        }

        .student-accessibility-content .accessibility-list li::before {
            content: "";
            position: absolute;
            top: 11px;
            left: var(--fontSize);
            height: 5px;
            width: 5px;
            border-radius: 50%;
            background-color: #171717;
        }

.accessibility-content2 h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
}

.accessibility-content2 p span {
    color: var(--paragraphColor);
    font-weight: 600;
}

.accessibility-content2 .accessibility-contact-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 20px;
}

    .accessibility-content2 .accessibility-contact-list li {
        position: relative;
        color: var(--paragraphColor);
        font-size: var(--fontSize);
        font-weight: 700;
        margin-bottom: 8px;
    }

        .accessibility-content2 .accessibility-contact-list li:last-child {
            margin-bottom: 0;
        }

        .accessibility-content2 .accessibility-contact-list li a {
            font-weight: 400;
            color: var(--paragraphColor);
        }

        .accessibility-content2 .accessibility-contact-list li span {
            font-weight: 400;
        }

.accessibility-accordion-warp {
    margin-top: 45px;
}

    .accessibility-accordion-warp h4 {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .accessibility-accordion-warp .accessibility-accordion .accordion-item {
        border-left: none;
        border-right: none;
        border-radius: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .accessibility-accordion-warp .accessibility-accordion .accordion-item .accordion-button {
            background-color: transparent;
            box-shadow: unset;
            border: none;
            color: var(--paragraphColor);
            font-family: var(--heading-fontFamily);
            font-size: var(--fontSize);
            padding-left: 0;
            padding-right: 0;
            padding-top: 0;
            padding-bottom: 0;
            font-weight: 500;
        }

            .accessibility-accordion-warp .accessibility-accordion .accordion-item .accordion-button::after {
                content: "שּׁ";
                font-family: "tabler-icons" !important;
                background-image: none;
                font-size: 22px;
            }

        .accessibility-accordion-warp .accessibility-accordion .accordion-item .accordion-body {
            border-top: solid 1px #E8E9ED;
            margin-top: 20px;
            padding-left: 0;
            padding-bottom: 0;
            padding-top: 15px;
        }

            .accessibility-accordion-warp .accessibility-accordion .accordion-item .accordion-body p {
                color: var(--paragraphColor);
                font-family: var(--main-fontFamily);
                font-size: var(--fontSize);
            }

                .accessibility-accordion-warp .accessibility-accordion .accordion-item .accordion-body p a {
                    color: var(--paragraphColor);
                    font-weight: 700;
                    text-decoration: underline;
                }

                    .accessibility-accordion-warp .accessibility-accordion .accordion-item .accordion-body p a:hover {
                        color: var(--primaryColor);
                    }

.accessibility-link-widget {
    background: #E8E9ED;
    padding: 5px 0;
}

    .accessibility-link-widget .accessibility-link-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .accessibility-link-widget .accessibility-link-list a {
            color: var(--blackColor);
            font-family: var(--heading-fontFamily);
            font-size: 18px;
            line-height: 1;
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 24px 25px;
            border-bottom: solid 1px var(--whiteColor);
        }

            .accessibility-link-widget .accessibility-link-list a.active {
                color: #353688;
            }

            .accessibility-link-widget .accessibility-link-list a .icon {
                font-size: 20px;
                line-height: 1;
            }

                .accessibility-link-widget .accessibility-link-list a .icon i {
                    line-height: 1;
                }

            .accessibility-link-widget .accessibility-link-list a:last-child {
                border: none;
            }

            .accessibility-link-widget .accessibility-link-list a:hover {
                color: #353688;
                letter-spacing: 1px;
            }

    .accessibility-link-widget h5 {
        padding: 25px;
        color: var(--blackColor);
        font-size: 18px;
        margin-bottom: 0;
        border-bottom: solid 1px var(--whiteColor);
    }

/*
Book Store Page Style
======================================================*/
.book-store-content .blog-title h2 {
    max-width: 680px;
}

.book-store-content .online-list-widget h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}

.book-store-content .online-list-widget .online-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

    .book-store-content .online-list-widget .online-list li {
        position: relative;
        margin-bottom: 10px;
        font-family: var(--main-fontFamily);
        font-size: var(--fontSize);
        font-weight: 600;
    }

        .book-store-content .online-list-widget .online-list li:last-child {
            margin-bottom: 0;
        }

        .book-store-content .online-list-widget .online-list li a {
            color: #353688;
        }

            .book-store-content .online-list-widget .online-list li a:hover {
                color: var(--primaryColor);
            }

.information-teach-content-widget h4 {
    color: var(--blackColor);
    font-family: Var(--heading-fontFamily2);
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0.88px;
    margin-bottom: 20px;
}

.information-teach-content-widget .content1 {
    margin-bottom: 45px;
}

    .information-teach-content-widget .content1 h5 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 12px;
    }

.information-teach-content-widget .content2 h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
}

.information-teach-content-widget .content2 .accessibility-contact-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 20px;
}

    .information-teach-content-widget .content2 .accessibility-contact-list li {
        position: relative;
        color: var(--paragraphColor);
        font-size: var(--fontSize);
        font-weight: 700;
        margin-bottom: 8px;
    }

        .information-teach-content-widget .content2 .accessibility-contact-list li:last-child {
            margin-bottom: 0;
        }

        .information-teach-content-widget .content2 .accessibility-contact-list li a {
            font-weight: 400;
            color: var(--paragraphColor);
        }

        .information-teach-content-widget .content2 .accessibility-contact-list li span {
            font-weight: 400;
        }

/*
Parking Page Style
======================================================*/
.parking-locker-content .blog-title {
    margin-bottom: 85px;
}

.parking-locker-content .parking-location-widget h4 {
    color: var(--blackColor);
    font-family: Var(--heading-fontFamily2);
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0.88px;
    margin-bottom: 30px;
}

.parking-locker-content .parking-location-widget .parking-item {
    margin-bottom: 30px;
}

    .parking-locker-content .parking-location-widget .parking-item h5 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 14px;
    }

    .parking-locker-content .parking-location-widget .parking-item .parking-item-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .parking-locker-content .parking-location-widget .parking-item .parking-item-list li {
            position: relative;
            margin-bottom: 2px;
        }

            .parking-locker-content .parking-location-widget .parking-item .parking-item-list li:last-child {
                margin-bottom: 0;
            }

            .parking-locker-content .parking-location-widget .parking-item .parking-item-list li a {
                font-weight: 500;
                color: #353688;
            }

.parking-locker-content .parking-notice {
    margin-top: 55px;
}

    .parking-locker-content .parking-notice h4 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 22px;
        font-weight: 400;
        letter-spacing: 0.88px;
        margin-bottom: 20px;
    }

    .parking-locker-content .parking-notice .parking-notice-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .parking-locker-content .parking-notice .parking-notice-list li {
            margin-bottom: 15px;
        }

            .parking-locker-content .parking-notice .parking-notice-list li:last-child {
                margin-bottom: 0;
            }

            .parking-locker-content .parking-notice .parking-notice-list li span {
                color: var(--paragraphColor);
                font-weight: 700;
            }

/*
Residence Page Style
======================================================*/
.residence-content-widget {
    padding-right: 35px;
}

    .residence-content-widget .image {
        margin-bottom: 35px;
    }

    .residence-content-widget .residence-button {
        margin-top: 30px;
        display: flex;
        align-items: center;
    }

        .residence-content-widget .residence-button .default-btn {
            background: #353688;
            padding-left: 105px;
            padding-right: 105px;
        }

        .residence-content-widget .residence-button .residence-link {
            margin-left: 40px;
            color: #353688;
            font-family: var(--heading-fontFamily);
            font-weight: 500;
            text-decoration: underline;
        }

/*
Career Service Page Style
======================================================*/
.career-service-content {
    padding-right: 35px;
}

    .career-service-content .blog-title .image {
        margin-top: 25px;
    }

    .career-service-content .career-service-support h3 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 22px;
        font-weight: 400;
        letter-spacing: 0.88px;
        margin-bottom: 25px;
    }

    .career-service-content .career-service-support .career-service-item {
        margin-bottom: 45px;
    }

        .career-service-content .career-service-support .career-service-item h4 {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 12px;
        }

    .career-service-content .career-service-content h4 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 12px;
    }

    .career-service-content .career-service-content .accessibility-contact-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .career-service-content .career-service-content .accessibility-contact-list li {
            position: relative;
            color: var(--paragraphColor);
            font-size: var(--fontSize);
            font-weight: 700;
            margin-bottom: 8px;
        }

            .career-service-content .career-service-content .accessibility-contact-list li:last-child {
                margin-bottom: 0;
            }

            .career-service-content .career-service-content .accessibility-contact-list li a {
                font-weight: 400;
                color: var(--paragraphColor);
            }

            .career-service-content .career-service-content .accessibility-contact-list li span {
                font-weight: 400;
            }

/*
Health Service Page Style
======================================================*/
.health-service-content {
    padding-right: 30px;
}

    .health-service-content .health-service-location-widget h4 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 22px;
        font-weight: 400;
        letter-spacing: 0.88px;
        margin-bottom: 30px;
    }

    .health-service-content .health-service-location-widget .health-service-item {
        margin-bottom: 45px;
    }

        .health-service-content .health-service-location-widget .health-service-item h5 {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 14px;
        }

        .health-service-content .health-service-location-widget .health-service-item .parking-item-list {
            list-style: none;
            padding-left: 0;
            margin-bottom: 0;
        }

            .health-service-content .health-service-location-widget .health-service-item .parking-item-list li {
                position: relative;
                margin-bottom: 2px;
            }

                .health-service-content .health-service-location-widget .health-service-item .parking-item-list li:last-child {
                    margin-bottom: 0;
                }

                .health-service-content .health-service-location-widget .health-service-item .parking-item-list li a {
                    font-weight: 500;
                    color: #353688;
                }

.health-service-appointment {
    margin-bottom: 45px;
}

    .health-service-appointment h4 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 22px;
        font-weight: 400;
        letter-spacing: 0.88px;
        margin-bottom: 20px;
    }

.health-service-contact h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
}

.health-service-contact p span {
    color: var(--paragraphColor);
    font-weight: 600;
}

.health-service-contact .health-service-contact-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 20px;
}

    .health-service-contact .health-service-contact-list li {
        position: relative;
        color: var(--paragraphColor);
        font-size: var(--fontSize);
        font-weight: 700;
        margin-bottom: 8px;
    }

        .health-service-contact .health-service-contact-list li:last-child {
            margin-bottom: 0;
        }

        .health-service-contact .health-service-contact-list li a {
            font-weight: 400;
            color: var(--paragraphColor);
        }

            .health-service-contact .health-service-contact-list li a:hover {
                color: var(--primaryColor);
            }

        .health-service-contact .health-service-contact-list li span {
            font-weight: 400;
        }

/*
Tutoring Center Page Style
======================================================*/
.tutoring-center-content {
    padding-right: 30px;
}

    .tutoring-center-content .blog-title {
        margin-bottom: 50px;
    }

.tutoring-problems-content h4 {
    color: var(--blackColor);
    font-family: Var(--heading-fontFamily2);
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0.88px;
    margin-bottom: 20px;
}

.tutoring-problems-content .tutoring-item {
    margin-bottom: 45px;
}

    .tutoring-problems-content .tutoring-item:last-child {
        margin-bottom: 0;
    }

    .tutoring-problems-content .tutoring-item h5 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 12px;
    }

.experimental-learning-content {
    padding-right: 35px;
}

    .experimental-learning-content .blog-title h2 {
        max-width: 660px;
    }

    .experimental-learning-content .image {
        margin-top: 25px;
    }

    .experimental-learning-content .experimental-question {
        padding-bottom: 45px;
    }

        .experimental-learning-content .experimental-question h4 {
            color: var(--blackColor);
            font-family: Var(--heading-fontFamily2);
            font-size: 22px;
            font-weight: 400;
            letter-spacing: 0.88px;
            margin-bottom: 20px;
        }

    .experimental-learning-content .experimental-example {
        padding-bottom: 45px;
    }

        .experimental-learning-content .experimental-example h4 {
            color: var(--blackColor);
            font-family: Var(--heading-fontFamily2);
            font-size: 22px;
            font-weight: 400;
            letter-spacing: 0.88px;
            margin-bottom: 25px;
        }

        .experimental-learning-content .experimental-example .examples-list {
            list-style: none;
            padding-left: 0;
            margin-bottom: 0;
        }

            .experimental-learning-content .experimental-example .examples-list li {
                padding-left: 30px;
                position: relative;
                margin-bottom: 5px;
            }

                .experimental-learning-content .experimental-example .examples-list li:last-child {
                    margin-bottom: 0;
                }

                .experimental-learning-content .experimental-example .examples-list li::before {
                    content: "";
                    position: absolute;
                    top: 11px;
                    left: var(--fontSize);
                    height: 5px;
                    width: 5px;
                    border-radius: 50%;
                    background-color: #171717;
                }

    .experimental-learning-content .experimental-answer h4 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 22px;
        font-weight: 400;
        letter-spacing: 0.88px;
        margin-bottom: 25px;
    }

    .experimental-learning-content .experimental-answer .answer-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .experimental-learning-content .experimental-answer .answer-list li {
            padding-left: 30px;
            position: relative;
            margin-bottom: 5px;
        }

            .experimental-learning-content .experimental-answer .answer-list li:last-child {
                margin-bottom: 0;
            }

            .experimental-learning-content .experimental-answer .answer-list li::before {
                content: "";
                position: absolute;
                top: 11px;
                left: var(--fontSize);
                height: 5px;
                width: 5px;
                border-radius: 50%;
                background-color: #171717;
            }

.inner-athletic-warp {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}

    .inner-athletic-warp .athletic-image {
        margin-bottom: 30px;
    }

.positive-section {
    margin-bottom: 50px;
}

    .positive-section .blog-title {
        margin-bottom: 0;
    }

        .positive-section .blog-title h2 {
            margin-bottom: 0;
            padding-right: 110px;
        }

.positive-image {
    margin-right: -180px;
    position: relative;
    z-index: 2;
}

.positive-image-style2 {
    margin-left: -45px;
    position: relative;
    z-index: 1;
}

    .positive-image-style2 .jobs-logo {
        margin-left: 252px;
        margin-bottom: 30px;
        position: relative;
        top: -var(--fontSize);
        opacity: 30%;
    }

.open-role-card {
    padding-bottom: 30px;
}

    .open-role-card .event-list {
        margin-bottom: 20px;
    }

    .open-role-card .default-btn {
        background: #353688;
    }

.open-roles-jobs-warp .inner-pages-pagination {
    margin-top: 40px;
}

.inner-job-widget {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.inner-job-details {
    max-width: 1010px;
    margin-left: auto;
    margin-right: auto;
    background: #ECF3F8;
    padding-top: 60px;
    padding-bottom: 75px;
}

.job-details-button-content {
    margin-top: 50px;
}

    .job-details-button-content p {
        margin-bottom: 35px;
    }

    .job-details-button-content .default-btn {
        background: #353688;
    }

.job-benefits h3 {
    color: var(--blackColor);
    font-family: Var(--heading-fontFamily2);
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0.88px;
    margin-bottom: 15px;
}

.job-benefits .benefits-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

    .job-benefits .benefits-list li {
        margin-bottom: 10px;
        position: relative;
        display: inline-block;
        padding-left: 40px;
        padding-right: 30px;
        padding-top: 8px;
        padding-bottom: 8px;
        background-color: var(--whiteColor);
    }

        .job-benefits .benefits-list li i {
            position: absolute;
            left: 12px;
            font-size: 24px;
            color: #5754FF;
        }

        .job-benefits .benefits-list li:last-child {
            margin-bottom: 0;
        }

.job-description {
    margin-bottom: 60px;
}

    .job-description .description-list {
        list-style: none;
        margin-bottom: 40px;
        padding-left: 0;
    }

        .job-description .description-list li {
            display: inline-block;
            margin-right: 8px;
            padding: 5px 6px;
            background: #FFF;
            box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
            color: var(--secondaryColor);
            font-family: var(--heading-fontFamily);
            font-size: 12px;
            line-height: 1;
            display: inline-block;
            margin-bottom: 10px;
        }

            .job-description .description-list li:last-child {
                margin-right: 0;
            }

            .job-description .description-list li .bold {
                font-size: 12px;
                font-weight: 700;
            }

    .job-description h3 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
        margin-bottom: 20px;
    }

.job-responsibilities {
    margin-bottom: 50px;
}

    .job-responsibilities h3 {
        color: var(--blackColor);
        font-family: Var(--heading-fontFamily2);
        font-size: 22px;
        font-weight: 400;
        letter-spacing: 0.88px;
        padding-bottom: 15px;
    }

    .job-responsibilities .responsibilities-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .job-responsibilities .responsibilities-list.style2 li i {
            color: #EC764B;
        }

        .job-responsibilities .responsibilities-list li {
            position: relative;
            padding-left: 38px;
            margin-bottom: 10px;
        }

            .job-responsibilities .responsibilities-list li:last-child {
                margin-bottom: 0;
            }

            .job-responsibilities .responsibilities-list li i {
                position: absolute;
                left: 0;
                top: -1px;
                font-size: 30px;
                color: var(--secondaryColor);
            }

.transfer-credit-card .content {
    padding-top: 20px;
}

    .transfer-credit-card .content h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }

        .transfer-credit-card .content h3 a {
            color: var(--blackColor);
        }

            .transfer-credit-card .content h3 a:hover {
                color: var(--primaryColor);
            }

    .transfer-credit-card .content p {
        margin-bottom: 20px;
    }

    .transfer-credit-card .content .apply-link {
        color: var(--primaryColor);
        font-family: var(--heading-fontFamily);
        font-size: var(--fontSize);
        font-weight: 600;
    }

        .transfer-credit-card .content .apply-link i {
            position: relative;
            left: 4px;
            line-height: 1;
            font-size: 18px;
            top: 3px;
        }

        .transfer-credit-card .content .apply-link span {
            text-decoration-line: underline;
        }

.transfer-credit-card .image {
    position: relative;
    overflow: hidden;
}

    .transfer-credit-card .image img {
        transition: 0.6s;
    }

    .transfer-credit-card .image::before {
        position: absolute;
        top: 0;
        left: -75%;
        z-index: 2;
        display: block;
        content: "";
        width: 50%;
        transition: 0.6s;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
        transform: skewX(-25deg);
    }

.transfer-credit-card:hover .image::before {
    animation: shine 0.75s;
}

.transfer-credit-card:hover .image img {
    transform: scale(1.1);
}

.tuition-content-widget {
    padding-right: 35px;
}

    .tuition-content-widget .full-time-tuition {
        padding-top: 50px;
        border-top: solid 1px #E8E9ED;
        margin-bottom: 50px;
    }

        .tuition-content-widget .full-time-tuition h4 {
            color: var(--blackColor);
            font-family: Var(--heading-fontFamily2);
            font-size: 22px;
            font-weight: 400;
            letter-spacing: 0.88px;
            margin-bottom: 15px;
        }

        .tuition-content-widget .full-time-tuition .tuition-fees {
            margin-top: 50px;
        }

            .tuition-content-widget .full-time-tuition .tuition-fees .tuition-fees-list {
                list-style: none;
                padding-left: 0;
                margin-bottom: 0;
            }

                .tuition-content-widget .full-time-tuition .tuition-fees .tuition-fees-list li {
                    position: relative;
                    margin-bottom: 12px;
                }

                    .tuition-content-widget .full-time-tuition .tuition-fees .tuition-fees-list li span {
                        font-weight: 600;
                        color: var(--paragraphColor);
                    }

                    .tuition-content-widget .full-time-tuition .tuition-fees .tuition-fees-list li:last-child {
                        margin-bottom: 0;
                    }

    .tuition-content-widget .international-students {
        padding-bottom: 50px;
        border-bottom: solid 1px #E8E9ED;
        margin-bottom: 50px;
    }

        .tuition-content-widget .international-students h4 {
            color: var(--blackColor);
            font-family: Var(--heading-fontFamily2);
            font-size: 22px;
            font-weight: 400;
            letter-spacing: 0.88px;
            margin-bottom: 15px;
        }

    .tuition-content-widget .tuition-awards {
        margin-bottom: 50px;
    }

        .tuition-content-widget .tuition-awards:last-child {
            margin-bottom: 0;
        }

        .tuition-content-widget .tuition-awards h4 {
            color: var(--blackColor);
            font-family: Var(--heading-fontFamily2);
            font-size: 22px;
            font-weight: 400;
            letter-spacing: 0.88px;
            margin-bottom: 15px;
        }

.privacy-policy-content h3 {
    font-size: 40px;
    margin-bottom: 12px;
}

.privacy-policy-content .main-content {
    margin-bottom: 40px;
    margin-top: 40px;
}

.privacy-policy-content .content {
    margin-bottom: 40px;
}

.privacy-policy-content h5 {
    font-size: var(--fontSize);
    font-weight: 600;
    margin-bottom: 10px;
}

    .privacy-policy-content h5 span {
        color: var(--primaryColor);
    }

.privacy-policy-content h4 {
    font-size: 18px;
    margin-bottom: 10px;
}

.privacy-policy-content .privacy-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

    .privacy-policy-content .privacy-list li {
        position: relative;
        padding-left: 25px;
        margin-bottom: 8px;
    }

        .privacy-policy-content .privacy-list li:last-child {
            margin-bottom: 0;
        }

        .privacy-policy-content .privacy-list li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 10px;
            width: 10px;
            height: 10px;
            background-color: var(--primaryColor);
            border-radius: 50%;
        }

.join-luva-box {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 30px;
    margin-bottom: 50px;
}

    .join-luva-box .default-btn {
        margin-top: 190px;
    }

    .join-luva-box p {
        width: 170px;
    }

.directory-widget {
    margin-bottom: 50px;
    padding-left: 30px;
}

    .directory-widget h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .directory-widget .directory-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .directory-widget .directory-list li {
            margin-bottom: 8px;
        }

            .directory-widget .directory-list li:last-child {
                margin-bottom: 0;
            }

            .directory-widget .directory-list li a {
                font-weight: 500;
                color: var(--blackColor);
            }

.latest-side-news h3 {
    font-size: 22px;
    margin-bottom: 20px;
}

.latest-side-news .blog-article-item {
    padding: 15px 30px 42px 25px;
    background: #E8E9ED;
}

    .latest-side-news .blog-article-item .cat a {
        line-height: 1;
        display: inline-block;
        padding: 5px 6px;
        color: var(--secondaryColor);
        font-family: var(--heading-fontFamily);
        margin-bottom: 12px;
        font-size: 14px;
        font-weight: 500;
        background: var(--whiteColor);
        box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
    }

    .latest-side-news .blog-article-item h3 {
        font-size: 17px;
        margin-bottom: 10px;
    }

        .latest-side-news .blog-article-item h3 a {
            color: var(--blackColor);
        }

            .latest-side-news .blog-article-item h3 a:hover {
                color: var(--primaryColor);
            }

    .latest-side-news .blog-article-item .article-list {
        list-style: none;
        margin-bottom: 0;
        padding-left: 0;
    }

        .latest-side-news .blog-article-item .article-list li {
            display: inline-block;
            padding-right: 28px;
            color: var(--paragraphColor);
            font-size: 14px;
        }

            .latest-side-news .blog-article-item .article-list li::before {
                content: "";
                position: absolute;
                right: 15px;
                top: 7px;
                bottom: 0;
                height: var(--fontSize);
                width: 1px;
                background: #E8E8F4;
            }

            .latest-side-news .blog-article-item .article-list li:last-child {
                padding-right: 0;
            }

                .latest-side-news .blog-article-item .article-list li:last-child::before {
                    display: none;
                }

.slide-bar-offcanvas {
    width: auto !important;
}

    .slide-bar-offcanvas .offcanvas-body {
        width: 460px;
        padding: 60px 40px 40px 40px;
    }

    .slide-bar-offcanvas .btn-close {
        position: absolute;
        top: 20px;
        color: #000000;
        opacity: 1;
        right: 40px;
    }

        .slide-bar-offcanvas .btn-close:focus {
            outline: 0;
            box-shadow: unset;
        }

.personal-information-warp .wpcf7 form .wpcf7-response-output {
    width: 80%;
}

/* Shine */
@keyframes shine {
    100% {
        left: 125%;
    }
}

.reveal2 {
    position: relative;
    transform: translateY(0);
    transition: all 0.6s ease;
    overflow: hidden;
}

    .reveal2::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        z-index: 2;
        background: var(--whiteColor);
        transition: 0.9s;
        border-radius: 0;
    }

    .reveal2.active {
        transform: translateY(0);
        opacity: 1;
    }

        .reveal2.active::after {
            width: 0;
        }

.reveal3 {
    position: relative;
    transform: translateY(0);
    transition: all 0.9s ease;
    overflow: hidden;
}

    .reveal3::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        z-index: 2;
        background: var(--whiteColor);
        transition: 0.9s;
        border-radius: 0;
    }

    .reveal3.active {
        transform: translateY(0);
        opacity: 1;
    }

        .reveal3.active::after {
            width: 0;
        }

@keyframes focus-in-expand {
    0% {
        letter-spacing: -0.5em;
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        filter: blur(0);
        opacity: 1;
    }
}
/*
All Key Style
======================================================*/
@keyframes simple-square-to-circle {
    100% {
        border-radius: 50%;
    }
}

@keyframes simple-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes simple-scale {
    100% {
        transform: scale(1.5);
    }
}

@keyframes simple-move {
    100% {
        transform: translate(50px, 0);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

@keyframes movebounce {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(50px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes moveleftbounce {
    0% {
        transform: translateX(100px);
    }

    50% {
        transform: translateX(300px);
    }

    100% {
        transform: translateX(100px);
    }
}

@keyframes rotateme {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes rotate3d {
    0% {
        transform: rotateY(0deg);
    }

    100% {
        transform: rotateY(360deg);
    }
}

@keyframes ripple {
    0% {
        transform: scale(1);
    }

    75% {
        transform: scale(1.5);
        opacity: 0.6;
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.rotateme {
    animation-name: rotateme;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotateme {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/*================================================
Preloader Area CSS
=================================================*/
.preloader-area {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: #EAF5F4;
}

    .preloader-area .loader {
        left: 0;
        right: 0;
        top: 48%;
        position: absolute;
        transform: translateY(-48%);
    }

        .preloader-area .loader .waviy span {
            animation: flip 2s infinite;
            color: var(--titleColor);
            display: inline-block;
            animation-delay: 0.2s;
            font-size: 45px;
            font-weight: 800;
        }

            .preloader-area .loader .waviy span:nth-child(2) {
                animation-delay: 0.2s;
            }

            .preloader-area .loader .waviy span:nth-child(3) {
                animation-delay: 0.4s;
            }

            .preloader-area .loader .waviy span:nth-child(4) {
                animation-delay: 0.6s;
            }

            .preloader-area .loader .waviy span:nth-child(5) {
                animation-delay: 0.8s;
            }

    .preloader-area.preloader-img {
        position: relative;
    }

        .preloader-area.preloader-img .pre-image {
            position: absolute;
            left: 48%;
            top: 47%;
        }

@keyframes flip {
    0%, 80% {
        transform: rotateY(360deg);
    }
}
/*
Preloader Area Style*/
.preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #EAF5F4;
    top: 0;
    left: 0;
    z-index: 99999;
}

    .preloader .lds-ripple {
        position: absolute;
        width: 80px;
        height: 80px;
        animation: spin-six 2.5s infinite cubic-bezier(0.17, 0.72, 0.55, 1.66);
        left: 50%;
        top: 50%;
        transform: translate(-40px, -50px);
    }

    .preloader .preloader-container {
        width: 80px;
        height: 80px;
    }

    .preloader .petal {
        position: absolute;
        width: 30%;
        height: 50%;
        bottom: 50%;
        left: 50%;
        transform-origin: bottom center;
        border-radius: 50%;
        z-index: 2;
    }

        .preloader .petal::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            bottom: 0%;
            left: 0%;
            transform-origin: bottom center;
            border-radius: 50%;
            background: var(--secondaryColor);
            z-index: 2;
            animation: opacity-nine 0.8s infinite linear;
            opacity: 1;
            border-left: 1px solid var(--primaryColor);
        }

        .preloader .petal:nth-of-type(6) {
            transform: translate(-50%, 0%) rotate(225deg);
        }

            .preloader .petal:nth-of-type(6)::before {
                background-color: transparent;
                animation-delay: 0.5s;
            }

        .preloader .petal:nth-of-type(7) {
            transform: translate(-50%, 0%) rotate(270deg);
        }

            .preloader .petal:nth-of-type(7)::before {
                background-color: transparent;
                animation-delay: 0.6s;
            }

        .preloader .petal:nth-of-type(8) {
            transform: translate(-50%, 0%) rotate(315deg);
        }

            .preloader .petal:nth-of-type(8)::before {
                background-color: transparent;
                animation-delay: 0.7s;
            }

        .preloader .petal:nth-of-type(1) {
            transform: translate(-50%, 0%);
        }

            .preloader .petal:nth-of-type(1)::before {
                animation-delay: 0s;
            }

        .preloader .petal:nth-of-type(2) {
            transform: translate(-50%, 0%) rotate(45deg);
        }

            .preloader .petal:nth-of-type(2)::before {
                animation-delay: 0.1s;
            }

        .preloader .petal:nth-of-type(3) {
            transform: translate(-50%, 0%) rotate(90deg);
        }

            .preloader .petal:nth-of-type(3)::before {
                animation-delay: 0.2s;
            }

        .preloader .petal:nth-of-type(4) {
            transform: translate(-50%, 0%) rotate(135deg);
        }

            .preloader .petal:nth-of-type(4)::before {
                animation-delay: 0.3s;
            }

        .preloader .petal:nth-of-type(5) {
            transform: translate(-50%, 0%) rotate(180deg);
        }

            .preloader .petal:nth-of-type(5)::before {
                animation-delay: 0.4s;
            }

    .preloader .petal-1 {
        position: absolute;
        width: 30%;
        height: 50%;
        bottom: 50%;
        left: 50%;
        transform-origin: bottom center;
        border-radius: 50%;
        z-index: -1;
    }

        .preloader .petal-1::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            bottom: 0%;
            left: 0%;
            transform-origin: bottom center;
            border-radius: 50%;
            background: var(--secondaryColor);
            z-index: 2;
            animation: opacity-nine 0.8s infinite linear;
            opacity: 1;
        }

        .preloader .petal-1:nth-of-type(9) {
            transform: translate(-50%, 0%) rotate(225deg);
        }

            .preloader .petal-1:nth-of-type(9)::before {
                animation-delay: 0.5s;
            }

        .preloader .petal-1:nth-of-type(10) {
            transform: translate(-50%, 0%) rotate(270deg);
        }

            .preloader .petal-1:nth-of-type(10)::before {
                animation-delay: 0.6s;
            }

        .preloader .petal-1:nth-of-type(11) {
            transform: translate(-50%, 0%) rotate(315deg);
        }

            .preloader .petal-1:nth-of-type(11)::before {
                animation-delay: 0.7s;
            }

    .preloader .ball {
        position: absolute;
        width: 28%;
        height: 28%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        border: 1px solid var(--whiteColor);
        background: var(--secondaryColor);
        z-index: 3;
    }

    .preloader.preloader-deactivate {
        visibility: hidden;
    }

    .preloader .text-center {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: auto;
        font-size: 60px;
        color: var(--secondaryColor);
        line-height: 1;
    }

/*======================================================
Home Page Four & Five Style
======================================================*/
/*
Header Navbar Style
======================================================*/
.home4-header .social-list {
    margin-left: 330px;
    padding-right: 35px;
}

    .home4-header .social-list::before {
        display: none;
    }

    .home4-header .social-list::after {
        content: "";
        position: absolute;
        right: 0;
        top: 8px;
        height: 16px;
        width: 1px;
        background-color: #B3B3D6;
    }

    .home4-header .social-list li img {
        filter: brightness(0) saturate(100%) invert(12%) sepia(26%) saturate(3187%) hue-rotate(222deg) brightness(94%) contrast(107%);
    }

.home4-header .header-contact {
    padding-left: 35px;
}

.home4-navbar {
    position: relative;
}

    .home4-navbar::before {
        content: "";
        position: absolute;
        top: -51px;
        left: 0;
        bottom: 0;
        width: 372px;
        height: 149px;
        z-index: -1;
        background: #7768E5;
    }

    .home4-navbar .navbar-nav {
        margin-left: 143px;
    }

        .home4-navbar .navbar-nav .nav-item {
            margin-left: 17px;
            margin-right: 17px;
        }

            .home4-navbar .navbar-nav .nav-item .nav-link {
                font-size: 14px;
            }

    .home4-navbar .navbar-logo {
        position: relative;
        top: -28px;
    }

    .home4-navbar.sticky .navbar-logo {
        top: 0;
    }

    .home4-navbar .others-option .option-item .input-search {
        position: relative;
    }

        .home4-navbar .others-option .option-item .input-search .form-control {
            width: 262px;
            border: none;
            padding-left: 0;
            border-radius: 0;
            color: #89899F;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: -0.42px;
            border-bottom: solid 1px #E7E7F4;
        }

            .home4-navbar .others-option .option-item .input-search .form-control:focus {
                box-shadow: unset;
            }

                .home4-navbar .others-option .option-item .input-search .form-control:focus::-moz-placeholder {
                    color: transparent;
                }

                .home4-navbar .others-option .option-item .input-search .form-control:focus::placeholder {
                    color: transparent;
                }

            .home4-navbar .others-option .option-item .input-search .form-control::-moz-placeholder {
                color: #89899F;
                -moz-transition: 0.6s;
                transition: 0.6s;
            }

            .home4-navbar .others-option .option-item .input-search .form-control::placeholder {
                color: #89899F;
                transition: 0.6s;
            }

        .home4-navbar .others-option .option-item .input-search .form-search-btn {
            position: absolute;
            right: 0;
            top: 0;
            background-color: transparent;
            border: none;
        }

    .home4-navbar .responsive-logo {
        display: none;
    }

/*
Hero Four Style
======================================================*/
.home-four-hero-area {
    position: relative;
    padding-top: 174px;
    padding-bottom: 175px;
    background: #1B164D;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 960px 100%;
}

    .home-four-hero-area .hero-text {
        position: absolute;
        top: 0;
        left: 43%;
    }

    .home-four-hero-area .view-link {
        position: absolute;
        right: 0;
        bottom: 25px;
        font-weight: 500;
        padding: 25px 40px;
    }

        .home-four-hero-area .view-link span {
            text-decoration: underline;
        }

.home-four-content {
    max-width: 765px;
}

    .home-four-content .title {
        color: #F8CA4D;
        font-family: var(--heading-fontFamily);
        font-size: 15px;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        display: block;
        margin-bottom: 5px;
    }

    .home-four-content h1 {
        color: #FFF;
        font-family: var(--heading-fontFamily2);
        font-size: 60px;
        font-weight: 400;
        line-height: 75px;
        letter-spacing: 2.4px;
        margin-bottom: 20px;
    }

    .home-four-content p {
        color: #C5C5CF;
        margin-bottom: 40px;
        max-width: 640px;
    }

    .home-four-content .default-btn.style2 {
        background-color: transparent;
        border: 1px solid #F8CA4D;
        color: #F8CA4D;
        margin-left: 10px;
    }

        .home-four-content .default-btn.style2:hover {
            color: var(--bs-white);
        }

/*
Four About Style
======================================================*/
.four-about-heading {
    margin-bottom: 40px;
}

    .four-about-heading .title {
        font-family: var(--heading-fontFamily);
        color: #7768E5;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        display: block;
    }

    .four-about-heading h3 {
        color: #0D0D25;
        font-family: var(--heading-fontFamily2);
        font-size: 32px;
        letter-spacing: 1.28px;
        margin-bottom: 0;
        max-width: 895px;
    }

.four-about-content {
    padding-left: 30px;
    position: relative;
}

    .four-about-content p {
        color: #525271;
        margin-bottom: 26px;
    }

    .four-about-content .abot-item {
        margin-bottom: 20px;
        max-width: 200px;
    }

        .four-about-content .abot-item.style2 {
            margin-left: 190px;
        }

        .four-about-content .abot-item:last-child {
            margin-bottom: 0;
        }

        .four-about-content .abot-item .icon-content {
            display: flex;
            align-items: end;
            margin-bottom: 20px;
        }

            .four-about-content .abot-item .icon-content .about-icon {
                flex-shrink: 0;
            }

            .four-about-content .abot-item .icon-content h4 {
                color: #0D0D25;
                font-family: var(--heading-fontFamily2);
                font-size: 40px;
                letter-spacing: 1.6px;
                margin-left: 20px;
                margin-bottom: 0;
                line-height: 1;
            }

        .four-about-content .abot-item h6 {
            color: #525271;
            font-family: var(--main-fontFamily);
            font-weight: 400;
            font-size: 14px;
            letter-spacing: 1.4px;
            line-height: 1.8;
            text-transform: uppercase;
            margin-bottom: 0;
        }

    .four-about-content .round-shape {
        width: 163.766px;
        height: 163.843px;
        text-align: center;
        position: absolute;
        bottom: -136px;
        left: 20px;
        line-height: 163px;
    }

        .four-about-content .round-shape .text-shape {
            position: absolute;
            left: 0;
            top: 0;
            animation: rotateme 9s linear infinite;
        }

/*
Program Style
======================================================*/
.program-content .title {
    color: #7768E5;
    font-family: var(--heading-fontFamily);
    font-size: 15px;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    letter-spacing: 1.5px;
}

/*
Four Popular Style
======================================================*/
.popular-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}

    .popular-heading .title {
        color: #7768E5;
        font-family: var(--heading-fontFamily);
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .popular-heading h3 {
        color: #0D0D25;
        font-family: var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
        margin-bottom: 0;
        max-width: 636px;
    }

.four-popular-widget .content {
    padding-top: 20px;
}

    .four-popular-widget .content ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 8px;
    }

        .four-popular-widget .content ul li {
            display: inline-block;
            padding-left: 35px;
            font-family: Inter;
            font-size: 12px;
            position: relative;
        }

            .four-popular-widget .content ul li img {
                position: absolute;
                left: 0;
                top: -2px;
            }

    .four-popular-widget .content h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }

        .four-popular-widget .content h3 a {
            color: #0D0D25;
        }

            .four-popular-widget .content h3 a:hover {
                color: var(--primaryColor);
            }

    .four-popular-widget .content .popular-link {
        color: #FC6441;
        font-family: var(--heading-fontFamily);
        font-weight: 500;
    }

        .four-popular-widget .content .popular-link span {
            text-decoration-line: underline;
        }

        .four-popular-widget .content .popular-link i {
            position: relative;
            left: 8px;
            top: 2px;
        }

.four-popular-program-area {
    overflow: hidden;
}

    .four-popular-program-area .four-popular-slider-widget {
        position: relative;
    }

        .four-popular-program-area .four-popular-slider-widget .swiper {
            margin-right: -410px;
        }

    .four-popular-program-area .swiper-btn .swiper-button-prev,
    .four-popular-program-area .swiper-btn .swiper-button-next {
        top: 96.7%;
    }

        .four-popular-program-area .swiper-btn .swiper-button-prev::before,
        .four-popular-program-area .swiper-btn .swiper-button-next::before {
            color: #353688;
        }

    .four-popular-program-area .swiper-btn .swiper-button-prev {
        left: auto;
        right: 175px;
        z-index: 2;
    }

        .four-popular-program-area .swiper-btn .swiper-button-prev:before {
            content: "\ea60";
        }

    .four-popular-program-area .swiper-btn .swiper-button-next {
        right: 0;
    }

        .four-popular-program-area .swiper-btn .swiper-button-next:before {
            content: "\ea61";
        }

    .four-popular-program-area .four-popular-buttons {
        margin-top: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .four-popular-program-area .four-popular-buttons .default-btn {
            background: var(--Dark, #1B164D);
            z-index: 1030;
            padding: 25px 40px;
        }

            .four-popular-program-area .four-popular-buttons .default-btn span {
                text-decoration: underline;
            }

        .four-popular-program-area .four-popular-buttons .swiper-pagination {
            text-align: end;
            right: 50px;
            left: auto;
            z-index: 1;
        }

            .four-popular-program-area .four-popular-buttons .swiper-pagination .swiper-pagination-bullet {
                opacity: 1;
                margin-right: 20px;
                background-color: transparent;
            }

                .four-popular-program-area .four-popular-buttons .swiper-pagination .swiper-pagination-bullet:last-child {
                    margin-right: 0;
                }

/*
Four Undergraduate Style
======================================================*/
.four-undergraduate-widget {
    max-width: 962px;
}

    .four-undergraduate-widget .col-lg-6:nth-child(2) .undergraduate-widget {
        margin-left: 100px;
    }

.home-four-undergraduate {
    position: relative;
}

    .home-four-undergraduate .undergraduate-shape {
        position: absolute;
        right: 0;
        top: 50px;
    }

/*
Four Campus Style
======================================================*/
.home-four-campus-slider .campus-widget .content {
    padding-top: 30px;
    padding-bottom: 30px;
}

/*
Four Financial Style
======================================================*/
.financial-image {
    position: relative;
    padding-right: 30px;
}

    .financial-image .info-content {
        padding: 30px;
        width: 203px;
        position: absolute;
        top: -5px;
        right: 45px;
        text-align: center;
        border-radius: 4px;
        background: #F8CA4D;
        box-shadow: 0px 4px 20px 0px rgba(167, 136, 54, 0.3);
    }

        .financial-image .info-content p {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 12px;
        }

        .financial-image .info-content h2 {
            color: var(--Dark, #1B164D);
            font-family: var(--heading-fontFamily2);
            font-size: 30px;
            font-weight: 400;
            letter-spacing: 1.2px;
            line-height: 1;
            margin-bottom: 0;
        }

.financial-info-content {
    padding-left: 10px;
}

    .financial-info-content .title {
        color: #7768E5;
        font-family: var(--heading-fontFamily);
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        display: block;
        margin-bottom: 8px;
    }

    .financial-info-content h3 {
        color: #0D0D25;
        font-family: var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
        margin-bottom: 20px;
    }

    .financial-info-content p {
        color: #525271;
        padding-bottom: 40px;
    }

    .financial-info-content ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .financial-info-content ul li {
            display: block;
            margin-bottom: 5px;
            border-top: solid 1px #F3F3F6;
            border-bottom: solid 1px #F3F3F6;
        }

            .financial-info-content ul li a {
                position: relative;
                color: #353688;
                font-family: var(--heading-fontFamily);
                font-weight: 600;
                display: block;
                padding: 25px 0;
            }

                .financial-info-content ul li a.active {
                    background: #F3F3F6;
                    padding: 25px 30px;
                }

                    .financial-info-content ul li a.active i {
                        position: absolute;
                        right: 30px;
                        top: 50%;
                        transform: translateY(-9px);
                    }

                .financial-info-content ul li a:hover {
                    background: #F3F3F6;
                    padding: 25px 30px;
                }

                    .financial-info-content ul li a:hover i {
                        position: absolute;
                        right: 30px;
                        top: 50%;
                        transform: translateY(-9px);
                    }

                .financial-info-content ul li a i {
                    font-size: 20px;
                    position: relative;
                    transition: 0.6s;
                    top: 3px;
                }

/*
Researcher Explore Style
======================================================*/
.research-explore-area {
    background: var(--Dark, #1B164D);
    position: relative;
    z-index: 1;
}

    .research-explore-area .rex-shape {
        position: absolute;
        bottom: 100px;
        text-align: center;
        left: 0;
        right: 0;
        z-index: -1;
        margin-left: auto;
        margin-right: auto;
    }

.research-explore-widget {
    padding-right: 110px;
}

    .research-explore-widget .title {
        color: #F8CA4D;
        font-family: var(--heading-fontFamily);
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        display: block;
        margin-bottom: 8px;
    }

    .research-explore-widget h3 {
        color: #FFF;
        font-family: var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
        margin-bottom: 40px;
    }

    .research-explore-widget .rex-item {
        padding-bottom: 30px;
        margin-bottom: 40px;
        border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    }

        .research-explore-widget .rex-item:last-child {
            border-bottom: none;
            margin-bottom: 0;
        }

        .research-explore-widget .rex-item .cat li {
            display: inline-block;
        }

            .research-explore-widget .rex-item .cat li a {
                color: rgba(255, 255, 255, 0.7);
                font-family: var(--heading-fontFamily);
                font-size: 12px;
                font-weight: 500;
                letter-spacing: 1.2px;
                text-transform: uppercase;
                display: inline-flex;
                padding: 5px 10px;
                line-height: 1;
                margin-bottom: 12px;
                justify-content: center;
                background: rgba(255, 255, 255, 0.1);
                box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
            }

        .research-explore-widget .rex-item h4 {
            font-family: var(--heading-fontFamily);
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 0;
            line-height: 34px;
        }

            .research-explore-widget .rex-item h4 a {
                color: var(--bs-white);
            }

                .research-explore-widget .rex-item h4 a:hover {
                    text-decoration: underline;
                }

.rex-main-widget .image {
    border-bottom: 4px;
}

    .rex-main-widget .image img {
        border-radius: 4px;
    }

.rex-main-widget .content {
    padding-top: 30px;
}

    .rex-main-widget .content .tags-date {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

        .rex-main-widget .content .tags-date .cat li {
            display: inline-block;
        }

            .rex-main-widget .content .tags-date .cat li a {
                color: rgba(255, 255, 255, 0.7);
                font-family: var(--heading-fontFamily);
                font-size: 12px;
                font-weight: 500;
                letter-spacing: 1.2px;
                text-transform: uppercase;
                display: inline-flex;
                padding: 5px 10px;
                line-height: 1;
                margin-right: 22px;
                justify-content: center;
                background: rgba(255, 255, 255, 0.1);
                box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
            }

        .rex-main-widget .content .tags-date ul {
            list-style: none;
            padding-left: 0;
            margin-bottom: 0;
        }

            .rex-main-widget .content .tags-date ul li {
                color: #B3B3D6;
                padding-right: 30px;
                position: relative;
                display: inline-block;
            }

                .rex-main-widget .content .tags-date ul li::before {
                    content: "";
                    position: absolute;
                    top: 6px;
                    right: 12px;
                    height: 15px;
                    width: 1px;
                    background: rgba(232, 232, 244, 0.3);
                }

                .rex-main-widget .content .tags-date ul li:last-child {
                    padding-right: 0;
                }

                    .rex-main-widget .content .tags-date ul li:last-child::before {
                        display: none;
                    }

    .rex-main-widget .content h3 {
        font-family: var(--heading-fontFamily);
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 20px;
    }

        .rex-main-widget .content h3 a {
            color: var(--bs-white);
        }

            .rex-main-widget .content h3 a:hover {
                text-decoration-line: underline;
            }

    .rex-main-widget .content .rex-link {
        position: relative;
        display: block;
        color: #FC6441;
        font-family: var(--heading-fontFamily);
        font-weight: 600;
    }

        .rex-main-widget .content .rex-link i {
            position: relative;
            top: 3px;
            left: 5px;
        }

        .rex-main-widget .content .rex-link span {
            text-decoration-line: underline;
        }

/*
Partner Area Style
======================================================*/
.partner-slider-widget {
    text-align: center;
}

/*
Four Video Area Style
======================================================*/
.home-four-video .video-btn {
    display: block;
    opacity: 1;
}

/*
Home Four Students Area Style
======================================================*/
.home-four-student-review {
    position: relative;
    overflow: hidden;
}

    .home-four-student-review .swiper {
        margin-right: -345px;
    }

    .home-four-student-review .section-warp {
        align-items: start;
    }

        .home-four-student-review .section-warp .title {
            color: #7768E5;
            font-family: var(--heading-fontFamily);
            font-size: 15px;
            font-weight: 600;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            margin-right: 100px;
        }

        .home-four-student-review .section-warp h2 {
            max-width: 636px;
        }

.home-four-review-widget {
    padding: 50px 40px 55px 40px;
    border-radius: 10px;
    background: #F3F3F6;
}

    .home-four-review-widget .star-details {
        margin-bottom: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .home-four-review-widget .star-details .review-details {
            display: flex;
            align-items: center;
        }

            .home-four-review-widget .star-details .review-details .image {
                width: 46px;
                height: 46px;
                flex-shrink: 0;
            }

                .home-four-review-widget .star-details .review-details .image img {
                    border-radius: 50%;
                }

            .home-four-review-widget .star-details .review-details .content {
                padding-left: 14px;
            }

                .home-four-review-widget .star-details .review-details .content span {
                    color: #3F3F60;
                    font-size: 14px;
                    font-weight: 600;
                    line-height: 1;
                    display: block;
                    letter-spacing: 1.4px;
                }

                .home-four-review-widget .star-details .review-details .content p {
                    color: #3F3F60;
                    font-size: 14px;
                    font-weight: 400;
                    margin-top: 8px;
                    line-height: 1;
                }

                    .home-four-review-widget .star-details .review-details .content p span {
                        display: inline-block;
                    }

    .home-four-review-widget .star-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 5px;
    }

        .home-four-review-widget .star-list li {
            display: inline-block;
            margin-right: -1px;
            color: rgb(226, 186, 45);
        }

    .home-four-review-widget h4 {
        color: #353688;
        font-size: 18px;
        margin-bottom: 15px;
    }

    .home-four-review-widget .main {
        color: #525271;
        font-size: 22px;
        line-height: 1.6;
        letter-spacing: -0.88px;
    }

/*
Event Contest Area Style
======================================================*/
.event-contest-heading {
    margin-bottom: 40px;
}

    .event-contest-heading .title {
        color: #7768E5;
        font-family: var(--heading-fontFamily);
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 1.5px;
        display: block;
        text-transform: uppercase;
    }

    .event-contest-heading h2 {
        color: #0D0D25;
        font-family: var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
        margin-bottom: 0;
        padding-left: 30px;
    }

    .event-contest-heading .event-link {
        color: #FC6441;
        font-family: var(--heading-fontFamily);
        font-size: 16px;
        font-weight: 600;
    }

        .event-contest-heading .event-link i {
            position: relative;
            left: 8px;
            top: 3px;
            font-size: 20px;
        }

.event-contest-area {
    position: relative;
    z-index: 1;
}

    .event-contest-area::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: -1;
        width: 70%;
        background: #B7D8EF;
    }

    .event-contest-area .event-contest-slider-widget {
        position: relative;
        padding-bottom: 50px;
    }

        .event-contest-area .event-contest-slider-widget .swiper-pagination3 {
            justify-content: center;
            display: flex;
            bottom: 0;
            position: absolute;
        }

        .event-contest-area .event-contest-slider-widget .swiper-pagination-bullet {
            height: 6px;
            width: 6px;
            opacity: 1;
            border-radius: 50%;
            background-color: #F6F6F6;
        }

        .event-contest-area .event-contest-slider-widget .swiper-pagination-bullet-active {
            background-color: #5C5C7E;
        }

.event-contest-card {
    padding: 40px 39px 55px 33px;
    background: #ECF3F8;
}

    .event-contest-card .tags {
        display: inline-flex;
        padding: 5px 6px;
        justify-content: center;
        line-height: 1;
        margin-bottom: 10px;
        color: #7768E5;
        font-family: var(--heading-fontFamily);
        font-size: 12px;
        font-weight: 500;
        background: var(--bs-white);
        box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
    }

    .event-contest-card h3 {
        font-family: var(--heading-fontFamily);
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 16px;
    }

        .event-contest-card h3 a {
            color: #0D0D25;
        }

        .event-contest-card h3:hover a {
            color: var(--primaryColor);
        }

    .event-contest-card ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .event-contest-card ul li {
            display: inline-block;
            padding-right: 30px;
            position: relative;
            padding-left: 30px;
            color: #525271;
            font-size: 15px;
        }

            .event-contest-card ul li i {
                position: absolute;
                left: 0;
                top: 2px;
                font-size: 19px;
            }

            .event-contest-card ul li:last-child {
                padding-right: 0;
            }

/*
Question Area Style
======================================================*/
.question-content .title {
    color: #7768E5;
    font-family: var(--heading-fontFamily);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.5px;
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.home-four-question-images {
    padding-left: 15px;
}

/*
Home Four Donate Area Style
======================================================*/
.home-four-donate {
    display: flex;
    padding: 24px 30px;
    align-items: center;
    background: linear-gradient(90deg, #B0C2FF 0%, #F1F1FC 100%);
}

    .home-four-donate .icon {
        width: 64px;
        height: 64px;
        flex-shrink: 0;
        border-radius: 50%;
        line-height: 64px;
        text-align: center;
        background-color: var(--bs-white);
    }

    .home-four-donate .content {
        padding-left: 30px;
    }

        .home-four-donate .content h6 {
            font-size: 22px;
            margin-bottom: 5px;
        }

        .home-four-donate .content .donate-link {
            display: block;
            color: #353688;
            font-weight: 600;
        }

            .home-four-donate .content .donate-link.style2 {
                color: #FC6441;
            }

            .home-four-donate .content .donate-link i {
                position: relative;
                left: 2px;
                top: 3px;
                font-size: 20px;
            }

            .home-four-donate .content .donate-link span {
                position: relative;
            }

                .home-four-donate .content .donate-link span::before {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    height: 1px;
                    width: 0%;
                    transition: 0.6s;
                    background-color: rgb(252, 100, 65);
                }

            .home-four-donate .content .donate-link:hover {
                color: rgb(252, 100, 65);
            }

                .home-four-donate .content .donate-link:hover span::before {
                    width: 100%;
                }

    .home-four-donate.bg2 {
        background: linear-gradient(90deg, #FFC2B4 0%, #FFEDE9 100%);
    }

.strategic-donate-area {
    position: relative;
    z-index: 1;
}

    .strategic-donate-area::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 45%;
        width: 100%;
        z-index: -1;
        background: #28283F;
    }

/*
Home Five Header Navbar Area Style
======================================================*/
.home-five-navbar .navbar-nav .nav-item {
    margin-left: 17px;
    margin-right: 17px;
}

    .home-five-navbar .navbar-nav .nav-item .nav-link {
        font-size: 18px;
    }

.home-five-navbar .others-option .option-item .input-search {
    position: relative;
}

    .home-five-navbar .others-option .option-item .input-search .form-control {
        width: 262px;
        border: none;
        padding-left: 0;
        border-radius: 0;
        color: #89899F;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -0.42px;
        border-bottom: solid 1px #E7E7F4;
    }

        .home-five-navbar .others-option .option-item .input-search .form-control:focus {
            box-shadow: unset;
        }

            .home-five-navbar .others-option .option-item .input-search .form-control:focus::-moz-placeholder {
                color: transparent;
            }

            .home-five-navbar .others-option .option-item .input-search .form-control:focus::placeholder {
                color: transparent;
            }

        .home-five-navbar .others-option .option-item .input-search .form-control::-moz-placeholder {
            color: #89899F;
            -moz-transition: 0.6s;
            transition: 0.6s;
        }

        .home-five-navbar .others-option .option-item .input-search .form-control::placeholder {
            color: #89899F;
            transition: 0.6s;
        }

    .home-five-navbar .others-option .option-item .input-search .form-search-btn {
        position: absolute;
        right: 0;
        top: 0;
        background-color: transparent;
        border: none;
    }

.home-five-navbar .others-option .option-item .side-bar-btn {
    padding: 10px;
    color: var(--bs-white);
    border-radius: 4px;
    line-height: 1;
    background: #1B164C;
}

    .home-five-navbar .others-option .option-item .side-bar-btn img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1190%) hue-rotate(183deg) brightness(103%) contrast(105%);
    }

.home-five-header .header-contact {
    padding-right: 30px;
    margin-right: 30px;
    position: relative;
}

    .home-five-header .header-contact::before {
        content: "";
        position: absolute;
        top: 7px;
        right: 0;
        bottom: 0;
        height: 14px;
        width: 1px;
        background: #B3B3D6;
    }

    .home-five-header .header-contact li {
        font-size: 13px;
        font-weight: 500;
        position: relative;
        padding-left: 20px;
        padding-right: 30px;
    }

        .home-five-header .header-contact li:last-child {
            padding-right: 0;
        }

        .home-five-header .header-contact li a {
            color: #525271;
        }

            .home-five-header .header-contact li a:hover {
                color: var(--primaryColor);
            }

        .home-five-header .header-contact li i {
            position: absolute;
            left: 0;
            font-size: 16px;
            top: 4px;
        }

/*
Home Five Hero Area Style
======================================================*/
.home-five-hero-area {
    background-image: url(../img/new-demo-images/hero-five.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 180px;
    padding-bottom: 175px;
    position: relative;
    z-index: 1;
}

    .home-five-hero-area::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
        background: linear-gradient(99deg, rgba(3, 3, 20, 0.4) 25.49%, rgba(3, 3, 20, 0.12) 70.35%);
        mix-blend-mode: plus-darker;
    }

    .home-five-hero-area::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 1002px;
        z-index: -1;
        background: linear-gradient(115deg, #030314 27.84%, #83839F 65.8%);
        mix-blend-mode: overlay;
    }

    .home-five-hero-area .view-link {
        position: absolute;
        right: 0;
        bottom: 25px;
        font-weight: 500;
        padding: 25px 40px;
    }

        .home-five-hero-area .view-link span {
            text-decoration: underline;
        }

.home-five-slider-widget {
    position: relative;
    max-width: 790px;
}

    .home-five-slider-widget .home-five-content .title {
        color: #F8CA4D;
        font-family: var(--heading-fontFamily);
        font-size: 15px;
        font-weight: 600;
        display: block;
        margin-bottom: 10px;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .home-five-slider-widget .home-five-content h1 {
        color: #FFF;
        font-family: var(--heading-fontFamily2);
        font-size: 80px;
        font-weight: 400;
        line-height: 95px;
        letter-spacing: 3.2px;
        margin-bottom: 40px;
    }

    .home-five-slider-widget .home-five-content p {
        color: #C5C5CF;
        max-width: 640px;
        margin-bottom: 30px;
    }

    .home-five-slider-widget .home-five-content .default-btn {
        background: #7768E5;
    }

        .home-five-slider-widget .home-five-content .default-btn.style2 {
            color: var(--Dark, #1B164D);
            border: 1px solid #B7D8EF;
            background: #B7D8EF;
            margin-left: 15px;
        }

    .home-five-slider-widget .swiper-btn .swiper-button-prev,
    .home-five-slider-widget .swiper-btn .swiper-button-next {
        top: 122.7%;
        position: absolute;
    }

        .home-five-slider-widget .swiper-btn .swiper-button-prev::before,
        .home-five-slider-widget .swiper-btn .swiper-button-next::before {
            color: #E2BA2D;
        }

    .home-five-slider-widget .swiper-btn .swiper-button-prev {
        left: 0;
        right: auto;
    }

        .home-five-slider-widget .swiper-btn .swiper-button-prev:before {
            content: "\ea60";
        }

    .home-five-slider-widget .swiper-btn .swiper-button-next {
        right: auto;
        left: 138px;
        padding-top: 5px;
        z-index: 3;
    }

        .home-five-slider-widget .swiper-btn .swiper-button-next:before {
            content: "\ea61";
        }

    .home-five-slider-widget .five-hero-buttons {
        display: flex;
        align-items: center;
    }

        .home-five-slider-widget .five-hero-buttons .swiper-pagination {
            text-align: start;
            left: 40px;
            bottom: -130px;
            z-index: 1;
        }

            .home-five-slider-widget .five-hero-buttons .swiper-pagination .swiper-pagination-bullet {
                opacity: 1;
                margin-right: 20px;
                color: rgba(255, 255, 255, 0.7);
                background-color: transparent;
            }

                .home-five-slider-widget .five-hero-buttons .swiper-pagination .swiper-pagination-bullet:last-child {
                    margin-right: 0;
                }

            .home-five-slider-widget .five-hero-buttons .swiper-pagination .swiper-pagination-bullet-active {
                color: var(--bs-white);
                font-size: 20px;
                font-weight: 700;
            }

/*
Overview Area Style
======================================================*/
.over-view-widget .form-select {
    width: 100%;
    border: none;
    height: 70px;
    border-radius: 0;
    padding: 0;
    line-height: 70px;
    color: #0D0D25;
    font-family: var(--heading-fontFamily);
    font-weight: 500;
    border-bottom: 1px solid #ECEBF1;
    background-image: url(../img/new-demo-images/caret-down-filled.svg);
    background-position: right;
    background-size: 16px;
}

    .over-view-widget .form-select:focus {
        box-shadow: unset;
    }

.over-view-widget a {
    display: block;
    width: 100%;
    line-height: 70px;
    height: 70px;
    position: relative;
    border-bottom: 1px solid #ECEBF1;
    color: #0D0D25;
    font-family: var(--heading-fontFamily);
    font-weight: 500;
}

    .over-view-widget a i {
        position: absolute;
        right: 0;
        top: 26px;
        color: #A6A7C6;
        font-size: 20px;
    }

    .over-view-widget a:hover {
        color: var(--primaryColor);
    }

/*
Home Five About Area Style
======================================================*/
.home-five-about-area {
    position: relative;
    z-index: 1;
}

    .home-five-about-area .about-shape {
        position: absolute;
        bottom: -45px;
        right: 30%;
        z-index: -1;
    }

.home-five-about-heading h2 {
    color: #0D0D25;
    font-family: var(--heading-fontFamily2);
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 1.28px;
    margin-bottom: 0;
}

.home-five-about-content {
    position: relative;
    z-index: 1;
}

    .home-five-about-content h3 {
        color: var(--Dark, #1B164D);
        font-family: var(--main-fontFamily);
        font-size: 42px;
        font-weight: 500;
        letter-spacing: -1.68px;
        margin-bottom: 20px;
    }

    .home-five-about-content p {
        color: #525271;
        margin-bottom: 25px;
    }

    .home-five-about-content .default-btn {
        background: #B7D8EF;
        color: #1B164D;
    }

.section-warp .view-link {
    color: #FC6441;
    font-family: var(--heading-fontFamily);
    font-size: 16px;
    font-weight: 500;
}

    .section-warp .view-link span {
        text-decoration-line: underline;
    }

    .section-warp .view-link i {
        position: relative;
        left: 8px;
        top: 5px;
        font-size: 20px;
    }

.hf-faculty-main {
    margin-right: -15px;
}

    .hf-faculty-main .image {
        margin-bottom: 30px;
    }

    .hf-faculty-main .tags {
        color: #7768E5;
        font-family: var(--heading-fontFamily);
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1.2px;
        text-transform: uppercase;
        display: inline-flex;
        padding: 5px 10px;
        justify-content: center;
        margin-bottom: 10px;
        background: rgba(255, 255, 255, 0.1);
        box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
    }

    .hf-faculty-main h3 {
        font-family: var(--main-fontFamily);
        font-size: 24px;
        font-weight: 400;
        letter-spacing: -0.96px;
        margin-bottom: 18px;
    }

        .hf-faculty-main h3 a {
            text-decoration-line: underline;
            color: var(--Dark, #1B164D);
        }

            .hf-faculty-main h3 a:hover {
                color: var(--primaryColor);
            }

    .hf-faculty-main ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .hf-faculty-main ul li {
            display: inline-block;
            margin-bottom: 0;
            padding-right: 30px;
        }

            .hf-faculty-main ul li:last-child {
                padding-right: 0;
            }

.hf-faculty-item {
    margin-bottom: 58px;
    margin-left: 15px;
}

    .hf-faculty-item:last-child {
        margin-bottom: 0;
    }

    .hf-faculty-item .tags {
        color: #7768E5;
        font-family: var(--heading-fontFamily);
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1.2px;
        text-transform: uppercase;
        display: inline-flex;
        padding: 5px 10px;
        justify-content: center;
        margin-bottom: 10px;
        background: rgba(255, 255, 255, 0.1);
        box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
    }

    .hf-faculty-item h3 {
        font-family: var(--main-fontFamily);
        font-size: 24px;
        font-weight: 400;
        letter-spacing: -0.96px;
        margin-bottom: 15px;
    }

        .hf-faculty-item h3 a {
            color: var(--Dark, #1B164D);
        }

            .hf-faculty-item h3 a:hover {
                color: var(--primaryColor);
            }

    .hf-faculty-item ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 35px;
    }

        .hf-faculty-item ul li {
            display: inline-block;
            margin-bottom: 0;
            padding-right: 30px;
            position: relative;
        }

            .hf-faculty-item ul li::before {
                content: "";
                position: absolute;
                right: 10px;
                top: 6px;
                height: 15px;
                width: 1px;
                background: #E8E8F4;
            }

            .hf-faculty-item ul li:last-child {
                padding-right: 0;
            }

                .hf-faculty-item ul li:last-child::before {
                    display: none;
                }

.hf-faculty-card-item {
    position: relative;
    margin-bottom: 30px;
    margin-left: -15px;
}

    .hf-faculty-card-item:last-child {
        margin-bottom: 30px;
    }

    .hf-faculty-card-item::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        background: linear-gradient(180deg, rgba(13, 13, 37, 0.1) 68.67%, #0D0D25 100%);
    }

    .hf-faculty-card-item .content {
        position: absolute;
        bottom: 20px;
        left: 25px;
        padding-right: 20px;
    }

        .hf-faculty-card-item .content .tags {
            color: #7768E5;
            font-family: var(--heading-fontFamily);
            font-size: 12px;
            font-weight: 500;
            display: inline-flex;
            padding: 5px 10px;
            justify-content: center;
            margin-bottom: 10px;
            background: var(--bs-white);
            box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
        }

        .hf-faculty-card-item .content h3 {
            font-family: var(--main-fontFamily);
            font-size: 24px;
            font-weight: 400;
            letter-spacing: -0.96px;
            margin-bottom: 18px;
        }

            .hf-faculty-card-item .content h3 a {
                color: var(--bs-white);
            }

                .hf-faculty-card-item .content h3 a:hover {
                    color: var(--primaryColor);
                }

.faculty-donate {
    margin-right: 15px;
}

/*
Text Slider Area  Style
======================================================*/
.slider-text-area {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 9;
}

    .slider-text-area .container-fluid {
        width: 100%;
    }

    .slider-text-area .text-slide {
        display: flex;
        justify-content: space-between;
        white-space: nowrap;
        position: relative;
        transform: translate3d(-40%, 0, 0);
        animation-name: marquee;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        animation-duration: 100s;
    }

        .slider-text-area .text-slide:hover {
            animation-play-state: paused !important;
        }

        .slider-text-area .text-slide span {
            color: #D2D2FF;
            font-family: var(--heading-fontFamily2);
            font-size: 82px;
            font-weight: 400;
            line-height: 1;
            display: inline-block;
            flex-shrink: 0;
            margin-right: 20px;
            margin-left: 20px;
        }

@keyframes marquee {
    0% {
        transform: translate3d(0%, 0, 0);
    }

    100% {
        transform: translate3d(-100%, 0, 0);
    }
}
/*
Find Program Area  Style
======================================================*/
.find-program-widget {
    max-width: 1076px;
    margin-left: auto;
    margin-right: auto;
}

    .find-program-widget .form-control {
        height: 70px;
        border: none;
        font-family: var(--heading-fontFamily);
        font-size: 14px;
        font-weight: 500;
        padding-left: 70px;
        border-radius: 0;
        background: #E8E8F4;
    }

        .find-program-widget .form-control:focus {
            box-shadow: unset;
        }

            .find-program-widget .form-control:focus::-moz-placeholder {
                color: transparent;
            }

            .find-program-widget .form-control:focus::placeholder {
                color: transparent;
            }

        .find-program-widget .form-control::-moz-placeholder {
            color: #89899F;
            -moz-transition: 0.6s;
            transition: 0.6s;
        }

        .find-program-widget .form-control::placeholder {
            color: #89899F;
            transition: 0.6s;
        }

    .find-program-widget .find-program-input {
        position: relative;
    }

        .find-program-widget .find-program-input i {
            position: absolute;
            top: 23px;
            left: 35px;
            font-size: 24px;
        }

    .find-program-widget ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        text-align: center;
    }

        .find-program-widget ul li {
            display: inline-block;
            color: #525271;
            padding-right: 6px;
            margin-bottom: 5px;
        }

            .find-program-widget ul li:last-child {
                margin-bottom: 0;
            }

            .find-program-widget ul li span {
                color: #89899F;
                font-family: var(--heading-fontFamily);
                font-size: 14px;
                font-weight: 500;
            }

            .find-program-widget ul li a {
                color: #525271;
                font-family: var(--heading-fontFamily);
                font-size: 14px;
                font-weight: 500;
                text-decoration-line: underline;
            }

.find-program-heading {
    text-align: center;
    max-width: 636px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

    .find-program-heading h2 {
        color: #0D0D25;
        font-family: var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
        margin-bottom: 15px;
    }

    .find-program-heading p {
        color: #525271;
    }

/*
Five Popular Program Area  Style
======================================================*/
.home-five-pp-area {
    padding-top: 50px;
}

.home-five-pp-slider-widget {
    position: relative;
}

    .home-five-pp-slider-widget .four-popular-widget .content ul li {
        color: #362983;
        font-weight: 500;
    }

    .home-five-pp-slider-widget .four-popular-widget .content h3 {
        font-weight: 500;
    }

    .home-five-pp-slider-widget .swiper-btn .swiper-button-prev,
    .home-five-pp-slider-widget .swiper-btn .swiper-button-next {
        top: 40px;
    }

        .home-five-pp-slider-widget .swiper-btn .swiper-button-prev::before,
        .home-five-pp-slider-widget .swiper-btn .swiper-button-next::before {
            color: #353688;
        }

    .home-five-pp-slider-widget .swiper-btn .swiper-button-prev {
        left: auto;
        right: 175px;
    }

        .home-five-pp-slider-widget .swiper-btn .swiper-button-prev:before {
            content: "\ea60";
        }

    .home-five-pp-slider-widget .swiper-btn .swiper-button-next {
        right: 0;
    }

        .home-five-pp-slider-widget .swiper-btn .swiper-button-next:before {
            content: "\ea61";
        }

    .home-five-pp-slider-widget .swiper-pagination5 {
        text-align: end;
        right: 50px;
        position: absolute;
        left: auto !important;
        top: 26px;
    }

        .home-five-pp-slider-widget .swiper-pagination5 .swiper-pagination-bullet {
            opacity: 1;
            margin-right: 20px !important;
            background-color: transparent;
        }

            .home-five-pp-slider-widget .swiper-pagination5 .swiper-pagination-bullet:last-child {
                margin-right: 0 !important;
            }

/*
Future Students Area  Style
======================================================*/
.future-students-widget .image {
    margin-left: -312px;
    position: relative;
    margin-bottom: 20px;
}

    .future-students-widget .image .video-btn {
        position: absolute;
        right: 32px;
        bottom: 40px;
        width: 110px;
        cursor: pointer;
        line-height: 113px;
        border-radius: 50%;
        text-align: center;
        color: rgb(53, 54, 136);
        font-size: 40px;
        height: 110px;
        background: rgba(255, 255, 255, 0.9);
    }

.future-students-widget .tags {
    color: #F6F6FA;
    font-family: var(--heading-fontFamily);
    font-size: 12px;
    font-weight: 500;
    display: inline-flex;
    padding: 4px 6px;
    line-height: 1;
    justify-content: center;
    background: #FC6441;
    margin-bottom: 15px;
}

.future-students-widget h3 {
    font-family: var(--main-fontFamily);
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -0.96px;
    margin-bottom: 15px;
}

    .future-students-widget h3 a {
        color: var(--Dark, #1B164D);
    }

.future-students-widget .view-link {
    color: #7768E5;
    font-family: var(--heading-fontFamily);
    font-size: 16px;
    font-weight: 600;
}

    .future-students-widget .view-link span {
        text-decoration-line: underline;
    }

    .future-students-widget .view-link i {
        position: relative;
        font-size: 20px;
        left: 6px;
        top: 3px;
    }

.future-student-item {
    padding-bottom: 30px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #DEDDE9;
}

    .future-student-item:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    .future-student-item .content {
        max-width: 390px;
    }

        .future-student-item .content .tags {
            color: #F6F6FA;
            font-family: var(--heading-fontFamily);
            font-size: 12px;
            font-weight: 500;
            display: inline-flex;
            line-height: 1;
            padding: 5px 6px;
            justify-content: center;
            background: #7768E5;
            margin-bottom: 15px;
        }

            .future-student-item .content .tags.bg-2 {
                background: #5CA89F;
            }

            .future-student-item .content .tags.bg-3 {
                background: #4569B4;
            }

        .future-student-item .content h3 {
            font-family: var(--main-fontFamily);
            font-size: 24px;
            font-weight: 400;
            letter-spacing: -0.96px;
            margin-bottom: 15px;
        }

            .future-student-item .content h3 a {
                color: var(--Dark, #1B164D);
            }

                .future-student-item .content h3 a:hover {
                    color: var(--primaryColor);
                }

        .future-student-item .content .view-link {
            position: relative;
            color: #353688;
            font-family: var(--heading-fontFamily);
            font-size: 16px;
            font-weight: 600;
        }

            .future-student-item .content .view-link span {
                text-decoration-line: underline;
            }

            .future-student-item .content .view-link i {
                position: relative;
                left: 6px;
                font-size: 20px;
                top: 3px;
            }

    .future-student-item .image {
        width: 257px;
        height: 160px;
        flex-shrink: 0;
    }

.future-student-right-side {
    padding-left: 40px;
}

/*
Dream Story Area  Style
======================================================*/
.dream-story-area {
    background: #EEEEF6;
}

.dream-story-card {
    padding: 10px;
    background-color: var(--bs-white);
}

    .dream-story-card .content {
        padding: 0 40px 40px 40px;
        max-width: 515px;
        margin-top: -15px;
        position: relative;
        z-index: 1;
    }

        .dream-story-card .content::before {
            content: "";
            position: absolute;
            top: -55px;
            left: 0;
            width: 74%;
            height: 77px;
            z-index: -1;
            background-color: var(--bs-white);
        }

        .dream-story-card .content h2 {
            color: #0D0D25;
            font-family: var(--heading-fontFamily2);
            font-size: 32px;
            font-weight: 400;
            letter-spacing: 1.28px;
            margin-bottom: 20px;
        }

        .dream-story-card .content p {
            color: #525271;
            margin-bottom: 20px;
        }

        .dream-story-card .content .view-link {
            color: #FC6441;
            font-family: var(--heading-fontFamily);
            font-size: 16px;
            font-weight: 500;
        }

            .dream-story-card .content .view-link span {
                text-decoration-line: underline;
            }

            .dream-story-card .content .view-link i {
                position: relative;
                top: 3px;
                font-size: 20px;
                left: 4px;
            }

.dream-card-without-image {
    background-color: var(--bs-white);
    padding: 50px 35px 50px 35px;
    -webkit-clip-path: polygon(50% 0%, 89% 0, 100% 17%, 100% 100%, 45% 100%, 0 100%, 0 76%, 0 29%, 0 0);
    clip-path: polygon(50% 0%, 89% 0, 100% 17%, 100% 100%, 45% 100%, 0 100%, 0 76%, 0 29%, 0 0);
}

    .dream-card-without-image h3 {
        color: var(--Dark, #1B164D);
        font-family: var(--main-fontFamily);
        font-size: 24px;
        font-weight: 500;
        letter-spacing: -0.96px;
        margin-bottom: 12px;
    }

    .dream-card-without-image p {
        color: #525271;
    }

    .dream-card-without-image .view-link {
        color: #7768E5;
        font-family: var(--heading-fontFamily);
        font-weight: 600;
        display: inline-block;
        line-height: 1;
    }

        .dream-card-without-image .view-link i {
            position: relative;
            font-size: 20px;
            top: 3px;
            left: 5px;
        }

/*
Get Way Info Area  Style
======================================================*/
.get-way-info-area {
    position: relative;
    overflow: hidden;
}

.get-way-info {
    padding-left: 100px;
    margin-right: -300px;
}

    .get-way-info .get-way-ingo-image {
        position: relative;
        margin-right: -400px;
    }

    .get-way-info .round-shape {
        top: 246px;
        left: -51px;
    }

/*
Home Five Upcoming Area  Style
======================================================*/
.inner-home-five-upcoming-event {
    background-color: #EDF1F3;
}

    .inner-home-five-upcoming-event .five-event-heading {
        text-align: center;
        margin-bottom: 40px;
    }

        .inner-home-five-upcoming-event .five-event-heading h2 {
            color: #0D0D25;
            font-family: var(--heading-fontFamily2);
            font-size: 32px;
            font-weight: 400;
            letter-spacing: 1.28px;
            margin-bottom: 0;
        }

    .inner-home-five-upcoming-event .five-upcoming-events-slider-widget {
        position: relative;
    }

    .inner-home-five-upcoming-event .five-upcoming-image {
        position: relative;
        z-index: 2;
    }

    .inner-home-five-upcoming-event .swiper-btn .swiper-button-next,
    .inner-home-five-upcoming-event .swiper-btn .swiper-button-prev {
        top: var(--swiper-navigation-top-offset, 119%);
    }

        .inner-home-five-upcoming-event .swiper-btn .swiper-button-next::before,
        .inner-home-five-upcoming-event .swiper-btn .swiper-button-prev::before {
            width: 40px;
            height: 40px;
            border-radius: 2px;
            background: #7768E5;
        }

    .inner-home-five-upcoming-event .swiper-btn .swiper-button-prev {
        left: 45%;
    }

    .inner-home-five-upcoming-event .swiper-btn .swiper-button-next {
        right: 45%;
    }

.five-event-card {
    padding: 40px 30px 40px 36px;
    background-color: var(--bs-white);
}

    .five-event-card.style2 h3 {
        margin-bottom: 51px;
    }

    .five-event-card .tags {
        display: inline-flex;
        padding: 5px 6px;
        justify-content: center;
        line-height: 1;
        margin-bottom: 10px;
        color: #7768E5;
        font-family: var(--heading-fontFamily);
        font-size: 12px;
        font-weight: 500;
        background: var(--bs-white);
        box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1);
    }

    .five-event-card h3 {
        color: var(--Dark, #1B164D);
        font-family: var(--main-fontFamily);
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 16px;
    }

    .five-event-card ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .five-event-card ul li {
            margin-bottom: 10px;
            position: relative;
            padding-left: 30px;
            color: #525271;
            font-size: 15px;
        }

            .five-event-card ul li:last-child {
                margin-bottom: 0;
            }

            .five-event-card ul li i {
                position: absolute;
                left: 0;
                top: 2px;
                font-size: 19px;
            }

            .five-event-card ul li:last-child {
                padding-right: 0;
            }

.home-five-upcoming-events {
    position: relative;
}

    .home-five-upcoming-events::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 80px;
        width: 100%;
        background-color: var(--bs-white);
    }

/*
Home Five Massage Area  Style
======================================================*/
.five-massage-area {
    position: relative;
    z-index: 1;
}

    .five-massage-area::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 200px;
        width: 100%;
        z-index: -1;
        background: var(--Dark, #1B164D);
    }

.massage-content {
    max-width: 458px;
    position: relative;
}

    .massage-content h2 {
        color: #0D0D25;
        font-family: var(--heading-fontFamily2);
        font-size: 42px;
        font-weight: 400;
        letter-spacing: 1.68px;
        margin-bottom: 15px;
    }

    .massage-content p {
        color: #525271;
    }

    .massage-content .massage-shape {
        position: absolute;
        right: -135px;
        top: 70px;
    }

.massage-form-widget {
    background: #F3F3F6;
    padding: 56px 40px 50px 40px;
}

    .massage-form-widget .form-label {
        color: #525271;
        font-family: var(--heading-fontFamily);
        font-size: 15px;
        font-weight: 500;
        line-height: 1;
        margin-bottom: 10px;
    }

        .massage-form-widget .form-label span {
            color: #C1272D;
        }

    .massage-form-widget p {
        line-height: 1;
        margin-bottom: 0;
    }

    .massage-form-widget .contact-input {
        position: relative;
    }

        .massage-form-widget .contact-input.style1 .form-control {
            padding-left: 20px;
        }

        .massage-form-widget .contact-input.style1::before {
            display: none;
        }

        .massage-form-widget .contact-input p {
            line-height: 1;
        }

        .massage-form-widget .contact-input::before {
            content: "";
            position: absolute;
            left: 60px;
            top: 0;
            bottom: 0;
            background: #D8D8E7;
            width: 1px;
            z-index: 1;
            height: 60px;
        }

        .massage-form-widget .contact-input .form-control {
            height: 60px;
            border: none;
            border-radius: 0;
            color: #7C7C90;
            font-family: var(--heading-fontFamily);
            font-size: 13px;
            font-weight: 500;
            padding-left: 75px;
            background-color: var(--bs-white);
        }

            .massage-form-widget .contact-input .form-control:focus {
                box-shadow: unset;
            }

        .massage-form-widget .contact-input i {
            position: absolute;
            left: 20px;
            top: 20px;
            font-size: 18px;
            color: #0D0D25;
        }

        .massage-form-widget .contact-input textarea {
            height: 148px !important;
            padding-top: 14px;
        }

    .massage-form-widget .default-btn {
        background: #7768E5;
        line-height: 0;
        padding-top: 25px;
        padding-bottom: 30px;
    }

/*
Home Five Chinging Area  Style
======================================================*/
.changing-wave-image {
    position: relative;
}

    .changing-wave-image .changing-image1 {
        position: absolute;
        bottom: 0;
    }

    .changing-wave-image .changing-image2 {
        position: relative;
        left: 285px;
        padding-bottom: 100px;
    }

    .changing-wave-image .content-image {
        width: 176px;
        height: 176px;
        position: absolute;
        padding: 40px 10px;
        text-align: center;
        top: 5px;
        left: 33%;
        border-radius: 50%;
        background: var(--Dark, #1B164D);
    }

        .changing-wave-image .content-image .icon-heading {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;
        }

            .changing-wave-image .content-image .icon-heading h3 {
                color: var(--bs-white);
                font-family: var(--heading-fontFamily2);
                font-size: 30px;
                font-weight: 400;
                letter-spacing: 1.2px;
                margin-bottom: 0;
            }

            .changing-wave-image .content-image .icon-heading .changing-icon {
                flex-shrink: 0;
                margin-right: 10px;
            }

        .changing-wave-image .content-image p {
            color: var(--bs-white);
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 1.4px;
            text-transform: uppercase;
            margin-bottom: 0;
        }

.changing-wave-area {
    padding-top: 40px;
    background: var(--Dark, #1B164D);
}

.changing-wave-content {
    padding-left: 70px;
}

    .changing-wave-content h2 {
        color: var(--bs-white);
        font-family: var(--heading-fontFamily2);
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
        margin-bottom: 15px;
    }

    .changing-wave-content p {
        color: #C5C5CF;
        margin-bottom: 20px;
    }

    .changing-wave-content .default-btn {
        background: #7768E5;
        margin-bottom: 35px;
    }

    .changing-wave-content ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .changing-wave-content ul li {
            position: relative;
            padding-left: 30px;
            margin-bottom: 10px;
            color: #E9E9EC;
        }

            .changing-wave-content ul li:last-child {
                margin-bottom: 0;
            }

            .changing-wave-content ul li i {
                color: #FC6441;
                position: absolute;
                left: 0;
                font-size: 20px;
                top: 2px;
            }

/*
Research Area  Style
======================================================*/
.research-left-widget {
    margin-right: 100px;
    background: #E8E9ED;
    padding: 30px 0;
}

    .research-left-widget ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .research-left-widget ul li {
            padding-bottom: 22px;
            margin-bottom: 22px;
            padding-left: 25px;
            padding-right: 25px;
            position: relative;
            color: #0D0D25;
            font-family: var(--heading-fontFamily);
            font-size: 18px;
            font-weight: 600;
            border-bottom: solid 1px var(--bs-white);
        }

            .research-left-widget ul li img {
                position: absolute;
                right: 30px;
            }

            .research-left-widget ul li:last-child {
                padding-bottom: 0;
                margin-bottom: 0;
                border-bottom: none;
            }

            .research-left-widget ul li a {
                color: #0D0D25;
                font-family: var(--heading-fontFamily);
                font-size: 18px;
                font-weight: 600;
            }

        .research-left-widget ul ol {
            list-style: none;
        }

            .research-left-widget ul ol li {
                padding-left: 0;
            }

                .research-left-widget ul ol li a {
                    color: var(--Dark, #1B164D);
                    font-family: var(--main-fontFamily);
                    font-size: 18px;
                    font-weight: 400;
                    letter-spacing: -0.72px;
                }

.research-right-widget h2 {
    color: #0D0D25;
    font-family: var(--heading-fontFamily2);
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 1.28px;
    margin-bottom: 25px;
}

.research-right-widget p {
    margin-bottom: 15px;
}

    .research-right-widget p strong {
        font-weight: 400;
        text-decoration: underline;
    }

.research-right-widget .newsletter-box {
    background: #B7D8EF;
    padding: 15px;
    margin-top: 55px;
    margin-bottom: 55px;
}

    .research-right-widget .newsletter-box .contnet {
        padding-left: 32px;
    }

        .research-right-widget .newsletter-box .contnet h4 {
            color: var(--Dark, #1B164D);
            font-family: var(--main-fontFamily);
            font-size: 24px;
            font-weight: 500;
            letter-spacing: -0.96px;
            margin-bottom: 20px;
        }

        .research-right-widget .newsletter-box .contnet .default-btn {
            background: #7768E5;
        }

        .research-right-widget .newsletter-box .contnet p {
            margin-bottom: 30px;
        }

.research-right-widget h6 {
    margin-top: 50px;
    color: #353688;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}

.research-right-widget .default-btn.style2 {
    color: #7768E5;
    margin-left: 15px;
    border: 1px solid #7768E5;
    background-color: transparent;
}

.only-responsive-device {
    display: none;
}

.elementor-widget-text-editor p {
    font-size: unset;
}

.home-four-question .question-images {
    padding-left: 15px;
}

/*
Home Five About Area Style
======================================================*/
.home-five-about-area {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    .home-five-about-area .button__like-text {
        transition: 0.6s;
    }

    .home-five-about-area .about-ball1 {
        position: absolute;
        bottom: 100px;
        left: 20%;
        z-index: -1;
    }

    .home-five-about-area .about-ball2 {
        position: absolute;
        bottom: -45px;
        left: 59%;
        z-index: -1;
    }

    .home-five-about-area .about-ball3 {
        position: absolute;
        bottom: 30px;
        left: 12%;
        z-index: -1;
    }

    .home-five-about-area .about-ball4 {
        position: absolute;
        bottom: -51px;
        left: 26%;
        z-index: -1;
    }

    .home-five-about-area .about-ball5 {
        position: absolute;
        bottom: 200px;
        left: 25%;
        z-index: -1;
    }

    .home-five-about-area .about-ball6 {
        position: absolute;
        bottom: -98px;
        left: 34%;
        z-index: -1;
    }

    .home-five-about-area .about-ball7 {
        position: absolute;
        bottom: 100px;
        left: 28%;
        z-index: -1;
    }

    .home-five-about-area .about-ball8 {
        position: absolute;
        bottom: 35px;
        left: 35%;
        z-index: -1;
    }

    .home-five-about-area .about-ball9 {
        position: absolute;
        bottom: 60px;
        left: 26%;
        z-index: -1;
    }

    .home-five-about-area .about-ball10 {
        position: absolute;
        bottom: 216px;
        left: 31%;
        z-index: -1;
    }

    .home-five-about-area .about-ball11 {
        position: absolute;
        bottom: 190px;
        left: 18%;
        z-index: -1;
    }

    .home-five-about-area .about-ball12 {
        position: absolute;
        bottom: 200px;
        left: 15%;
        z-index: -1;
    }

    .home-five-about-area .about-ball13 {
        position: absolute;
        bottom: 122px;
        left: 32%;
    }

    .home-five-about-area .about-ball14 {
        position: absolute;
        bottom: -45px;
        left: 20%;
        z-index: -1;
    }

    .home-five-about-area .about-ball15 {
        position: absolute;
        bottom: 63px;
        left: 23%;
        z-index: -1;
    }

    .home-five-about-area .about-ball16 {
        position: absolute;
        bottom: -100px;
        left: 64%;
        z-index: -1;
    }
/* Base styles */
.home-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

    .home-logo img {
        width: 100px;
        height: auto;
    }

   

@media(max-width:1500){
    .home-logo div {
        margin-top: 10px;
        font-size: 15px!important;
        font-weight: bold;
        color: #333;
        text-align: center;
    }

    .home-logo p {
        font-size: 13px!important;
        font-weight: bold;
        color: #333;
        margin: 5px 0 0 0;
    }
}

/* Responsive styles for smaller devices */
     }
}
/* Base styles */
.home-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

    .home-logo img {
        width: 100px;
        height: auto;
    }

    .home-logo div {
        margin-top: 10px;
        font-size: 17px;
        font-weight: bold;
        color: #333;
        text-align: center;
    }

    .home-logo p {
        font-size: 18px;
        font-weight: bold;
        color: #333;
        margin-bottom: 10px;
        margin-top: -7px;
        margin-left: -171px;
    }


    @media (max-width :1500px){
        .home-logo div {
            margin-top: 10px;
            font-size: 14px;
            font-weight: bold;
            color: #333;
            text-align: center;
        }

        .home-logo p {
            font-size: 12px !important;
            font-weight: bold;
            color: #333;
            margin-left: -73px;
            margin-bottom: 21px;
        }
    }
/* Responsive styles for smaller devices */
@media (max-width: 768px) {
    .home-logo div {
        margin-top: 10px;
        font-size: 13px !important;
        font-weight: bold;
        color: #333;
        text-align: center;
    }

    .home-logo div {
        font-size: 16px; /* Adjust font size for smaller screens */
    }

    .home-logo p {
        font-size: 11px !important;
        font-weight: bold;
        color: #333;
        margin-left: -72px;
        margin-bottom: 21px;
    }
}
}

/* Larger screens */
@media (min-width: 769px) {
    .home-logo {
        flex-direction: column; /* Ensures a vertical layout remains consistent */
    }

        .home-logo img {
            width: 100px;
        }
}
@media (max-width: 1200px) {
    .date-box {
        flex: 1 1 calc(33.33% - 20px); /* Three items per row */
    }
}

@media (max-width: 992px) {
    .date-box {
        flex: 1 1 calc(50% - 20px); /* Two items per row */
    }
}

@media (max-width: 768px) {
    .date-box {
        flex: 1 1 calc(50% - 10px); /* Two items per row with smaller gap */
    }
}

@media (max-width: 576px) {
    .date-box {
        flex: 1 1 100%; /* One item per row */
    }
}