import "https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";

body {
    color: #555;
    font-family: poppins, sans-serif;
    font-size: 15px;
    font-weight: 400
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1250px;
}

img {
    max-width: 100%
}

.d-table {
    width: 100%;
    height: 100%
}

.d-table-cell {
    vertical-align: middle
}

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

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

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

.pb-50 {
    padding-bottom: 50px
}

.pb-70 {
    padding-bottom: 70px
}

.pt-70 {
    padding-top: 70px
}

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

.pl-15 {
    padding-left: 15px
}

.pr-15 {
    padding-right: 15px
}

.mr-20 {
    margin-right: 15px
}

.pr-20 {
    padding-right: 20px
}

.pl-20 {
    padding-left: 20px
}

.mlr-5 {
    margin-right: 5px;
    margin-left: 5px
}

.mlrt-5 {
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 5px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-family: "source serif pro", serif;
    font-weight: 700
}

p {
    margin-bottom: 15px;
    font-size: 15px;
    color: #000;
    line-height: 1.6;
    text-align: justify;
}

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

a {
    text-decoration: none
}

.owl-nav {
    margin-top: 0 !important;
    display: none;
}

.owl-dots {
    margin-top: 0 !important
}

.filter-select-new .form-control.form-select {
    background-color: #fff;
    color: #444;
    padding: 10px 30px;
    height: auto;
    border-radius: 2.5rem;
    margin-left: 1rem;
}

/*.form-control {
    height: 55px;
    border: 1px solid rgba(89, 90, 89, .25);
    padding-left: 15px
}*/

.form-control:focus {
    border: 1px solid #d64d35;
    box-shadow: none
}

textarea {
    height: auto !important
}

.bg-f4f6f9 {
    background-color: #f4f6f9
}

.menu2 {
    text-align: right;
    margin: 0;
    padding: 0;
}

ul.menu2 li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu2 li {
    margin: 0;
    padding: 0;
    display: inline-block;
    border-right: 1px solid #eee;
    line-height: 15px;
}

    .menu2 li:last-child {
        border: none;
    }

    .menu2 li a {
        margin: 0;
        padding: 0 10px;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        text-shadow: 1px 1px 3px #000;
        font-family: Arial, sans-serif;
    }

/*.top-header-area {
    background-color: #205753;
    padding-top: 5px;
    padding-bottom: 5px
}

    .top-header-area .container-fluid {
        max-width: 1520px
    }

.header-left-content p {
    color: #fff;
    font-size: 14px
}

.header-right-content {
    text-align: right
}

    .header-right-content .list ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .header-right-content .list ul li {
            display: inline-block;
            margin-right: 25px
        }

            .header-right-content .list ul li a {
                color: #fff;
                font-size: 14px
            }

            .header-right-content .list ul li:last-child {
                margin-right: 0
            }

.buy-now-btn {
    right: 20px;
    z-index: 99;
    top: 50%;
    position: fixed;
    transform: translateY(-50%);
    border-radius: 30px;
    display: inline-block;
    color: #fff;
    background-color: #82b440;
    padding: 10px 20px 10px 42px;
    box-shadow: 0 1px 20px 1px #82b440;
    font-size: 13px;
    font-weight: 600
}

    .buy-now-btn img {
        top: 50%;
        left: 20px;
        width: 15px;
        position: absolute;
        transform: translateY(-50%)
    }

    .buy-now-btn:hover {
        background-color: #d64d35;
        color: #fff
    }*/

/*.navbar-area {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}

    .navbar-area.is-sticky {
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        position: sticky;
        animation: 200ms ease-in-out 0s normal none 1 running fadeInDown;
        box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
        background-color: #fff;
    }

        .navbar-area.is-sticky.navbar-area.nav-bg-2 .desktop-nav .navbar-nav .nav-item a {
            color: #000;
        }

        .navbar-area.is-sticky.navbar-area.nav-bg-2 .desktop-nav .others-options .icon {
            color: #000;
        }

        .navbar-area.is-sticky.navbar-area.nav-bg-2 .desktop-nav .navbar-nav .nav-item a:hover {
            color: #d64d35;
        }

    .navbar-area .container-fluid {
        max-width: 1520px;
        margin: auto;
    }

.main-logo {
    display: none;
}

.is-sticky .main-logo {
    display: inline;
}

.is-sticky .white-logo {
    display: none;
}*/

/*.navbar-area .navbar-brand .white-logo {
        display: none
    }*/

/*.navbar-area.nav-bg-2 .desktop-nav .navbar-nav .nav-item a {
    color: #fff;
}

.navbar-area.nav-bg-2 .desktop-nav .others-options .icon {
    color: #fff;
}

.dropdown-menu .mega-menu-content .row {
    margin: 0;
    padding: 0;
}

.dropdown-menu.mega-menu-content {
    position: absolute !important;
    top: 70px !important;
}

.nav-bg-1 {
    background-color: #c5bb2c;
}

.nav-bg-2 {
    background-color: #23394c;
}

.desktop-nav {
    padding-top: 0;
    padding-bottom: 0
}

    .desktop-nav .navbar {
        transition: all ease .5s;
        z-index: 2;
        padding-right: 0;
        padding-top: 0;
        padding-left: 0;
        padding-bottom: 0
    }

        .desktop-nav .navbar ul {
            margin-bottom: 0;
            padding: 0;
            list-style-type: none;
        }

        .desktop-nav .navbar .navbar-nav .nav-item {
             position: relative; 
            padding-bottom: 20px;
            padding-top: 20px;
            padding-right: 0;
            padding-left: 0
        }

            .desktop-nav .navbar .navbar-nav .nav-item a {
                font-size: 14px;
                color: #fff;
                line-height: 1;
                position: relative;
                font-weight: 600;
                padding-left: 0;
                padding-top: 0;
                padding-right: 0;
                padding-bottom: 0;
                margin-left: 15px;
                margin-right: 15px
            }

                .desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle {
                    padding-right: 15px
                }

                    .desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::after {
                        display: none
                    }

                    .desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::before {
                        content: "\ea4e";
                        position: absolute;
                        top: 0;
                        right: 0;
                        font-family: remixicon !important;
                        line-height: 1;*/
/*font-size: 17px*/
/*}

                .desktop-nav .navbar .navbar-nav .nav-item a:hover,
                .desktop-nav .navbar .navbar-nav .nav-item a:focus,
                .desktop-nav .navbar .navbar-nav .nav-item a.active {
                    color: #d64d35
                }

                .desktop-nav .navbar .navbar-nav .nav-item a i {
                    font-size: 18px;
                    line-height: 0;
                    position: relative;
                    top: 4px
                }

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

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

            .desktop-nav .navbar .navbar-nav .nav-item:hover a,
            .desktop-nav .navbar .navbar-nav .nav-item:focus a,
            .desktop-nav .navbar .navbar-nav .nav-item.active a {
                color: #d64d35
            }*/

/*.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
                box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
                transition: all .3s ease-in-out;
                background: #fff;
                position: absolute;
                visibility: hidden;
                border-radius: 0;
                display: block;
                width: 100%;
                border: none;
                z-index: 99;
                opacity: 0;
                top: 80px;
                left: 0;
                right: 0;
                padding: 0
            }*/

/*.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
                box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
                transition: all 0.3s ease-in-out;
                background: #fff;
                position: absolute;
                visibility: hidden;
                border-radius: 0;
                display: block;
                width: 250px;
                border: none;
                z-index: 99;
                opacity: 0;
                top: 80px;
                left: 0;
                padding: 0;
            }


                .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
                    padding: 0
                }

                    .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
                        color: #1b2336;
                        padding: 15px;
                        border-bottom: 1px dashed #ededed;
                        margin: 0;
                        font-size: 14px;
                        font-weight: 600;
                        line-height: 1;
                        display: block;
                        position: relative;
                    }

.mega-menu-item {
    margin: 0;
    padding: 15px;
}

    .mega-menu-item h6 {
        font-size: 18px;
        font-weight: bold;
        margin: 0;
        padding-bottom: 10px;
    }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-toggle::after {
    display: none
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-toggle::before {
    content: "\ea4e";
    position: absolute;
    top: 14px;
    right: 13px;
    font-family: remixicon !important;
    line-height: 1;
    font-size: 17px
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
    color: #d64d35
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
    right: auto;
    left: 250px;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

    .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
        color: #1b2336;
        border-bottom: 1px dashed #ededed;
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
        position: relative
    }

        .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.dropdown-toggle::after {
            display: none
        }

        .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.dropdown-toggle::before {
            content: "\ea4e";
            position: absolute;
            top: 14px;
            right: 13px;
            font-family: remixicon !important;
            line-height: 1;
            font-size: 17px
        }

        .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
        .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
        .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
            color: #d64d35
        }

    .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
        right: 250px;
        left: auto;
        top: 0;
        opacity: 0;
        visibility: hidden
    }

        .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
            color: #000
        }

            .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
            .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
            .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
                color: #d64d35
            }

        .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
            right: -250px;
            left: auto;
            top: 0;
            opacity: 0;
            visibility: hidden
        }

            .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
                color: #000
            }

                .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
                .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
                .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
                    color: #d64d35
                }

            .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
                right: -250px;
                left: auto;
                top: 0;
                opacity: 0;
                visibility: hidden
            }

                .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
                    color: #000
                }

                    .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
                    .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
                    .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
                        color: #d64d35
                    }

                .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
                    right: -250px;
                    left: auto;
                    top: 0;
                    opacity: 0;
                    visibility: hidden
                }

                    .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
                        color: #000
                    }

                        .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
                        .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
                        .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
                            color: #d64d35
                        }

                    .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
                        right: -250px;
                        left: auto;
                        top: 0;
                        opacity: 0;
                        visibility: hidden
                    }

                        .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
                            color: #000
                        }

                            .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
                            .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
                            .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
                                color: #1b2336
                            }

                    .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
                        color: #1b2336
                    }

                    .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
                        opacity: 1;
                        visibility: visible;
                        top: -15px
                    }

                .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
                    color: #d64d35
                }

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

            .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
                color: #d64d35
            }

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

        .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
            color: #d64d35
        }

        .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
            opacity: 1;
            top: -15px;
            visibility: visible
        }

    .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
        color: #d64d35
    }

    .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        top: -15px
    }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
    color: #d64d35
}

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

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child a {
    border-bottom: none
}

.desktop-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
    top: 100%;
    opacity: 1;
    margin-top: 20px;
    transform: translateY(1);
    visibility: visible
}

.desktop-nav .navbar .others-options {
    padding-left: 30px
}

    .desktop-nav .navbar .others-options .icon {
        font-size: 30px;
        color: #fff;
        cursor: pointer
    }*/

.others-options {
    padding-left: 30px
}

    .others-options .icon {
        font-size: 25px;
        color: #333;
        cursor: pointer;
        height: 45px;
    }


.others-option-for-responsive {
    display: none !important
}

    .others-option-for-responsive .dot-menu {
        padding: 0 10px;
        height: 30px;
        cursor: pointer;
        z-index: 999;
        position: absolute;
        right: 60px;
        top: -43px
    }

        .others-option-for-responsive .dot-menu .inner {
            display: flex;
            align-items: center;
            height: 30px
        }

            .others-option-for-responsive .dot-menu .inner .icon {
                height: 40px;
                width: 40px;
                line-height: 40px;
                border-radius: 100%;
                background-color: #d64d35;
                color: #fff;
                font-size: 20px;
                text-align: center
            }

        .others-option-for-responsive .dot-menu:hover .inner .circle {
            background-color: #d64d35
        }

    .others-option-for-responsive .container {
        position: relative
    }

        .others-option-for-responsive .container .container {
            position: absolute;
            right: -2px;
            top: 15px;
            max-width: 320px;
            margin-left: auto;
            opacity: 0;
            visibility: hidden;
            transition: all ease .5s;
            transform: scaleY(0);
            z-index: 2;
            padding-left: 15px;
            padding-right: 15px
        }

            .others-option-for-responsive .container .container.active {
                opacity: 1;
                visibility: visible;
                transform: scaleY(1)
            }

    .others-option-for-responsive .others-options {
        box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
        padding: 10px;
        background-color: #fff;
        text-align: center
    }

        .others-option-for-responsive .others-options ul {
            margin-bottom: 0;
            padding-left: 0;
            list-style-type: none;
            align-items: center !important
        }

            .others-option-for-responsive .others-options ul li {
                display: inline-block
            }

                .others-option-for-responsive .others-options ul li .call-now {
                    position: relative;
                    padding-left: 60px;
                    top: 8px;
                    margin-bottom: 40px !important
                }

                    .others-option-for-responsive .others-options ul li .call-now i {
                        position: absolute;
                        font-size: 40px;
                        color: #d64d35;
                        left: 0;
                        top: 3px
                    }

                    .others-option-for-responsive .others-options ul li .call-now p {
                        margin-bottom: 8px
                    }

                    .others-option-for-responsive .others-options ul li .call-now a {
                        color: #205753;
                        font-weight: 500
                    }

                .others-option-for-responsive .others-options ul li .default-btn {
                    bottom: 9px
                }

.mobile-responsive-nav {
    display: none
}

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

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

.preloader-area {
    position: fixed;
    z-index: 999999;
    background-color: #d64d35;
    width: 100%;
    height: 100%;
    text-align: center;
    left: 0;
    right: 0;
    top: 0
}

    .preloader-area .spinner {
        width: 4em;
        height: 4em;
        transform: perspective(20em) rotateX(-24deg) rotateY(20deg) rotateZ(30deg);
        transform-style: preserve-3d;
        position: absolute;
        left: 0;
        right: 0;
        top: 45%;
        transform: translateY(-45%);
        margin-left: auto;
        margin-right: auto
    }

        .preloader-area .spinner .disc {
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 100%;
            border: .3em dotted #fff
        }

            .preloader-area .spinner .disc:nth-child(1) {
                animation: rotate 12s linear infinite
            }

            .preloader-area .spinner .disc:nth-child(2) {
                animation: rotateDisc2 12s linear infinite
            }

            .preloader-area .spinner .disc:nth-child(3) {
                animation: rotateDisc3 12s linear infinite
            }

        .preloader-area .spinner .inner {
            width: 100%;
            height: 100%;
            transform-style: preserve-3d;
            animation: sphereSpin 6s linear infinite
        }

        .preloader-area .spinner::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            border-radius: 50%;
            right: 0;
            bottom: 0;
            border: 2px dotted #fff;
            margin: -15px
        }

@keyframes sphereSpin {
    0% {
        transform: rotateX(360deg) rotateY(0deg)
    }

    100% {
        transform: rotateX(0deg) rotateY(360deg)
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes rotateDisc2 {
    from {
        transform: rotateX(90deg) rotateZ(0deg)
    }

    to {
        transform: rotateX(90deg) rotateZ(360deg)
    }
}

@keyframes rotateDisc3 {
    from {
        transform: rotateY(90deg) rotateZ(0deg)
    }

    to {
        transform: rotateY(90deg) rotateZ(360deg)
    }
}

.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 420px;
    height: 100%;
    transform: translate3d(0%, 0, 0)
}

.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    background-color: #fff;
    border: none;
    border-radius: 0
}

    .modal.right .modal-content button.close {
        position: absolute;
        right: 20px;
        top: 30px;
        background-color: transparent;
        border: none;
        text-shadow: unset;
        box-shadow: unset;
        z-index: 99;
        opacity: 1
    }

        .modal.right .modal-content button.close i {
            display: inline-block;
            height: 30px;
            width: 30px;
            line-height: 30px;
            background-color: #d64d35;
            color: #fff;
            font-size: 20px;
            transition: all ease .5s;
            border-radius: 50%
        }

            .modal.right .modal-content button.close i:hover {
                background-color: #205753
            }

.modal.right.fade .modal-dialog {
    right: -320px;
    transition: opacity .3s linear, right .3s ease-out
}

.modal.right.fade.show .modal-dialog {
    right: 0
}

.sidebarModal.modal .modal-body {
    padding: 25px
}

    .sidebarModal.modal .modal-body .white-logo {
        display: none
    }

    .sidebarModal.modal .modal-body .sidebar-content {
        margin-top: 35px;
        margin-bottom: 40px
    }

        .sidebarModal.modal .modal-body .sidebar-content p {
            margin-bottom: 40px
        }

        .sidebarModal.modal .modal-body .sidebar-content h3 {
            font-size: 22px;
            margin-bottom: 15px
        }

        .sidebarModal.modal .modal-body .sidebar-content .sidebar-btn {
            margin-top: 25px
        }

    .sidebarModal.modal .modal-body .sidebar-contact-info {
        margin-top: 30px
    }

        .sidebarModal.modal .modal-body .sidebar-contact-info h3 {
            font-size: 22px;
            margin-bottom: 0
        }

        .sidebarModal.modal .modal-body .sidebar-contact-info .info-list {
            padding-left: 0;
            margin-top: 30px;
            margin-bottom: 0
        }

            .sidebarModal.modal .modal-body .sidebar-contact-info .info-list li {
                list-style-type: none;
                font-size: 14px;
                color: #555;
                font-weight: 500;
                margin-bottom: 20px;
                position: relative;
                padding-left: 22px
            }

                .sidebarModal.modal .modal-body .sidebar-contact-info .info-list li:last-child {
                    margin-bottom: 0
                }

                .sidebarModal.modal .modal-body .sidebar-contact-info .info-list li a {
                    color: #555
                }

                    .sidebarModal.modal .modal-body .sidebar-contact-info .info-list li a:hover {
                        color: #d64d35
                    }

                .sidebarModal.modal .modal-body .sidebar-contact-info .info-list li i {
                    position: absolute;
                    left: 0;
                    top: 2px;
                    color: #d64d35
                }

    .sidebarModal.modal .modal-body .sidebar-social-list {
        list-style-type: none;
        padding-left: 0;
        margin-bottom: 0;
        margin-top: 30px
    }

        .sidebarModal.modal .modal-body .sidebar-social-list li {
            display: inline-block;
            margin-right: 8px
        }

            .sidebarModal.modal .modal-body .sidebar-social-list li:last-child {
                margin-right: 0
            }

            .sidebarModal.modal .modal-body .sidebar-social-list li i {
                display: inline-block;
                height: 35px;
                width: 35px;
                line-height: 40px;
                font-size: 16px;
                background: #d64d35;
                text-align: center;
                color: #fff;
                border-radius: 50%;
                transition: all ease .5s
            }

                .sidebarModal.modal .modal-body .sidebar-social-list li i:hover {
                    transform: translateY(-5px);
                    background-color: #205753;
                    color: #fff
                }

    .sidebarModal.modal .modal-body .contact-form {
        margin-top: 30px
    }

        .sidebarModal.modal .modal-body .contact-form h3 {
            font-size: 22px;
            margin-bottom: 25px
        }

        .sidebarModal.modal .modal-body .contact-form #contactForm .form-group {
            margin-bottom: 20px
        }

            .sidebarModal.modal .modal-body .contact-form #contactForm .form-group .form-control {
                padding: 15px
            }

        .sidebarModal.modal .modal-body .contact-form #contactForm .default-btn {
            border: none
        }

        .sidebarModal.modal .modal-body .contact-form #contactForm .list-unstyled {
            color: #ee1010;
            font-size: 14px;
            margin-top: 8px
        }

        .sidebarModal.modal .modal-body .contact-form #contactForm #msgSubmit {
            font-size: 15px
        }

.default-btn {
    background-color: #d64d35;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 0;
    position: relative;
    transition: all ease .5s;
    border: 1px solid #d64d35;
    z-index: 1
}

    .default-btn i {
        position: relative;
        top: 3px;
        padding-left: 5px
    }

    .default-btn::before {
        position: absolute;
        content: "";
        background-color: #205753;
        height: 100%;
        width: 100%;
        border-radius: 30px;
        top: 0;
        left: 0;
        transform: scaleX(0);
        transition: all ease .5s;
        z-index: -1
    }

    .default-btn:hover {
        color: #fff
    }

        .default-btn:hover::before {
            transform: scaleX(1)
        }

    .default-btn:focus {
        box-shadow: none
    }

.read-more-btn {
    color: #205753;
    font-weight: 500;
    font-size: 15px;
    transition: all ease .5s;
    position: relative
}

    .read-more-btn i {
        position: relative;
        top: 3px;
        padding-left: 7px
    }

    .read-more-btn:hover {
        color: #d64d35
    }

    .read-more-btn.active {
        color: #d64d35;
        letter-spacing: 0
    }

    .read-more-btn.white-color {
        color: #fff
    }

        .read-more-btn.white-color:hover {
            color: #d64d35
        }

.section-title {
    /* max-width: 450px;
    text-align: center; */
    margin: 0px auto 30px;
    position: relative
}

    .section-title.style2 {
        text-align: left;
        margin-left: 0;
        margin-right: auto
    }

    .section-title h2 {
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 10px
    }

        .section-title h2.white {
            color: #fff
        }

    .section-title p {
        margin-bottom: 20px
    }

        .section-title p:last-child {
            margin-bottom: 0
        }

    .section-title.white-title .top-title {
        color: #fff
    }

    .section-title.white-title h2 {
        color: #fff
    }

    .section-title.white-title p {
        color: #fff
    }

/*.banner-area {
    background-color: #205753;
    overflow: hidden
}*/

.banner-area {
    overflow: hidden;
    background: #FFF;
    background: linear-gradient(120deg, rgba(255, 255, 255, 1) 22%, rgba(32, 87, 83, 1) 18%);
}

    .banner-area .container-fluid {
        padding: 0;
        padding-left: 30px;
        max-width: 1720px;
        margin-right: 0;
        margin-left: auto
    }

.slider-item {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 250px;
    padding-bottom: 100px;
    padding-left: 0px;
    overflow: hidden;
    min-height: 500px;
}

    /*.slider-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center center;
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}

.slider-img {
    width: 100%;
    height: 100vh;
    object-fit: contain;
}*/


    .slider-item.banner-bg-1 {
        background-image: url('../images/banner/m.tech. cs1.jpg');
    }

    .slider-item.banner-bg-2 {
        background-image: url('../images/banner/m.tech. cs2.jpg');
    }

    .slider-item.banner-bg-3 {
        background-image: url('../images/banner/mtech ai&ds.jpg');
    }

    .slider-item.banner-bg-4 {
        background-image: url(../images/banner/cs3.jpg)
    }

    .slider-item.banner-bg-5 {
        background-image: url(../images/banner/cs2.jpg)
    }

    .slider-item.banner-bg-6 {
        background-image: url('../images/banner/m.tech. ai&ds.jpg');
    }

    .slider-item.banner-bg-7 {
        background-image: url('../images/banner/phd cs2.jpg');
    }

    .slider-item.banner-bg-8 {
        background-image: url('../images/banner/phd cs.jpg');
    }

    .slider-item.banner-bg-9 {
        background-image: url('../images/banner/diploma cse1.jpg');
    }

    .slider-item.banner-bg-10 {
        background-image: url('../images/banner/diploma cse2.jpg');
    }

    .slider-item.banner-bg-11 {
        background-image: url('../images/banner/me1.jpg');
    }

    .slider-item.banner-bg-12 {
        background-image: url('../images/banner/me3.jpg');
    }

    .slider-item.banner-bg-13 {
        background-image: url('../images/banner/ee1.jpg');
    }

    .slider-item.banner-bg-14 {
        background-image: url('../images/banner/ee3.jpg');
    }

    .slider-item.banner-bg-15 {
        background-image: url('../images/banner/transport.jpg');
    }

    .slider-item.banner-bg-16 {
        background-image: url('../images/banner/bcaai.jpg');
    }

    .slider-item.banner-bg-17 {
        background-image: url('../images/banner/bcaai1.jpg');
    }

    .slider-item.banner-bg-18 {
        background-image: url('../images/banner/mcaai.jpg');
    }

    .slider-item.banner-bg-19 {
        background-image: url('../images/banner/mcaai1.jpg');
    }

    .slider-item.banner-bg-20 {
        background-image: url('../images/banner/bcacs.jpg');
    }

    .slider-item.banner-bg-21 {
        background-image: url('../images/banner/bcacs1.jpg');
    }

    .slider-item.banner-bg-22 {
        background-image: url('../images/banner/mcacs.jpg');
    }

    .slider-item.banner-bg-23 {
        background-image: url('../images/banner/mcacs1.jpg');
    }

    .slider-item.banner-bg-24 {
        background-image: url('../images/banner/bcacc.jpg');
    }

    .slider-item.banner-bg-25 {
        background-image: url('../images/banner/bcacc1.jpg');
    }

    .slider-item.banner-bg-26 {
        background-image: url('../images/banner/mcacc.jpg');
    }

    .slider-item.banner-bg-27 {
        background-image: url('../images/banner/mcacc1.jpg');
    }

    .slider-item.banner-bg-28 {
        background-image: url('../images/banner/mca10.jpg');
    }

    .slider-item.banner-bg-29 {
        background-image: url('../images/banner/mca13.jpg');
    }

    .slider-item.banner-bg-30 {
        background-image: url('../images/banner/mca9.png');
    }

    .slider-item.banner-bg-31 {
        background-image: url('../images/banner/b.sc. biotech1.jpg');
    }

    .slider-item.banner-bg-32 {
        background-image: url('../images/banner/b.sc. biotech2.jpg');
    }

    .slider-item.banner-bg-32 {
        background-image: url('../images/banner/forensic1.jpg');
    }

    .slider-item.banner-bg-33 {
        background-image: url('../images/banner/forensic2.jpg');
    }

    .slider-item.banner-bg-34 {
        background-image: url('../images/banner/microbio1.jpg');
    }

    .slider-item.banner-bg-35 {
        background-image: url('../images/banner/microbio2.jpg');
    }

    .slider-item.banner-bg-36 {
        background-image: url('../images/banner/b.sc. mlt1.jpeg');
    }

    .slider-item.banner-bg-37 {
        background-image: url('../images/banner/b.sc. mlt2.jpg');
    }

    .slider-item.banner-bg-38 {
        background-image: url('../images/banner/physics2.jpg');
    }

    .slider-item.banner-bg-39 {
        background-image: url('../images/banner/physics1.jpg');
    }

    .slider-item.banner-bg-40 {
        background-image: url('../images/banner/chemistry1.jpg');
    }

    .slider-item.banner-bg-41 {
        background-image: url('../images/banner/chemistry2.jpg');
    }

    .slider-item.banner-bg-42 {
        background-image: url('../images/banner/maths2.jpg');
    }

    .slider-item.banner-bg-43 {
        background-image: url('../images/banner/maths1.jpg');
    }

    .slider-item.banner-bg-44 {
        background-image: url('../images/banner/bnys1.jpg');
    }

    .slider-item.banner-bg-45 {
        background-image: url('../images/banner/bnys2.jpg');
    }

    .slider-item.banner-bg-46 {
        background-image: url('../images/banner/banking-2.jpg');
    }

    .slider-item.banner-bg-47 {
        background-image: url('../images/banner/banking-insurence.jpg');
    }

    .slider-item.banner-bg-48 {
        background-image: url('../images/banner/bfa(applied arts)1.jpg');
    }

    .slider-item.banner-bg-49 {
        background-image: url('../images/banner/bfa(applied arts)2.jpg');
    }

    .slider-item.banner-bg-50 {
        background-image: url('../images/banner/bfa paint1.jpg');
    }

    .slider-item.banner-bg-51 {
        background-image: url('../images/banner/bfa paint2.jpg');
    }

    .slider-item.banner-bg-52 {
        background-image: url('../images/banner/ba english1.jpg');
    }

    .slider-item.banner-bg-53 {
        background-image: url('../images/banner/ba english2.jpg');
    }

    .slider-item.banner-bg-54 {
        background-image: url('../images/banner/ba event1.jpg');
    }

    .slider-item.banner-bg-55 {
        background-image: url('../images/banner/ba event2.jpg');
    }

    .slider-item.banner-bg-56 {
        background-image: url('../images/banner/mfa(applied arts)1.jpg');
    }

    .slider-item.banner-bg-57 {
        background-image: url('../images/banner/mfa(applied arts)2.jpg');
    }

    .slider-item.banner-bg-58 {
        background-image: url('../images/banner/mfa painting1.jpg');
    }

    .slider-item.banner-bg-59 {
        background-image: url('../images/banner/mfa painting2.jpg');
    }

    .slider-item.banner-bg-60 {
        background-image: url('../images/banner/ma english1.jpg');
    }

    .slider-item.banner-bg-61 {
        background-image: url('../images/banner/ma english2.jpg');
    }

    .slider-item.banner-bg-62 {
        background-image: url('../images/banner/ma event1.jpg');
    }

    .slider-item.banner-bg-63 {
        background-image: url('../images/banner/ma event2.jpg');
    }

    .slider-item.banner-bg-64 {
        background-image: url('../images/banner/phd english2.jpg');
    }

    .slider-item.banner-bg-65 {
        background-image: url('../images/banner/phd english3.jpg');
    }

    .slider-item.banner-bg-66 {
        background-image: url('../images/banner/phd fine arts1.jpg');
    }

    .slider-item.banner-bg-67 {
        background-image: url('../images/banner/phd fine arts2.jpg');
    }

    .slider-item.banner-bg-68 {
        background-image: url('../images/banner/b.des uiux1.jpg');
    }

    .slider-item.banner-bg-69 {
        background-image: url('../images/banner/b.des uiux2.jpg');
    }

    .slider-item.banner-bg-70 {
        background-image: url('../images/banner/b.des1.jpg');
    }

    .slider-item.banner-bg-71 {
        background-image: url('../images/banner/b.des2.jpg');
    }

    .slider-item.banner-bg-72 {
        background-image: url('../images/banner/bachelor of mm and mc2.jpg');
    }

    .slider-item.banner-bg-73 {
        background-image: url('../images/banner/bachelor of mm and mc3.jpg');
    }

    .slider-item.banner-bg-74 {
        background-image: url('../images/banner/phd jornalism1.jpg');
    }

    .slider-item.banner-bg-75 {
        background-image: url('../images/banner/phd jornalism2.jpg');
    }

    .slider-item.banner-bg-76 {
        background-image: url('../images/banner/m.des. 1.jpg');
    }

    .slider-item.banner-bg-77 {
        background-image: url('../images/banner/m.des. 2.jpg');
    }

    .slider-item.banner-bg-78 {
        background-image: url('../images/banner/mfm1.jpg');
    }

    .slider-item.banner-bg-79 {
        background-image: url('../images/banner/mfm2.jpg');
    }

    .slider-item.banner-bg-80 {
        background-image: url('../images/banner/ph.d. design1.jpg');
    }

    .slider-item.banner-bg-81 {
        background-image: url('../images/banner/ph.d. design2.jpg');
    }

    .slider-item.banner-bg-82 {
        background-image: url('../images/banner/p1.jpg');
    }

    .slider-item.banner-bg-83 {
        background-image: url('../images/banner/p4.jpg');
    }

    .slider-item.banner-bg-84 {
        background-image: url('../images/banner/dairy 1.jpg');
    }

    .slider-item.banner-bg-85 {
        background-image: url('../images/banner/dairy 2.jpeg');
    }

    .slider-item.banner-bg-86 {
        background-image: url('../images/banner/pharma1.jpg');
    }

    .slider-item.banner-bg-87 {
        background-image: url('../images/banner/pharma2.jpg');
    }

    .slider-item.banner-bg-88 {
        background-image: url('../images/banner/science1.jpg');
    }

    .slider-item.banner-bg-89 {
        background-image: url('../images/banner/science2.jpg');
    }

    .slider-item.banner-bg-90 {
        background-image: url('../images/banner/nursing3.jpg');
    }

    .slider-item.banner-bg-91 {
        background-image: url('../images/banner/nursing1.jpg');
    }

    .slider-item.banner-bg-92 {
        background-image: url('../images/banner/physiotherapy1.jpg');
    }

    .slider-item.banner-bg-93 {
        background-image: url('../images/banner/physiotherapy3.jpg');
    }

    .slider-item.banner-bg-94 {
        background-image: url('../images/banner/ph.d. in commerce1.png');
    }

    .slider-item.banner-bg-95 {
        background-image: url('../images/banner/ph.d. in commerce2.jpg');
    }

    .slider-item.banner-bg-96 {
        background-image: url('../images/banner/phd_management2.jpg');
    }

    .slider-item.banner-bg-97 {
        background-image: url('../images/banner/phd in management1.png');
    }

    .slider-item.banner-bg-98 {
        background-image: url('../images/banner/vidya alumni association1.jpg');
    }

    .slider-item.banner-bg-99 {
        background-image: url('../images/banner/vidya alumni association2.jpg');
    }

    .slider-item.banner-bg-100 {
        background-image: url('../images/banner/faculty of cse.jpg');
    }

    .slider-item.banner-bg-101 {
        background-image: url('../images/banner/faculty of cse1.jpg');
    }

    .slider-item.banner-bg-102 {
        background-image: url('../images/banner/faculty of allied health2.jpg');
    }

    .slider-item.banner-bg-103 {
        background-image: url('../images/banner/faculty of allied health1.jpg');
    }

    .slider-item.banner-bg-104 {
        background-image: url('../images/banner/faculty of commerce1.jpg');
    }

    .slider-item.banner-bg-105 {
        background-image: url('../images/banner/faculty of commerce2.jpg');
    }

    .slider-item.banner-bg-106 {
        background-image: url('../images/banner/faculty of liberal 2.jpeg');
    }

    .slider-item.banner-bg-107 {
        background-image: url('../images/banner/faculty of liberal 1.jpg');
    }

    .slider-item.banner-bg-108 {
        background-image: url('../images/banner/faculty of law1.jpg');
    }

    .slider-item.banner-bg-109 {
        background-image: url('../images/banner/faculty of law 2.jpg');
    }

    .slider-item.banner-bg-110 {
        background-image: url('../images/banner/faculty of education 1.jpg');
    }

    .slider-item.banner-bg-111 {
        background-image: url('../images/banner/faculty of education 2.jpg');
    }

    .slider-item.banner-bg-112 {
        background-image: url('../images/banner/faculty of pharma2.jpg');
    }

    .slider-item.banner-bg-113 {
        background-image: url('../images/banner/mba plus(aviation management)1.jpg');
    }

    .slider-item.banner-bg-114 {
        background-image: url('../images/banner/mba plus(aviation management)2.jpg');
    }

    .slider-item.banner-bg-115 {
        background-image: url('../images/banner/mba plus(healthcare management)1.jpg');
    }

    .slider-item.banner-bg-116 {
        background-image: url('../images/banner/mba plus(aviation management)2.jpg');
    }

    .slider-item.banner-bg-117 {
        background-image: url('../images/banner/bannercse.png');
    }

    .slider-item.banner-bg-118 {
        background-image: url('../images/banner/bannercse.png');
    }

    .slider-item.banner-bg-119 {
        background-image: url('../images/banner/ai_machine.jpg');
    }

    .slider-item.banner-bg-120 {
        background-image: url('../images/banner/aiml.webp');
    }

    .slider-item.banner-bg-121 {
        background-image: url('../images/banner/b.ed. 1.jpg');
    }

    .slider-item.banner-bg-122 {
        background-image: url('../images/banner/b.ed. 3.jpg');
    }

    .slider-item.banner-bg-123 {
        background-image: url('../images/banner/d.el.ed.2.jpg');
    }

    .slider-item.banner-bg-124 {
        background-image: url('../images/banner/d.el.ed.3.jpg');
    }

    .slider-item.banner-bg-125 {
        background-image: url('../images/banner/bba llb3.jpg');
    }

    .slider-item.banner-bg-126 {
        background-image: url('../images/banner/bba llb2.jpg');
    }

    .slider-item.banner-bg-127 {
        background-image: url('../images/banner/llb3.jpg');
    }

    .slider-item.banner-bg-128 {
        background-image: url('../images/banner/llb2.jpg');
    }

    .slider-item.banner-bg-129 {
        background-image: url('../images/banner/llm3.jpg');
    }

    .slider-item.banner-bg-130 {
        background-image: url('../images/banner/llm1.jpg');
    }

    .slider-item.banner-bg-131 {
        background-image: url('../images/banner/ph.d. in law3.jpg');
    }

    .slider-item.banner-bg-132 {
        background-image: url('../images/banner/ph.d. in law2.jpg');
    }

    .slider-item.banner-bg-133 {
        background-image: url('../images/clubssocieties/clubs 1.jpg');
    }

    .slider-item.banner-bg-134 {
        background-image: url('../images/clubssocieties/clubs 1.jpg');
    }

    .slider-item.banner-bg-135 {
        background-image: url('../images/banner/cafeteriabanner.jpg');
    }

    .slider-item.banner-bg-136 {
        background-image: url('../images/banner/cafeteriabanner1.jpg');
    }

    .slider-item.banner-bg-137 {
        background-image: url('../images/banner/librarybanner.jpg');
    }

    .slider-item.banner-bg-138 {
        background-image: url('../images/library/11.jpg');
    }

    .slider-item.banner-bg-139 {
        background-image: url('../images/banner/mou3.jpg');
    }

    .slider-item.banner-bg-140 {
        background-image: url('../images/banner/mou.jpg');
    }

    .slider-item.banner-bg-141 {
        background-image: url('../images/banner/research.jpg');
    }

    .slider-item.banner-bg-142 {
        background-image: url('../images/banner/research.jpg');
    }

    .slider-item.banner-bg-143 {
        background-image: url('../images/banner/hostel.jpg');
    }

    .slider-item.banner-bg-144 {
        background-image: url('../images/banner/transport.jpg');
    }

    .slider-item.banner-bg-145 {
        background-image: url('../images/banner/faculties.jpg');
    }

    .slider-item.banner-bg-146 {
        background-image: url('../images/banner/faculties1.jpg');
    }

    .slider-item.banner-bg-147 {
        background-image: url('../images/banner/ece1.jpg');
    }

    .slider-item.banner-bg-148 {
        background-image: url('../images/banner/ece3.jpg');
    }

    .slider-item.banner-bg-149 {
        background-image: url('../images/banner/ece5.jpg');
    }

    .slider-item.banner-bg-150 {
        background-image: url('../images/banner/ece6.jpg');
    }

    .slider-item.banner-bg-151 {
        background-image: url('../images/banner/undergraduate programs1.jpg');
    }

    .slider-item.banner-bg-152 {
        background-image: url('../images/banner/undergraduate programs2.jpg');
    }

    .slider-item.banner-bg-153 {
        background-image: url('../images/banner/post graduate1.jpg');
    }

    .slider-item.banner-bg-154 {
        background-image: url('../images/banner/post graduate2.jpg');
    }

    .slider-item.banner-bg-155 {
        background-image: url('../images/banner/diploma1.jpg');
    }

    .slider-item.banner-bg-156 {
        background-image: url('../images/banner/diploma2.jpg');
    }

    .slider-item.banner-bg-157 {
        background-image: url('../images/banner/doctorate1.jpg');
    }

    .slider-item.banner-bg-158 {
        background-image: url('../images/banner/doctorate2.jpg');
    }

    .slider-item.banner-bg-159 {
        background-image: url('../images/banner/cse1.jpg');
    }

    .slider-item.banner-bg-160 {
        background-image: url('../images/banner/cse2.jpg');
    }

    .slider-item.banner-bg-161 {
        background-image: url('../images/banner/computer application2.jpg');
    }

    .slider-item.banner-bg-162 {
        background-image: url('../images/banner/computer application1.jpg');
    }

    .slider-item.banner-bg-163 {
        background-image: url('../images/banner/electronics and communication2.jpg');
    }

    .slider-item.banner-bg-164 {
        background-image: url('../images/banner/electronics and communication1.jpg');
    }

    .slider-item.banner-bg-165 {
        background-image: url('../images/banner/mechanical1.jpg');
    }

    .slider-item.banner-bg-166 {
        background-image: url('../images/banner/mechanical2.jpg');
    }

    .slider-item.banner-bg-167 {
        background-image: url('../images/banner/electrical1.jpg');
    }

    .slider-item.banner-bg-168 {
        background-image: url('../images/banner/electrical2.jpg');
    }

    .slider-item.banner-bg-169 {
        background-image: url('../images/banner/basic science1.jpg');
    }

    .slider-item.banner-bg-170 {
        background-image: url('../images/banner/basic science2.jpg');
    }

    .slider-item.banner-bg-171 {
        background-image: url('../images/banner/allied_health_sciences-2.jpg');
    }

    .slider-item.banner-bg-172 {
        background-image: url('../images/banner/allied_health_sciences-1.jpg');
    }

    .slider-item.banner-bg-173 {
        background-image: url('../images/banner/pharmacy1.jpg');
    }

    .slider-item.banner-bg-174 {
        background-image: url('../images/banner/pharmacy2.jpg');
    }

    .slider-item.banner-bg-175 {
        background-image: url('../images/banner/department of business2.jpg');
    }

    .slider-item.banner-bg-176 {
        background-image: url('../images/banner/department of business1.jpg');
    }

    .slider-item.banner-bg-177 {
        background-image: url('../images/banner/commerce1.jpg');
    }

    .slider-item.banner-bg-178 {
        background-image: url('../images/banner/commerce2.jpg');
    }

    .slider-item.banner-bg-179 {
        background-image: url('../images/banner/design1.jpg');
    }

    .slider-item.banner-bg-180 {
        background-image: url('../images/banner/design2.jpg');
    }

    .slider-item.banner-bg-181 {
        background-image: url('../images/banner/multimedia1.jpg');
    }

    .slider-item.banner-bg-182 {
        background-image: url('../images/banner/multimedia2.jpg');
    }

    .slider-item.banner-bg-183 {
        background-image: url('../images/banner/liberal-arts-2.jpg');
    }

    .slider-item.banner-bg-184 {
        background-image: url('../images/banner/liberal-arts-1.jpg');
    }

    .slider-item.banner-bg-185 {
        background-image: url('../images/banner/legal1.jpg');
    }

    .slider-item.banner-bg-186 {
        background-image: url('../images/banner/legal2.jpg');
    }

    .slider-item.banner-bg-187 {
        background-image: url('../images/banner/education-01.jpg');
    }

    .slider-item.banner-bg-188 {
        background-image: url('../images/banner/education-02.jpg');
    }

    .slider-item.banner-bg-189 {
        background-image: url('../images/banner/sports1.jpg');
    }

    .slider-item.banner-bg-190 {
        background-image: url('../images/banner/sports2.jpg');
    }

    .slider-item.banner-bg-191 {
        background-image: url('../images/banner/vu1.jpg');
    }

    .slider-item.banner-bg-192 {
        background-image: url('../images/banner/vu2.jpg');
    }

    .slider-item.banner-bg-193 {
        background-image: url('../images/banner/vup.jpg');
    }

    .slider-item.banner-bg-194 {
        background-image: url('../images/banner/vup1.jpg');
    }

    .slider-item.banner-bg-195 {
        background-image: url('../images/banner/vgs.jpg');
    }

    .slider-item.banner-bg-196 {
        background-image: url('../images/banner/vgs1.jpg');
    }

    .slider-item.banner-bg-197 {
        background-image: url('../images/banner/visa.jpg');
    }

    .slider-item.banner-bg-198 {
        background-image: url('../images/banner/visa1.jpg');
    }

    .slider-item.banner-bg-200 {
        background-image: url('../images/banner/business analytcs and ai1.jpeg');
    }

    .slider-item.banner-bg-201 {
        background-image: url('../images/banner/business analytcs and ai2.jpeg');
    }

    .slider-item.banner-bg-202 {
        background-image: url('../images/banner/mba in entrepreneurship_1.jpg');
    }

    .slider-item.banner-bg-203 {
        background-image: url('../images/banner/mba in entrepreneurship_2.jpg');
    }

    .slider-item.banner-bg-204 {
        background-image: url('../images/banner/mba in financial management_1.jpg');
    }

    .slider-item.banner-bg-205 {
        background-image: url('../images/banner/mba in financial management_2.jpg');
    }

    .slider-item.banner-bg-206 {
        background-image: url('../images/banner/mba in human resource management_1.jpeg');
    }

    .slider-item.banner-bg-207 {
        background-image: url('../images/banner/mba in human resource management_2.jpg');
    }

    .slider-item.banner-bg-208 {
        background-image: url('../images/banner/mba in marketing_1.jpeg');
    }

    .slider-item.banner-bg-209 {
        background-image: url('../images/banner/mba in marketing_2.jpg');
    }

    .slider-item.banner-bg-210 {
        background-image: url('../images/banner/fermentation1.jpg');
    }

    .slider-item.banner-bg-211 {
        background-image: url('../images/banner/fermentation2.jpeg');
    }

    .slider-item.banner-bg-212 {
        background-image: url('../images/banner/fermentation3.jpg');
    }

    .slider-item.banner-bg-213 {
        background-image: url('../images/banner/aviation1.jpeg');
    }

    .slider-item.banner-bg-214 {
        background-image: url('../images/banner/aviation2.jpg');
    }

    .slider-item.banner-bg-215 {
        background-image: url('../images/banner/aviation3.jpg');
    }

    .slider-item.banner-bg-216 {
        background-image: url('../images/banner/aviation4.jpg');
    }

    .slider-item.banner-bg-217 {
        background-image: url('../images/banner/bba_branding_advertising_1.jpg');
    }

    .slider-item.banner-bg-218 {
        background-image: url('../images/banner/bba_branding_advertising_2.png');
    }

    .slider-item.banner-bg-219 {
        background-image: url('../images/banner/bba_business_analytics_1.jpg');
    }

    .slider-item.banner-bg-220 {
        background-image: url('../images/banner/bba_business_analytics_2.jpg');
    }

    .slider-item.banner-bg-221 {
        background-image: url('../images/banner/bba_digitalmarketing&innovation_1.png');
    }

    .slider-item.banner-bg-222 {
        background-image: url('../images/banner/bba_digitalmarketing_innovation_2.jpg');
    }

    .slider-item.banner-bg-223 {
        background-image: url('../images/banner/bba_entrepreneurship&family business_1.jpg');
    }

    .slider-item.banner-bg-224 {
        background-image: url('../images/banner/bba_entrepreneurship&family business_2.jpg');
    }

    .slider-item.banner-bg-225 {
        background-image: url('../images/banner/bba_sports_management_1.jpg');
    }

    .slider-item.banner-bg-226 {
        background-image: url('../images/banner/bba_sports_management_2.jpg');
    }

    .slider-item.banner-bg-227 {
        background-image: url('../images/banner/vssbanner.jpg');
    }

    .slider-item.banner-bg-228 {
        background-image: url('../images/banner/vssbanner1.jpg');
    }

    .slider-item.banner-bg-229 {
        background-image: url('../images/banner/admissions1.jpg');
    }

    .slider-item.banner-bg-230 {
        background-image: url('../images/banner/admissions2.jpg');
    }

    .slider-item.banner-bg-231 {
        background-image: url('../images/banner/medicalbanner.jpg');
    }

    .slider-item.banner-bg-232 {
        background-image: url('../images/banner/medicalbanner1.jpg');
    }

    .slider-item.banner-bg-233 {
        background-image: url('../images/banner/nccbanner1.jpg');
    }

    .slider-item.banner-bg-234 {
        background-image: url('../images/banner/nccbanner.jpg');
    }

    .slider-item.banner-bg-235 {
        background-image: url('../images/banner/hostel.jpg');
    }

    .slider-item.banner-bg-236 {
        background-image: url('../images/banner/hostel3.jpg');
    }

    .slider-item.banner-bg-237 {
        background-image: url('../images/admission/yoga1.jpg');
    }

    .slider-item.banner-bg-238 {
        background-image: url('../images/admission/yoga2.jpg');
    }

    .slider-item.banner-bg-239 {
        background-image: url('../images/banner/careerbanner.jpg');
    }

    .slider-item.banner-bg-240 {
        background-image: url('../images/banner/career2.jpg');
    }

    .slider-item.banner-bg-241 {
        background-image: url('../images/banner/guestlecture1.jpg');
    }

    .slider-item.banner-bg-242 {
        background-image: url('../images/banner/guestlecture.jpg');
    }

    .slider-item.banner-bg-243 {
        background-image: url('../images/banner/seminar banner1.jpg');
    }

    .slider-item.banner-bg-244 {
        background-image: url('../images/banner/seminar banner2.jpg');
    }

    .slider-item.banner-bg-245 {
        background-image: url('../images/banner/anti-ragging1.jpg');
    }

    .slider-item.banner-bg-246 {
        background-image: url('../images/banner/anti-ragging2.jpg');
    }

    .slider-item.banner-bg-247 {
        background-image: url('../images/banner/ccd.jpg');
    }

    .slider-item.banner-bg-248 {
        background-image: url('../images/banner/ccd1.jpg');
    }

    .slider-item.banner-bg-249 {
        background-image: url('../images/banner/ecell1.jpg');
    }

    .slider-item.banner-bg-250 {
        background-image: url('../images/banner/ecell2.jpg');
    }

    .slider-item.banner-bg-251 {
        background-image: url('../images/banner/launchpad1.jpg');
    }

    .slider-item.banner-bg-252 {
        background-image: url('../images/banner/launchpad1.jpg');
    }

    .slider-item.banner-bg-253 {
        background-image: url('../images/banner/startup1.jpg');
    }

    .slider-item.banner-bg-254 {
        background-image: url('../images/banner/startup2.jpg');
    }

    .slider-item.banner-bg-255 {
        background-image: url('../images/banner/mentor1.jpg');
    }

    .slider-item.banner-bg-256 {
        background-image: url('../images/banner/mentor3.jpg');
    }

    .slider-item.banner-bg-257 {
        background-image: url('../images/banner/moments of inspiration.jpg');
    }

    .slider-item.banner-bg-258 {
        background-image: url('../images/banner/moments of inspiration2.jpg');
    }

    .slider-item.banner-bg-260 {
        background-image: url('../images/banner/secg.jpg');
    }

    .slider-item.banner-bg-261 {
        background-image: url('../images/banner/secg1.jpg');
    }

    .slider-item.banner-bg-262 {
        background-image: url('../images/banner/online journals.jpg');
    }

    .slider-item.banner-bg-263 {
        background-image: url('../images/banner/online journals1.jpg');
    }

    .slider-item.banner-bg-264 {
        background-image: url('../images/banner/patent1.jpg');
    }

    .slider-item.banner-bg-265 {
        background-image: url('../images/banner/patent2.png');
    }

    .slider-item.banner-bg-266 {
        background-image: url('../images/banner/visionmissionvalues.jpg');
    }

    .slider-item.banner-bg-267 {
        background-image: url('../images/banner/visionmissionvalues1.jpg');
    }

    .slider-item.banner-bg-268 {
        background-image: url('../images/banner/awards.jpg');
    }

    .slider-item.banner-bg-269 {
        background-image: url('../images/banner/awards1.jpg');
    }

    .slider-item.banner-bg-269 {
        background-image: url('../images/banner/applelap.png');
    }

    .slider-item.banner-bg-270 {
        background-image: url('../images/banner/applelap1.png');
    }

    .slider-item.banner-bg-271 {
        background-image: url('../images/banner/cultural.png');
    }

    .slider-item.banner-bg-272 {
        background-image: url('../images/banner/cultural1.png');
    }

    .slider-item.banner-bg-273 {
        background-image: url('../images/banner/hostelfacility.png');
    }

    .slider-item.banner-bg-274 {
        background-image: url('../images/banner/hostelfacility1.png');
    }

    .slider-item.banner-bg-275 {
        background-image: url('../images/banner/visagallery.png');
    }

    .slider-item.banner-bg-276 {
        background-image: url('../images/banner/visagallery1.png');
    }

    .slider-item.banner-bg-277 {
        background-image: url('../images/banner/laboratory.png');
    }

    .slider-item.banner-bg-278 {
        background-image: url('../images/banner/laboratory1.png');
    }

    .slider-item.banner-bg-278 {
        background-image: url('../images/newsimages/tedx/2.jpg');
    }

    .slider-item.banner-bg-279 {
        background-image: url('../images/newsimages/tedx/4.jpg');
    }

    .slider-item.banner-bg-280 {
        background-image: url('../images/newsimages/infinity/2.jpg');
    }

    .slider-item.banner-bg-281 {
        background-image: url('../images/newsimages/infinity/6.jpg');
    }

    .slider-item.banner-bg-282 {
        background-image: url('../images/banner/datascience2.png');
    }

    .slider-item.banner-bg-283 {
        background-image: url('../images/banner/datascience1.jpg');
    }

    .slider-item.banner-bg-284 {
        background-image: url('../images/banner/fintech1.jpg');
    }

    .slider-item.banner-bg-285 {
        background-image: url('../images/banner/fintech3.jpeg');
    }

    .slider-item.banner-bg-286 {
        background-image: url('../images/banner/fintech5.jpg');
    }

    .slider-item.banner-bg-287 {
        background-image: url('../images/banner/fintech-6.jpg');
    }

    .slider-item.banner-bg-288 {
        background-image: url('../images/banner/ca2.jpg');
    }

    .slider-item.banner-bg-289 {
        background-image: url('../images/banner/ca1.jpg');
    }

    .slider-item.banner-bg-290 {
        background-image: url('../images/banner/iot3.jpg');
    }

    .slider-item.banner-bg-291 {
        background-image: url('../images/banner/iot1.jpg');
    }

    .slider-item.banner-bg-292 {
        background-image: url('../images/banner/apply for job.jpg');
    }

    .slider-item.banner-bg-293 {
        background-image: url('../images/banner/privacypolicy.jpg');
    }

    .slider-item.banner-bg-294 {
        background-image: url('../images/banner/privacypolicy.jpg');
    }


    .slider-item.banner-bg-295 {
        background-image: url('../images/banner/mcom.jpg');
    }

    .slider-item.banner-bg-296 {
        background-image: url('../images/banner/mcom1.jpg');
    }

    .slider-item.banner-bg-296 {
        background-image: url('../images/banner/bsc-agriculture.jpg');
    }

    .slider-item.banner-bg-297 {
        background-image: url('../images/banner/bsc-agriculture1.jpg');
    }

    .slider-item.banner-bg-298 {
        background-image: url('../images/banner/bsc-computer-science.jpg');
    }

    .slider-item.banner-bg-299 {
        background-image: url('../images/banner/bsc-computer-science1.jpg');
    }

    .slider-item.banner-bg-300 {
        background-image: url('../images/banner/bsc-health-and-physical-education.jpg');
    }

    .slider-item.banner-bg-301 {
        background-image: url('../images/banner/bsc-health-and-physical-education1.jpg');
    }

    .slider-item.banner-bg-302 {
        background-image: url('../images/banner/anaesthesia-banner1.jpg');
    }

    .slider-item.banner-bg-303 {
        background-image: url('../images/banner/anaesthesia-banner2.jpg');
    }

.slider-content {
    margin-left: 0;
    margin-right: auto
}

    .slider-content h1 {
        font-size: 35px;
        color: #fff;
        margin: 0;
        font-weight: bold;
    }

    .slider-content p {
        color: #fff;
        font-size: 18px;
        margin-bottom: 15px
    }

.slider-item {
    position: relative;
    overflow: hidden;
}

    .slider-item .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        Black with 50% transparency z-index: 1;
        Ensures the overlay is above the background
    }

.slider-content {
    position: relative;
    z-index: 2;
}

.slider-content {
    position: absolute;
    z-index: 2; /* Ensures the content is above the overlay */
    bottom: 50px;
}

    .slider-content.style2 {
        background-color: #fff;
        padding: 50px
    }

        .slider-content.style2 h1 {
            color: #205753
        }

        .slider-content.style2 p {
            color: #555
        }

.hero-slider {
    position: relative
}

    .hero-slider.owl-theme .owl-dots {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -100px
    }

        .hero-slider.owl-theme .owl-dots .owl-dot {
            display: block
        }

            .hero-slider.owl-theme .owl-dots .owl-dot span {
                width: 45px;
                height: 45px;
                margin: 5px 0;
                background: 0 0;
                display: block;
                transition: .5s;
                border-radius: 50%;
                position: relative;
                color: #fff
            }

                .hero-slider.owl-theme .owl-dots .owl-dot span::before {
                    position: absolute;
                    content: "01";
                    left: 0;
                    right: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    font-size: 16px
                }

            .hero-slider.owl-theme .owl-dots .owl-dot:hover span,
            .hero-slider.owl-theme .owl-dots .owl-dot.active span {
                color: #fff;
                font-size: 18px;
                font-weight: 600;
                position: relative
            }

                .hero-slider.owl-theme .owl-dots .owl-dot:hover span::after,
                .hero-slider.owl-theme .owl-dots .owl-dot.active span::after {
                    position: absolute;
                    content: "";
                    height: 1px;
                    width: 40px;
                    background-color: #fff;
                    left: -30px;
                    top: 22px
                }

            .hero-slider.owl-theme .owl-dots .owl-dot:nth-child(2) span::before {
                content: "02"
            }

            .hero-slider.owl-theme .owl-dots .owl-dot:nth-child(3) span::before {
                content: "03"
            }

            .hero-slider.owl-theme .owl-dots .owl-dot:nth-child(4) span::before {
                content: "04"
            }

            .hero-slider.owl-theme .owl-dots .owl-dot:nth-child(5) span::before {
                content: "05"
            }

            .hero-slider.owl-theme .owl-dots .owl-dot:nth-child(6) span::before {
                content: "06"
            }

            .hero-slider.owl-theme .owl-dots .owl-dot:nth-child(7) span::before {
                content: "07"
            }

            .hero-slider.owl-theme .owl-dots .owl-dot:nth-child(8) span::before {
                content: "08"
            }

    .hero-slider.owl-theme .owl-nav [class*=owl-] {
        position: absolute;
        bottom: 30px;
        left: 30px;
        bottom: -130px;
        transform: translateY(-50%);
        background-color: transparent;
        border: 1px solid #eee;
        color: #fff;
        height: 40px;
        width: 40px;
        line-height: 43px;
        border-radius: 100%;
        transition: all ease .5s;
        font-size: 24px
    }

        .hero-slider.owl-theme .owl-nav [class*=owl-] i {
            position: relative;
            top: -2px;
            left: -1px
        }

        .hero-slider.owl-theme .owl-nav [class*=owl-].owl-next {
            left: 100px
        }

            .hero-slider.owl-theme .owl-nav [class*=owl-].owl-next i {
                position: relative;
                right: -1px;
                left: auto;
                top: -2px
            }

        .hero-slider.owl-theme .owl-nav [class*=owl-]:hover {
            background-color: #d64d35;
            color: #fff;
            border: 1px solid #d64d35
        }

.hero-slider2 .slider-item {
    padding-left: 0
}

.hero-slider2.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    bottom: 30px;
    left: 100px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: 1px solid #dfdbdb;
    height: 40px;
    width: 40px;
    line-height: 43px;
    border-radius: 100%;
    transition: all ease .5s;
    font-size: 24px;
    opacity: 0;
    transition: all ease .5s
}

    .hero-slider2.owl-theme .owl-nav [class*=owl-] i {
        position: relative;
        top: -2px;
        left: -1px;
        color: #fff
    }

    .hero-slider2.owl-theme .owl-nav [class*=owl-].owl-next {
        right: 100px;
        left: auto
    }

        .hero-slider2.owl-theme .owl-nav [class*=owl-].owl-next i {
            position: relative;
            right: -1px;
            left: auto;
            top: -2px
        }

    .hero-slider2.owl-theme .owl-nav [class*=owl-]:hover {
        background-color: #d64d35;
        color: #fff;
        border: 1px solid #d64d35
    }

.hero-slider2:hover.owl-theme .owl-nav [class*=owl-] {
    opacity: 1
}

.hero-slider2.style2.owl-theme .owl-nav [class*=owl-] {
    background: rgba(0, 0, 0, .15)
}

    .hero-slider2.style2.owl-theme .owl-nav [class*=owl-]:hover {
        background-color: #d64d35
    }

.owl-thumbs {
    text-align: right;
    position: relative;
    margin-top: -75px;
    z-index: 1
}

    .owl-thumbs button {
        padding: 0;
        border: none;
        transition: all ease .5s
    }

        .owl-thumbs button:hover,
        .owl-thumbs button.active {
            filter: blur(2px)
        }

    .owl-thumbs .owl-thumb-item {
        width: 200px;
        height: 150px
    }

.banner-area.banner-area-five {
    height: 100%;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    z-index: 1
}

    .banner-area.banner-area-five::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        /*background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(32, 88, 83));*/
        background-image: linear-gradient(to left, rgb(0 0 0 / 0%), rgb(0 0 0));
    }

    .banner-area.banner-area-five video {
        position: absolute;
        left: 0;
        top: 0;
        width: auto;
        height: auto;
        min-height: 100%;
        min-width: 100%;
        z-index: -2
    }

    .banner-area.banner-area-five .slider-item {
        position: relative;
        padding-left: 175px;
        overflow: hidden;
        z-index: 3
    }

.single-academics-card {
    padding: 30px;
    background-color: #f4f6f9;
    margin-bottom: 30px;
    transition: all ease .5s
}

    .single-academics-card .academic-top-content {
        position: relative;
        padding-left: 40px;
        margin-bottom: 15px
    }

        .single-academics-card .academic-top-content h3 {
            font-size: 22px;
            transition: all ease .5s
        }

            .single-academics-card .academic-top-content h3:hover {
                color: #d64d35
            }

        .single-academics-card .academic-top-content i {
            font-size: 30px;
            position: absolute;
            color: #d64d35;
            left: 0;
            top: 50%;
            transform: translateY(-50%)
        }

    .single-academics-card:hover {
        transform: translateY(-10px)
    }

.single-academics-card2 {
    background-size: cover;
    background-position: center center;
    height: 400px;
    padding: 30px;
    position: relative;
    /* margin-bottom: 30px */
}

    .single-academics-card2::before {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        background-image: linear-gradient(to bottom, transparent, rgba(10, 18, 66, 0.9));
        left: 0;
        top: 0
    }

    .single-academics-card2.bg-1 {
        background-image: url(../images/academics/academic-1.jpg)
    }

    .single-academics-card2.bg-2 {
        background-image: url(../images/academics/academic-2.jpg)
    }

    .single-academics-card2.bg-3 {
        background-image: url(../images/academics/academic-3.jpg)
    }

    .single-academics-card2.bg-8 {
        background-image: url(../images/about.jpg)
    }

    .single-academics-card2 .serial {
        position: absolute;
        left: 30px;
        top: 30px
    }

        .single-academics-card2 .serial p {
            color: #fff;
            font-size: 18px
        }

    .single-academics-card2 .academic-content {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 30px
    }

        .single-academics-card2 .academic-content .academic-top-content {
            position: relative;
            /* padding-left: 30px */
        }

            .single-academics-card2 .academic-content .academic-top-content h3 {
                font-size: 22px;
                color: #fff;
                margin-bottom: 15px;
                transition: all ease .5s
            }

                .single-academics-card2 .academic-content .academic-top-content h3:hover {
                    color: #d64d35
                }

            .single-academics-card2 .academic-content .academic-top-content i {
                color: #d64d35;
                font-size: 20px;
                position: absolute;
                left: 0
            }

        .single-academics-card2 .academic-content p {
            color: #fff;
            margin-bottom: 5px;
        }

.single-academics-card3 {
    text-align: center;
    padding: 30px 15px;
    border: 1px solid #eee;
    margin-bottom: 30px;
    position: relative;
    min-height: 100%;
}

    .single-academics-card3::before {
        position: absolute;
        content: "";
        height: 100%;
        height: 100%;
        width: 0;
        top: 0;
        right: 0;
        background-color: #d64d35;
        transition: all ease .5s
    }

    .single-academics-card3 .icon {
        margin-bottom: 20px
    }

        .single-academics-card3 .icon i {
            font-size: 35px;
            height: 65px;
            width: 65px;
            line-height: 72px;
            border-radius: 100%;
            border: 1px solid #d64d35;
            display: inline-block;
            color: #d64d35;
            position: relative;
            transition: all ease .5s
        }

    .single-academics-card3 h3 {
        font-size: 18px;
        margin-bottom: 15px;
        position: relative;
        transition: all ease .5s
    }

    .single-academics-card3 p {
        position: relative;
        transition: all ease .5s
    }

    .single-academics-card3:hover::before {
        width: 100%;
        border-radius: 0;
        left: 0;
        right: auto
    }

    .single-academics-card3:hover .icon i {
        color: #fff;
        border-color: #fff;
        transform: rotate(45deg)
    }

    .single-academics-card3:hover h3 {
        color: #fff
    }

    .single-academics-card3:hover p {
        color: #fff
    }

    .single-academics-card3:hover .read-more-btn {
        color: #fff
    }

.serch-content {
    padding: 30px;
    background-color: #f4f6f9;
    margin-bottom: 30px
}

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

    .serch-content .form-group {
        position: relative
    }

        .serch-content .form-group .form-control {
            border: none;
            border: 1px solid transparent
        }

            .serch-content .form-group .form-control:focus {
                border: 1px solid #d64d35
            }

        .serch-content .form-group .src-btn {
            position: absolute;
            right: 10px;
            top: 13px;
            font-size: 20px;
            background-color: transparent;
            border: none
        }

.category-content {
    padding: 30px;
    background-color: #f4f6f9;
    margin-bottom: 30px
}

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

    .category-content .form-control {
        border: none;
        border: 1px solid transparent
    }

        .category-content .form-control:focus {
            border: 1px solid #d64d35
        }

.location-type {
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px
}

    .location-type h3 {
        font-size: 22px;
        margin-bottom: 20px
    }

    .location-type .form-check .form-check-input {
        border-radius: 0
    }

        .location-type .form-check .form-check-input:checked {
            background-color: #d64d35;
            border-color: #d64d35
        }

        .location-type .form-check .form-check-input:focus {
            box-shadow: none
        }

.program-level {
    margin-bottom: 30px
}

    .program-level h3 {
        font-size: 22px;
        margin-bottom: 20px
    }

    .program-level .form-check .form-check-input {
        border-radius: 0
    }

        .program-level .form-check .form-check-input:checked {
            background-color: #d64d35;
            border-color: #d64d35
        }

        .program-level .form-check .form-check-input:focus {
            box-shadow: none
        }

.academics-details .details h2 {
    font-size: 36px;
    margin-bottom: 20px
}

.academics-details .details p {
    margin-bottom: 20px
}

.academics-details .details .details-images {
    margin-top: 10px;
    display: inline-block
}

    .academics-details .details .details-images img {
        margin-bottom: 30px
    }

.academics-details .regiStartion-and-fee {
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px
}

    .academics-details .regiStartion-and-fee h3 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .academics-details .regiStartion-and-fee p {
        margin-bottom: 20px
    }

    .academics-details .regiStartion-and-fee .list ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .academics-details .regiStartion-and-fee .list ul li {
            margin-bottom: 10px;
            list-style-type: none
        }

            .academics-details .regiStartion-and-fee .list ul li:last-child {
                margin-bottom: 0
            }

.academics-details .prepare-exam h3 {
    font-size: 24px;
    margin-bottom: 20px
}

.academics-details .prepare-exam p {
    margin-bottom: 30px
}

.academics-details .prepare-exam .exam-card {
    margin-bottom: 30px;
    padding-left: 30px
}

    .academics-details .prepare-exam .exam-card h4 {
        font-size: 20px;
        margin-bottom: 15px;
        position: relative
    }

        .academics-details .prepare-exam .exam-card h4::before {
            position: absolute;
            content: "";
            height: 10px;
            width: 10px;
            border-radius: 100%;
            background-color: #d64d35;
            left: -30px;
            top: 5px
        }

    .academics-details .prepare-exam .exam-card p {
        margin-bottom: 0
    }

.academics-list {
    padding: 30px;
    background-color: #f4f6f9;
    margin-bottom: 30px
}

    .academics-list h3 {
        font-size: 22px;
        margin-bottom: 20px
    }

    .academics-list ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .academics-list ul li {
            list-style-type: none;
            position: relative;
            margin-bottom: 10px
        }

            .academics-list ul li a {
                color: #555;
                transition: all ease .5s
            }

            .academics-list ul li i {
                position: absolute;
                right: 0;
                font-size: 22px
            }

            .academics-list ul li:last-child {
                margin-bottom: 0
            }

            .academics-list ul li:hover a {
                color: #d64d35
            }

.related-download {
    padding: 30px;
    background-color: #f4f6f9;
    margin-bottom: 30px
}

    .related-download h3 {
        font-size: 22px;
        margin-bottom: 20px
    }

    .related-download ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .related-download ul li {
            margin-bottom: 10px;
            list-style-type: none;
            background-color: #fff;
            padding: 20px;
            padding-left: 70px;
            position: relative
        }

            .related-download ul li a {
                color: #000;
                font-size: 16px;
            }

            .related-download ul li i {
                position: absolute;
                left: 0;
                background-color: #d64d35;
                height: 100%;
                top: 0;
                left: 0;
                font-size: 24px;
                color: #fff;
                padding: 16px
            }

            .related-download ul li:last-child {
                margin-bottom: 0
            }

.single-education-card {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    padding: 50px 30px;
    margin-bottom: 30px;
    z-index: 1
}

    .single-education-card.bg-1 {
        background-image: url(../images/academics/academic-4.jpg)
    }

    .single-education-card.bg-2 {
        background-image: url(../images/academics/academic-5.jpg)
    }

    .single-education-card.bg-3 {
        background-image: url(../images/academics/academic-6.jpg)
    }

    .single-education-card.bg-4 {
        background-image: url(../images/academics/academic-7.jpg)
    }

    .single-education-card .edication-content {
        text-align: center;
        position: relative
    }

        .single-education-card .edication-content .icon i {
            font-size: 50px;
            margin-bottom: 10px;
            color: #fff
        }

        .single-education-card .edication-content h3 {
            font-size: 18px;
            color: #fff;
            margin-bottom: 15px
        }

        .single-education-card .edication-content .read-more-btn:hover {
            color: #205753
        }

    .single-education-card::before {
        position: absolute;
        content: "";
        background: rgb(32, 87, 83);
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: -1
    }

    .single-education-card::after {
        position: absolute;
        content: "";
        background: #d64d35;
        display: inline-block;
        height: 100%;
        width: 0;
        top: 0;
        right: 0;
        z-index: -1;
        transition: all ease .5s
    }

    .single-education-card:hover::after {
        width: 100%;
        border-radius: 0;
        left: 0;
        right: auto
    }

.campus-content {
    margin-bottom: 30px
}

    .campus-content .campus-title {
        margin-bottom: 30px
    }

        .campus-content .campus-title h2 {
            font-size: 40px;
            margin-bottom: 15px
        }

            .campus-content .campus-title h2 span {
                display: block;
            }

    .campus-content .list {
        margin-bottom: 20px
    }

        .campus-content .list ul {
            padding-left: 0;
            margin-bottom: 0
        }

            .campus-content .list ul li {
                position: relative;
                padding-left: 20px;
                list-style-type: none;
                margin-bottom: 10px
            }

                .campus-content .list ul li i {
                    position: absolute;
                    left: 0;
                    color: #d64d35
                }

    .campus-content.style-2 {
        padding: 50px;
        background-color: #fff;
        box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
        position: relative;
        margin-left: -100px
    }

.counter-card {
    /* margin-bottom: 30px;*/
    text-align: center;
}

    .counter-card img {
        width: 50px;
    }

    .counter-card p {
        text-align: center;
    }

    .counter-card h2 {
        font-size: 60px;
        margin-bottom: 5px;
        padding-bottom: 0;
        line-height: 1;
    }

        .counter-card h2 .target {
            color: #d64d35;
            position: relative;
            top: 4px
        }

            .counter-card h2 .target.heading-color {
                color: #d64d35;
                font-size: 60px;
                margin-left: -4px
            }

.campus-image {
    margin-bottom: 30px
}

.estemate-form {
    padding: 40px;
    background-color: #fff;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
    position: relative;
    margin-top: -200px;
    z-index: 1
}

    .estemate-form h3 {
        font-size: 30px;
        margin-bottom: 30px
    }

    .estemate-form .form-group {
        margin-bottom: 25px
    }

        .estemate-form .form-group .form-control {
            background-color: #f4f6f9;
            border: 1px solid #f4f6f9
        }

            .estemate-form .form-group .form-control:focus {
                border: 1px solid #d64d35
            }

    .estemate-form .default-btn {
        display: block;
        width: 100%
    }

.single-courses-card {
    margin-bottom: 30px;
    transition: all ease .5s
}

    .single-courses-card .courses-content {
        background-color: #fff;
        padding: 30px;
        min-height: 250px;
    }

        .single-courses-card .courses-content .admin-profile {
            position: relative;
            padding-left: 80px;
            padding-bottom: 35px;
            margin-bottom: 20px
        }

            .single-courses-card .courses-content .admin-profile img {
                position: absolute;
                left: 0;
                bottom: 0;
                width: auto
            }

            .single-courses-card .courses-content .admin-profile p a {
                color: #d64d35;
                font-weight: 500
            }

            .single-courses-card .courses-content .admin-profile::before {
                position: absolute;
                content: "";
                height: 1px;
                width: 100%;
                background-color: #eee;
                right: -30px;
                bottom: 10px
            }

        .single-courses-card .courses-content h3 {
            font-size: 24px;
            line-height: 1.3;
            margin-bottom: 20px;
            transition: all ease .5s
        }

            .single-courses-card .courses-content h3:hover {
                color: #d64d35
            }

        .single-courses-card .courses-content .bottom-content ul {
            padding-left: 0;
            margin-bottom: 0
        }

            .single-courses-card .courses-content .bottom-content ul li {
                list-style-type: none;
                font-weight: 500
            }

                .single-courses-card .courses-content .bottom-content ul li a {
                    color: #d64d35
                }

                .single-courses-card .courses-content .bottom-content ul li ul li {
                    display: inline-block;
                    margin-right: 20px;
                    position: relative;
                    padding-left: 22px
                }

                    .single-courses-card .courses-content .bottom-content ul li ul li i {
                        position: absolute;
                        left: 0;
                        top: 0;
                        color: #d64d35
                    }

    .single-courses-card.style2 {
        background-color: #fff;
        box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
    }

        .single-courses-card.style2 .courses-content .admin-profile {
            padding-bottom: 0;
            padding-left: 0
        }

            .single-courses-card.style2 .courses-content .admin-profile::before {
                display: none
            }

            .single-courses-card.style2 .courses-content .admin-profile img {
                right: 0;
                left: auto;
                top: -60px
            }

        .single-courses-card.style2:hover {
            transform: translateY(0)
        }

    .single-courses-card.style3 .list-1 {
        margin-bottom: 15px
    }

        .single-courses-card.style3 .list-1 ul {
            padding-left: 0;
            margin-bottom: 0
        }

            .single-courses-card.style3 .list-1 ul li {
                list-style-type: none
            }

                .single-courses-card.style3 .list-1 ul li i {
                    color: #d64d35;
                    margin-right: 7px
                }

    .single-courses-card.style3 h3 {
        margin-bottom: 35px
    }

    .single-courses-card.style3 .admin-profile {
        padding-bottom: 20px;
        margin-bottom: 45px
    }

        .single-courses-card.style3 .admin-profile img {
            top: -15px
        }

        .single-courses-card.style3 .admin-profile::before {
            right: 0;
            bottom: -30px
        }

    .single-courses-card.style3 .bottom-content ul li ul li {
        margin-right: 0;
        color: #ffc107
    }

        .single-courses-card.style3 .bottom-content ul li ul li.blank {
            color: #555
        }

    .single-courses-card.style3:hover {
        transform: translateY(0)
    }

    .single-courses-card.style4 .courses-content {
        background-color: #fff;
        box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
    }

    .single-courses-card:hover {
        transform: translateY(-10px)
    }

.courses-slider.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    bottom: 30px;
    left: -80px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border: 1px solid #eee;
    height: 40px;
    width: 40px;
    line-height: 43px;
    border-radius: 100%;
    transition: all ease .5s;
    font-size: 24px
}

    .courses-slider.owl-theme .owl-nav [class*=owl-] i {
        position: relative;
        top: -2px;
        left: -1px
    }

    .courses-slider.owl-theme .owl-nav [class*=owl-].owl-next {
        right: -80px;
        left: auto
    }

        .courses-slider.owl-theme .owl-nav [class*=owl-].owl-next i {
            position: relative;
            right: -1px;
            left: auto;
            top: -2px
        }

    .courses-slider.owl-theme .owl-nav [class*=owl-]:hover {
        background-color: #d64d35;
        color: #fff;
        border: 1px solid #d64d35
    }

.courses-slider.owl-theme .owl-dots {
    left: 0
}

    .courses-slider.owl-theme .owl-dots .owl-dot span {
        background-color: #d64d35;
        margin: 10px 10px 0;
        background-color: #dfdbdb;
        height: 18px;
        width: 18px
    }

    .courses-slider.owl-theme .owl-dots .owl-dot.active span {
        position: relative
    }

        .courses-slider.owl-theme .owl-dots .owl-dot.active span::before {
            position: absolute;
            content: "";
            height: 10px;
            width: 10px;
            background-color: #d64d35;
            border-radius: 100%;
            top: 4px;
            left: 4px
        }

.courses-slider.style-2.owl-theme .owl-dots {
    display: none
}

.paginations {
    text-align: center;
    margin-bottom: 30px
}

    .paginations ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .paginations ul li {
            display: inline-block;
            padding-right: 10px
        }

            .paginations ul li a {
                text-align: center;
                height: 50px;
                width: 50px;
                line-height: 50px;
                border-radius: 100%;
                border: 1px solid #eee;
                display: inline-block;
                transition: all ease .5s;
                color: #205753;
                font-size: 18px;
                box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
            }

                .paginations ul li a i {
                    position: relative;
                    top: 2px
                }

                .paginations ul li a:hover {
                    background-color: #d64d35;
                    color: #fff;
                    border: 1px solid #d64d35
                }

                .paginations ul li a.active {
                    background-color: #d64d35;
                    color: #fff;
                    border: 1px solid #d64d35
                }

.courses-details .courses-card {
    margin-bottom: 40px
}

    .courses-details .courses-card h2 {
        font-size: 36px;
        margin-bottom: 25px
    }

    .courses-details .courses-card .img {
        margin-bottom: 50px
    }

    .courses-details .courses-card .list ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .courses-details .courses-card .list ul li {
            list-style-type: none;
            display: inline-block;
            margin-right: 30px
        }

            .courses-details .courses-card .list ul li .teacher {
                position: relative;
                padding-left: 70px
            }

                .courses-details .courses-card .list ul li .teacher img {
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translateY(-50%)
                }

                .courses-details .courses-card .list ul li .teacher p a {
                    color: #d64d35
                }

            .courses-details .courses-card .list ul li span {
                color: #205753;
                font-weight: 500
            }

            .courses-details .courses-card .list ul li i {
                color: #d64d35;
                position: relative;
                top: 2px;
                padding-right: 7px
            }

.description {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-bottom: 30px
}

    .description .nav-tabs {
        font-size: 16px;
        margin-bottom: 30px;
        box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
        border: none;
        background: #fff;
    }

        .description .nav-tabs .nav-link {
            color: #000;
            padding-bottom: 10px;
            padding: 15px 25px;
            font-weight: 600;
            border: none;
            border-radius: 0
        }

            .description .nav-tabs .nav-link.active {
                color: #fff;
                background-color: #d64d35 !important;
                border-radius: 0;
                border: none;
                background-color: transparent
            }

.overview .learn {
    margin-bottom: 30px
}

    .overview .learn h3 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .overview .learn p {
        margin-bottom: 20px
    }

.overview .overview-box {
    padding-left: 30px;
    margin-bottom: 30px
}

    .overview .overview-box h4 {
        font-size: 18px;
        position: relative
    }

        .overview .overview-box h4::before {
            position: absolute;
            content: "";
            height: 10px;
            width: 10px;
            border-radius: 100%;
            background-color: #d64d35;
            left: -30px;
            top: 5px
        }

.curriculum {
    margin-bottom: 30px
}

    .curriculum h3 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .curriculum p {
        margin-bottom: 20px
    }

    .curriculum .curriculum-list {
        padding: 30px;
        background-color: #f4f6f9
    }

        .curriculum .curriculum-list ul {
            padding-left: 0;
            margin-bottom: 0
        }

            .curriculum .curriculum-list ul li {
                list-style-type: none;
                padding-bottom: 15px;
                margin-bottom: 15px;
                border-bottom: 1px solid #d5d0d0;
                position: relative
            }

                .curriculum .curriculum-list ul li:last-child {
                    border-bottom: 0;
                    padding-bottom: 0;
                    margin-bottom: 0
                }

                .curriculum .curriculum-list ul li span {
                    position: absolute;
                    right: 0;
                    top: -5px;
                    background-color: #d64d35;
                    color: #fff;
                    padding: 5px 10px
                }

.instructor {
    margin-bottom: 30px
}

    .instructor .instructor-content .name {
        margin-bottom: 25px
    }

        .instructor .instructor-content .name h3 {
            font-size: 24px;
            margin-bottom: 10px
        }

    .instructor .instructor-content .quick-contact {
        margin-bottom: 20px
    }

        .instructor .instructor-content .quick-contact h4 {
            font-size: 20px;
            margin-bottom: 20px
        }

        .instructor .instructor-content .quick-contact ul {
            padding-left: 0;
            margin-bottom: 0
        }

            .instructor .instructor-content .quick-contact ul li {
                list-style-type: none
            }

                .instructor .instructor-content .quick-contact ul li i {
                    color: #d64d35;
                    position: relative;
                    top: 2px;
                    margin-right: 7px
                }

                .instructor .instructor-content .quick-contact ul li a {
                    color: #d64d35
                }

    .instructor .instructor-content .social ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .instructor .instructor-content .social ul li {
            display: inline-block;
            list-style-type: none;
            margin-right: 10px
        }

            .instructor .instructor-content .social ul li a {
                height: 35px;
                width: 35px;
                line-height: 35px;
                border-radius: 7px;
                text-align: center;
                font-size: 18px;
                background-color: #d64d35;
                color: #fff;
                display: inline-block;
                transition: all ease .5s
            }

                .instructor .instructor-content .social ul li a:hover {
                    background-color: #205753;
                    color: #fff
                }

.review-form h3 {
    font-size: 24px;
    margin-bottom: 20px
}

.review-form .form-group {
    margin-bottom: 30px
}

    .review-form .form-group label {
        mn: 7px
    }

.single-reviews-card {
    position: relative;
    padding: 30px;
    padding-left: 140px;
    background-color: #f4f6f9;
    margin-bottom: 30px
}

    .single-reviews-card .date {
        margin-bottom: 20px
    }

    .single-reviews-card .icon {
        position: absolute;
        right: 30px;
        top: 60px;
        color: #ffc107
    }

    .single-reviews-card h2 {
        font-size: 22px;
        margin-bottom: 10px
    }

    .single-reviews-card img {
        position: absolute;
        left: 30px;
        top: 50%;
        transform: translateY(-50%)
    }

.comments {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px
}

    .comments h3 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .comments .single-comments-box {
        padding-left: 110px;
        position: relative;
        margin-bottom: 30px
    }

    .comments img {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .comments .reply {
        position: absolute;
        right: 0;
        background-color: #f4f6f9;
        padding: 10px 15px;
        top: 15px;
        transition: all ease .5s
    }

        .comments .reply a {
            color: #555;
            transition: all ease .5s
        }

        .comments .reply:hover {
            background-color: #d64d35
        }

            .comments .reply:hover a {
                color: #fff
            }

    .comments h4 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .comments .date {
        margin-bottom: 20px
    }

.reply-area {
    margin-bottom: 30px
}

    .reply-area h3 {
        font-size: 24px;
        margin-bottom: 10px
    }

    .reply-area p {
        margin-bottom: 20px
    }

    .reply-area .reply-form .form-group {
        margin-bottom: 25px
    }

        .reply-area .reply-form .form-group .form-control {
            background-color: #f4f6f9;
            border: 1px solid transparent
        }

            .reply-area .reply-form .form-group .form-control:focus {
                border-color: #d64d35
            }

    .reply-area .reply-form .form-check {
        margin-bottom: 30px
    }

        .reply-area .reply-form .form-check .form-check-input {
            border-radius: 0
        }

            .reply-area .reply-form .form-check .form-check-input:checked {
                background-color: #d64d35;
                border-color: #d64d35
            }

            .reply-area .reply-form .form-check .form-check-input:focus {
                box-shadow: none
            }

.enroll-courses {
    padding: 30px;
    background-color: #f4f6f9;
    margin-bottom: 30px
}

    .enroll-courses .enroll-img {
        position: relative;
        overflow: hidden;
        margin-bottom: 30px
    }

        .enroll-courses .enroll-img img {
            overflow: hidden;
            transition: all ease .5s
        }

        .enroll-courses .enroll-img .icon {
            position: absolute;
            top: 0;
            bottom: 0;
            height: 100%;
            width: 100%;
            align-items: center;
            justify-content: center;
            display: flex;
            z-index: 1
        }

            .enroll-courses .enroll-img .icon a {
                font-size: 35px;
                background-color: #fff;
                color: #d64d35;
                text-align: center;
                height: 60px;
                width: 60px;
                line-height: 60px;
                border-radius: 100%;
                transition: all ease .5s
            }

                .enroll-courses .enroll-img .icon a:hover {
                    background-color: #d64d35;
                    color: #fff
                }

            .enroll-courses .enroll-img .icon::before {
                position: absolute;
                content: "";
                height: 70px;
                width: 70px;
                border-radius: 100%;
                background-color: rgba(255, 255, 255, .006);
                animation: ripple 4s linear infinite;
                z-index: -1
            }

            .enroll-courses .enroll-img .icon::after {
                position: absolute;
                content: "";
                height: 80px;
                width: 80px;
                border-radius: 100%;
                background-color: rgba(255, 255, 255, .004);
                animation: ripple 3s linear infinite;
                z-index: -1
            }

        .enroll-courses .enroll-img:hover img {
            transform: scale(1.2);
            filter: blur(3px)
        }

    .enroll-courses .list {
        margin-bottom: 30px
    }

        .enroll-courses .list ul {
            padding-left: 0;
            margin-bottom: 0
        }

            .enroll-courses .list ul li {
                list-style-type: none;
                text-align: right;
                position: relative;
                padding-bottom: 15px;
                margin-bottom: 15px;
                border-bottom: 1px solid #e6e1e1
            }

                .enroll-courses .list ul li span {
                    position: absolute;
                    left: 0;
                    color: #205753;
                    font-weight: 600
                }

                .enroll-courses .list ul li:last-child {
                    padding-bottom: 0;
                    margin-bottom: 0;
                    border-bottom: 0
                }

    .enroll-courses .default-btn {
        display: block
    }

.single-campus-card {
    min-height: 100%;
    margin-bottom: 30px;
    transition: all ease .5s;
    background-color: #fff;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
}

    .single-campus-card .campus-content {
        padding: 15px;
        margin: 0;
        text-align: center;
    }

.campus-content h4 {
    font-size: 18px;
}

/*.campus-content p {
    font-size: 13px;
    text-align: left;
}*/

.single-campus-card .campus-content span {
    color: #d64d35;
    margin-bottom: 15px;
    display: inline-block;
    font-weight: 500
}

.single-campus-card .campus-content h3 {
    font-size: 24px;
    margin-bottom: 0;
    line-height: 1.3;
    transition: all ease .5s
}

    .single-campus-card .campus-content h3:hover {
        color: #d64d35
    }

.single-campus-card.style2 .campus-content {
    background-color: #fff
}

    .single-campus-card.style2 .campus-content span {
        position: relative;
        padding-left: 55px
    }

        .single-campus-card.style2 .campus-content span::before {
            position: absolute;
            content: "";
            height: 1px;
            width: 50px;
            background-color: #d64d35;
            left: 0;
            bottom: 5px
        }

.single-campus-card.style2:hover {
    transform: translateY(0)
}

.single-campus-card.style-3 {
    position: relative
}

    .single-campus-card.style-3 .campus-content {
        background-color: #fff;
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px;
        transition: all ease .5s;
        transform: scaleY(0)
    }

    .single-campus-card.style-3:hover {
        transform: translateY(0)
    }

.single-campus-card:hover {
    transform: translateY(-10px)
}

.campus-slider.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    bottom: 30px;
    left: -80px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border: 1px solid #dfdbdb;
    height: 40px;
    width: 40px;
    line-height: 43px;
    border-radius: 100%;
    transition: all ease .5s;
    font-size: 24px
}

    .campus-slider.owl-theme .owl-nav [class*=owl-] i {
        position: relative;
        top: -2px;
        left: -1px
    }

    .campus-slider.owl-theme .owl-nav [class*=owl-].owl-next {
        right: -80px;
        left: auto
    }

        .campus-slider.owl-theme .owl-nav [class*=owl-].owl-next i {
            position: relative;
            right: -1px;
            left: auto;
            top: -2px
        }

    .campus-slider.owl-theme .owl-nav [class*=owl-]:hover {
        background-color: #d64d35;
        color: #fff;
        border: 1px solid #d64d35
    }

.campus-slider.owl-theme .owl-dots {
    left: 0
}

    .campus-slider.owl-theme .owl-dots .owl-dot span {
        background-color: #d64d35;
        margin: 10px 10px 0;
        background-color: #bbbaba;
        height: 18px;
        width: 18px
    }

    .campus-slider.owl-theme .owl-dots .owl-dot.active span {
        position: relative
    }

        .campus-slider.owl-theme .owl-dots .owl-dot.active span::before {
            position: absolute;
            content: "";
            height: 10px;
            width: 10px;
            background-color: #d64d35;
            border-radius: 100%;
            top: 4px;
            left: 4px
        }

.campus-slider2.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    bottom: 30px;
    left: -80px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border: 1px solid #dfdbdb;
    height: 40px;
    width: 40px;
    line-height: 43px;
    border-radius: 100%;
    transition: all ease .5s;
    font-size: 24px
}

    .campus-slider2.owl-theme .owl-nav [class*=owl-] i {
        position: relative;
        top: -2px;
        left: -1px
    }

    .campus-slider2.owl-theme .owl-nav [class*=owl-].owl-next {
        right: -80px;
        left: auto
    }

        .campus-slider2.owl-theme .owl-nav [class*=owl-].owl-next i {
            position: relative;
            right: -1px;
            left: auto;
            top: -2px
        }

    .campus-slider2.owl-theme .owl-nav [class*=owl-]:hover {
        background-color: #d64d35;
        color: #fff;
        border: 1px solid #d64d35
    }

.active.center .single-campus-card.style-3 .campus-content {
    transform: scaleY(1)
}

.admisssion-area.admission-bg {
    background-image: url(../images/admission/admission-3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden
}

    .admisssion-area.admission-bg::before {
        position: absolute;
        content: "";
        background: rgba(32, 87, 83, 0.9);
        height: 100%;
        width: 100%;
        left: 0;
        top: 0
    }

.admission-left-content {
    position: relative
}

    .admission-left-content h2 {
        font-size: 40px;
        color: #fff;
        margin-bottom: 20px
    }

    .admission-left-content p {
        color: #fff;
        margin-bottom: 30px
    }

.admission-right-content {
    position: relative;
    text-align: right
}

    .admission-right-content ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .admission-right-content p {
        padding-right: 100px;
        position: relative;
        color: #fff;
        top: 20px;
        text-align: right;
    }

    .admission-right-content .icon {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1
    }

        .admission-right-content .icon a {
            font-size: 35px;
            background-color: #fff;
            color: #d64d35;
            text-align: center;
            height: 60px;
            width: 60px;
            display: inline-block;
            line-height: 60px;
            border-radius: 100%;
            transition: all ease .5s
        }

            .admission-right-content .icon a:hover {
                background-color: #d64d35;
                color: #fff
            }

        .admission-right-content .icon::before {
            position: absolute;
            content: "";
            height: 70px;
            width: 70px;
            border-radius: 100%;
            left: -5px;
            top: -5px;
            background-color: rgba(255, 255, 255, .006);
            animation: ripple 4s linear infinite;
            z-index: -1
        }

        .admission-right-content .icon::after {
            position: absolute;
            content: "";
            height: 80px;
            width: 80px;
            left: -10px;
            top: -10px;
            border-radius: 100%;
            background-color: rgba(255, 255, 255, .004);
            animation: ripple 3s linear infinite;
            z-index: -1
        }

@keyframes ripple {
    0% {
        transform: scale(1)
    }

    75% {
        transform: scale(1.75);
        opacity: .6
    }

    100% {
        transform: scale(2);
        opacity: 0
    }
}

.admission-content .admission-image {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 10px
}

    .admission-content .admission-image img {
        overflow: hidden;
        transition: all ease .5s
    }

    .admission-content .admission-image .icon {
        position: absolute;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 1
    }

        .admission-content .admission-image .icon a {
            font-size: 35px;
            background-color: #d64d35;
            color: #fff;
            text-align: center;
            height: 60px;
            width: 60px;
            line-height: 60px;
            border-radius: 100%;
            transition: all ease .5s
        }

            .admission-content .admission-image .icon a:hover {
                background-color: #d64d35;
                color: #fff
            }

        .admission-content .admission-image .icon::before {
            position: absolute;
            content: "";
            height: 70px;
            width: 70px;
            border-radius: 100%;
            background-color: rgba(227, 40, 69, .006);
            animation: ripple 4s linear infinite;
            z-index: -1
        }

        .admission-content .admission-image .icon::after {
            position: absolute;
            content: "";
            height: 80px;
            width: 80px;
            border-radius: 100%;
            background-color: rgba(227, 40, 69, .004);
            animation: ripple 3s linear infinite;
            z-index: -1
        }

    .admission-content .admission-image:hover img {
        transform: scale(1.2);
        filter: blur(3px)
    }

.admission-content .query p {
    margin-bottom: 30px
}

.how-to-apply h2 {
    font-size: 48px;
    margin-bottom: 20px
}

/*.how-to-apply p {
    margin-bottom: 30px
}*/

.how-to-apply .apply-list {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee
}

    .how-to-apply .apply-list ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .how-to-apply .apply-list ul li {
            list-style-type: none;
            margin-bottom: 12px;
            position: relative;
            padding-left: 20px
        }

            .how-to-apply .apply-list ul li i {
                position: absolute;
                color: #d64d35;
                left: 0
            }

.submit {
    padding-bottom: 35px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee
}

    .submit h3 {
        font-size: 30px;
        margin-bottom: 20px
    }

    .submit p {
        margin-bottom: 25px
    }

.financial {
    margin-bottom: 30px
}

    .financial h3 {
        font-size: 30px;
        margin-bottom: 20px
    }

    .financial p {
        margin-bottom: 25px
    }

.additional-information {
    background-color: #f4f6f9;
    padding: 30px;
    margin-bottom: 30px
}

    .additional-information h3 {
        font-size: 22px;
        margin-bottom: 20px
    }

    .additional-information .list {
        text-align: center
    }

        .additional-information .list ul {
            padding-left: 0;
            margin-bottom: 0
        }

            .additional-information .list ul li {
                list-style-type: none;
                margin-bottom: 15px;
                padding: 15px;
                background-color: #fff;
                transition: all ease .5s
            }

                .additional-information .list ul li a {
                    color: #555;
                    transition: all ease .5s
                }

                .additional-information .list ul li:hover {
                    background-color: #d64d35
                }

                    .additional-information .list ul li:hover a {
                        color: #fff
                    }

.single-program-card {
    background-color: #fff;
    margin-bottom: 30px
}

    .single-program-card .program-content {
        padding: 30px
    }

        .single-program-card .program-content h3 {
            font-size: 22px;
            margin-bottom: 17px
        }

            .single-program-card .program-content h3 a {
                color: #205753;
                transition: all ease .5s
            }

                .single-program-card .program-content h3 a:hover {
                    color: #d64d35
                }

        .single-program-card .program-content p {
            margin-bottom: 17px
        }

.single-health-care-card {
    margin-bottom: 30px;
    transition: all ease .5s
}

    .single-health-care-card .health-care-content {
        background-color: #fff;
        box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
        padding: 30px 15px;
    }

        .single-health-care-card .health-care-content h3 {
            font-size: 20px;
            margin-bottom: 15px;
            transition: all ease .5s;
            line-height: 1.3
        }

        .single-health-care-card .health-care-content h2 {
            font-size: 25px;
            margin-bottom: 15px;
            transition: all ease .5s;
            line-height: 1.3
        }

        .single-health-care-card .health-care-content p {
            margin-bottom: 15px
        }

    .single-health-care-card.style1 {
        position: relative
    }

        .single-health-care-card.style1 .health-care-content {
            background-color: #fff;
            max-width: 420px;
            margin: auto;
            left: 0;
            right: 0;
            position: absolute;
            bottom: -70px
        }

    .single-health-care-card.style2 {
        position: relative;
        padding-top: 150px
    }

        .single-health-care-card.style2 .health-care-content {
            background-color: #fff;
            max-width: 420px;
            margin: auto;
            left: 0;
            right: 0;
            position: absolute;
            top: 0
        }

    .single-health-care-card.style-3 {
        position: relative
    }

        .single-health-care-card.style-3 .health-care-content {
            background-color: #fff;
            position: absolute;
            left: 30px;
            right: 30px;
            bottom: 30px
        }

        .single-health-care-card.style-3:hover {
            transform: translateX(0)
        }

    .single-health-care-card:hover {
        transform: translateX(-10px)
    }

        .single-health-care-card:hover .health-care-content h3 {
            color: #d64d35
        }

.more-health-care.style2 {
    text-align: right !important;
    padding-right: 200px
}

.health-care-slider.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    bottom: 30px;
    left: -80px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border: 1px solid #dfdbdb;
    height: 40px;
    width: 40px;
    line-height: 43px;
    border-radius: 100%;
    transition: all ease .5s;
    font-size: 24px
}

    .health-care-slider.owl-theme .owl-nav [class*=owl-] i {
        position: relative;
        top: -2px;
        left: -1px
    }

    .health-care-slider.owl-theme .owl-nav [class*=owl-].owl-next {
        right: -80px;
        left: auto
    }

        .health-care-slider.owl-theme .owl-nav [class*=owl-].owl-next i {
            position: relative;
            right: -1px;
            left: auto;
            top: -2px
        }

    .health-care-slider.owl-theme .owl-nav [class*=owl-]:hover {
        background-color: #d64d35;
        color: #fff;
        border: 1px solid #d64d35
    }

.health-details .top-content img {
    margin-bottom: 25px
}

.health-details .top-content h2 {
    font-size: 40px;
    margin-bottom: 20px
}

.health-details .top-content p {
    margin-bottom: 25px
}

.health-details .health-care h3 {
    font-size: 24px;
    margin-bottom: 20px
}

.health-details .health-care p {
    margin-bottom: 20px
}

.health-details .health-care-access {
    margin-bottom: 20px
}

    .health-details .health-care-access h3 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .health-details .health-care-access p {
        margin-bottom: 20px
    }

.madical-care-content .medical-card {
    margin-bottom: 30px
}

    .madical-care-content .medical-card .content {
        background-color: #d64d35;
        text-align: center;
        padding: 20px 0 15px
    }

        .madical-care-content .medical-card .content h4 {
            font-size: 22px;
            color: #fff
        }

.madical-care-content .medical-care {
    margin-bottom: 30px
}

    .madical-care-content .medical-care h3 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .madical-care-content .medical-care p {
        margin-bottom: 20px
    }

    .madical-care-content .medical-care .list ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .madical-care-content .medical-care .list ul li {
            margin-bottom: 10px;
            list-style-type: none;
            position: relative;
            padding-left: 20px
        }

            .madical-care-content .medical-care .list ul li::before {
                position: absolute;
                content: "";
                height: 10px;
                width: 10px;
                border-radius: 100%;
                background-color: #d64d35;
                left: 0;
                top: 6px
            }

            .madical-care-content .medical-care .list ul li:last-child {
                margin-bottom: 10px
            }

.tranding {
    padding: 30px;
    background-color: #f4f6f9;
    margin-bottom: 30px
}

    .tranding h3 {
        font-size: 22px;
        margin-bottom: 20px
    }

    .tranding .tranding-box {
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #d4d3d3
    }

        .tranding .tranding-box .tranding-content {
            position: relative;
            padding-left: 105px;
            padding-top: 15px;
            padding-bottom: 15px
        }

            .tranding .tranding-box .tranding-content h4 {
                font-size: 16px;
                margin-bottom: 5px
            }

                .tranding .tranding-box .tranding-content h4 a {
                    color: #555;
                    transition: all ease .5s
                }

            .tranding .tranding-box .tranding-content img {
                height: 80px;
                width: 90px;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%)
            }

        .tranding .tranding-box:last-child {
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: 0
        }

        .tranding .tranding-box:hover .tranding-content h4 a {
            color: #d64d35
        }

.single-events-card {
    margin-bottom: 30px;
    transition: all ease .5s
}

    .single-events-card .events-image {
        position: relative
    }

        .single-events-card .events-image .date {
            background-color: #fff;
            position: absolute;
            bottom: -35px;
            left: 30px;
            padding: 15px 25px;
            box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
            border-radius: 5px
        }

            .single-events-card .events-image .date span {
                font-size: 18px;
                color: #d64d35;
                font-weight: 600;
                margin-bottom: 10px
            }

    .single-events-card .events-content {
        padding: 30px;
        background-color: #fff
    }

        .single-events-card .events-content .admin {
            text-align: right;
            margin-bottom: 20px
        }

            .single-events-card .events-content .admin p a {
                color: #555
            }

                .single-events-card .events-content .admin p a i {
                    color: #d64d35;
                    padding-right: 7px
                }

        .single-events-card .events-content h3 {
            font-size: 24px;
            transition: all ease .5s;
            list-style: 1.3
        }

    .single-events-card:hover {
        transform: translateX(-10px)
    }

        .single-events-card:hover .events-content h3 {
            color: #d64d35
        }

    .single-events-card.style2 .events-content {
        background-color: #fff;
        box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
    }

        .single-events-card.style2 .events-content h3 {
            margin-bottom: 15px
        }

        .single-events-card.style2 .events-content .admin-and-date ul {
            padding-left: 0;
            margin-bottom: 0
        }

            .single-events-card.style2 .events-content .admin-and-date ul li {
                list-style-type: none
            }

                .single-events-card.style2 .events-content .admin-and-date ul li a {
                    color: #555
                }

                    .single-events-card.style2 .events-content .admin-and-date ul li a i {
                        color: #d64d35;
                        margin-right: 7px
                    }

    .single-events-card.style2:hover {
        transform: translateX(0)
    }

    .single-events-card.style-3 .events-content {
        background-color: #fff;
        box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
    }

        .single-events-card.style-3 .events-content .date-and-read-more ul {
            padding-left: 0;
            margin-bottom: 0
        }

            .single-events-card.style-3 .events-content .date-and-read-more ul li {
                list-style-type: none
            }

                .single-events-card.style-3 .events-content .date-and-read-more ul li p i {
                    color: #d64d35;
                    position: relative;
                    top: 2px;
                    margin-right: 7px
                }

    .single-events-card.style-4 .events-content {
        background-color: #fff;
        box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
    }

.events-slider.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    bottom: 30px;
    left: -80px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border: 1px solid #dfdbdb;
    height: 40px;
    width: 40px;
    line-height: 43px;
    border-radius: 100%;
    transition: all ease .5s;
    font-size: 24px
}

    .events-slider.owl-theme .owl-nav [class*=owl-] i {
        position: relative;
        top: -2px;
        left: -1px
    }

    .events-slider.owl-theme .owl-nav [class*=owl-].owl-next {
        right: -80px;
        left: auto
    }

        .events-slider.owl-theme .owl-nav [class*=owl-].owl-next i {
            position: relative;
            right: -1px;
            left: auto;
            top: -2px
        }

    .events-slider.owl-theme .owl-nav [class*=owl-]:hover {
        background-color: #d64d35;
        color: #fff;
        border: 1px solid #d64d35
    }

.events-slider.owl-theme .owl-dots {
    left: 0
}

    .events-slider.owl-theme .owl-dots .owl-dot span {
        background-color: #d64d35;
        margin: 10px 10px 0;
        background-color: #dbdada;
        height: 18px;
        width: 18px
    }

    .events-slider.owl-theme .owl-dots .owl-dot.active span {
        position: relative
    }

        .events-slider.owl-theme .owl-dots .owl-dot.active span::before {
            position: absolute;
            content: "";
            height: 10px;
            width: 10px;
            background-color: #d64d35;
            border-radius: 100%;
            top: 4px;
            left: 4px
        }

.events-details-left-content .events-image {
    margin-bottom: 30px
}

.meetings {
    padding-bottom: 15px;
    border-bottom: 1px solid #f4f6f9;
    margin-bottom: 30px
}

    .meetings h2 {
        font-size: 36px;
        margin-bottom: 20px
    }

    .meetings p {
        margin-bottom: 20px
    }

.about-lecturer h3 {
    font-size: 24px;
    margin-bottom: 20px
}

.about-lecturer img {
    margin-bottom: 30px
}

.about-lecturer p {
    margin-bottom: 30px
}

.about-lecturer .address {
    margin-bottom: 15px
}

    .about-lecturer .address h4 {
        font-size: 20px;
        margin-bottom: 20px
    }

    .about-lecturer .address .list ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .about-lecturer .address .list ul li {
            margin-bottom: 10px;
            list-style-type: none;
            position: relative;
            padding-left: 20px
        }

            .about-lecturer .address .list ul li::before {
                position: absolute;
                content: "";
                height: 8px;
                width: 8px;
                border-radius: 100%;
                background-color: #d64d35;
                left: 0;
                top: 7px
            }

            .about-lecturer .address .list ul li a {
                color: #555
            }

.about-lecturer .social-content {
    margin-bottom: 30px
}

    .about-lecturer .social-content ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .about-lecturer .social-content ul li {
            list-style-type: none;
            display: inline-block;
            margin-right: 10px
        }

            .about-lecturer .social-content ul li a {
                height: 40px;
                width: 40px;
                line-height: 40px;
                border-radius: 100%;
                background-color: #f4f6f9;
                color: #d64d35;
                font-size: 18px;
                text-align: center;
                display: inline-block;
                transition: all ease .5s
            }

                .about-lecturer .social-content ul li a:hover {
                    background-color: #d64d35;
                    color: #fff;
                    transform: translateY(-5px)
                }

.next-workshop {
    margin-bottom: 30px
}

    .next-workshop h3 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .next-workshop .list ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .next-workshop .list ul li {
            list-style-type: none;
            margin-bottom: 10px;
            position: relative;
            padding-left: 120px
        }

            .next-workshop .list ul li span {
                position: absolute;
                left: 0
            }

            .next-workshop .list ul li:last-child {
                margin-bottom: 0
            }

.brought {
    margin-bottom: 30px
}

    .brought h3 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .brought p {
        margin-bottom: 20px
    }

    .brought .default-btn {
        margin-top: 10px
    }

.counter-area ul {
    padding-left: 0;
    margin-bottom: 0
}

    .counter-area ul li {
        list-style-type: none
    }

.single-podcasts-card {
    margin-bottom: 30px
}

    .single-podcasts-card .podcast-content span {
        color: #d64d35;
        display: inline-block;
        margin-bottom: 10px
    }

    .single-podcasts-card .podcast-content h3 {
        font-size: 24px;
        margin-bottom: 15px;
        line-height: 1.3
    }

    .single-podcasts-card .podcast-content p {
        margin-bottom: 20px
    }

    .single-podcasts-card .podcast-content .play-icon {
        transition: all ease .5s;
        padding-top: 5px;
        max-width: 170px
    }

        .single-podcasts-card .podcast-content .play-icon i {
            color: #fff;
            height: 45px;
            width: 45px;
            line-height: 45px;
            border-radius: 100%;
            font-size: 24px;
            background-color: #d64d35;
            display: inline-block;
            text-align: center;
            transition: all ease .5s
        }

        .single-podcasts-card .podcast-content .play-icon span {
            position: relative;
            display: inline-block;
            bottom: 8px;
            padding-left: 7px;
            transition: all ease .5s
        }

        .single-podcasts-card .podcast-content .play-icon:hover {
            background-color: #d64d35;
            padding-top: 5px
        }

            .single-podcasts-card .podcast-content .play-icon:hover span {
                color: #fff
            }

    .single-podcasts-card.style2 .podcasts-image {
        position: relative
    }

        .single-podcasts-card.style2 .podcasts-image .play-btn {
            height: 45px;
            width: 45px;
            line-height: 45px;
            border-radius: 100%;
            text-align: center;
            font-size: 24px;
            border: 1px solid #fff;
            color: #fff;
            position: absolute;
            bottom: 30px;
            right: 30px;
            z-index: 1;
            transition: all ease .5s
        }

            .single-podcasts-card.style2 .podcasts-image .play-btn:hover {
                background-color: #fff;
                color: #d64d35;
                border-color: #fff
            }

    .single-podcasts-card.style2 .podcast-content {
        background-color: #fff;
        padding: 30px
    }

        .single-podcasts-card.style2 .podcast-content ul {
            padding-left: 0;
            margin-bottom: 15px
        }

            .single-podcasts-card.style2 .podcast-content ul li {
                list-style-type: none;
                color: #d64d35
            }

                .single-podcasts-card.style2 .podcast-content ul li.date {
                    position: relative;
                    padding-left: 35px
                }

                    .single-podcasts-card.style2 .podcast-content ul li.date::before {
                        position: absolute;
                        content: "";
                        height: 1px;
                        width: 30px;
                        background-color: #d64d35;
                        top: 12px;
                        left: 0
                    }

        .single-podcasts-card.style2 .podcast-content h3 {
            margin-bottom: 0
        }

    .single-podcasts-card.style3 .podcasts-image {
        position: relative
    }

        .single-podcasts-card.style3 .podcasts-image .play-btn {
            height: 45px;
            width: 45px;
            line-height: 45px;
            border-radius: 100%;
            text-align: center;
            font-size: 24px;
            border: 1px solid #fff;
            background-color: #fff;
            color: #d64d35;
            position: absolute;
            bottom: 30px;
            left: 30px;
            z-index: 1;
            transition: all ease .5s
        }

            .single-podcasts-card.style3 .podcasts-image .play-btn:hover {
                background-color: #d64d35;
                color: #fff
            }

        .single-podcasts-card.style3 .podcasts-image .episodes p {
            background-color: #fff;
            color: #d64d35;
            padding: 10px 15px;
            position: absolute;
            top: 30px;
            left: 30px;
            border-radius: 7px
        }

    .single-podcasts-card.style3 .podcast-content {
        padding: 30px 30px 0
    }

        .single-podcasts-card.style3 .podcast-content .date p {
            color: #d64d35;
            font-weight: 500;
            position: relative;
            padding-left: 15px
        }

            .single-podcasts-card.style3 .podcast-content .date p::before {
                position: absolute;
                content: "";
                height: 8px;
                width: 8px;
                border-radius: 100%;
                background-color: #d64d35;
                left: 0;
                top: 7px
            }

.categories {
    padding: 20px 15px;
    background-color: #fff;
    margin-bottom: 30px
}

    .categories h3 {
        font-size: 22px;
        margin-bottom: 20px
    }

    .categories ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .categories ul li {
            position: relative;
            list-style-type: none;
            padding-bottom: 10px;
            margin-bottom: 10px;
            border-bottom: 1px solid #eee
        }

            .categories ul li:last-child {
                margin-bottom: 0;
                padding-bottom: 0;
                border-bottom: none
            }

            .categories ul li a {
                color: #555;
                transition: all ease .5s
            }

            .categories ul li i {
                color: #d64d35;
                padding-right: 10px
            }

            .categories ul li:hover a {
                color: #d64d35
            }

    .categories.style-2 {
        background-color: #fff
    }

.subscribe-area {
    background-image: url(../images/subscribe-img.jpg);
    background-size: cover;
    padding: 30px;
    text-align: center;
    position: relative;
    margin-bottom: 30px
}

    .subscribe-area::before {
        position: absolute;
        content: "";
        background: rgba(17, 29, 94, .7);
        height: 100%;
        width: 100%;
        left: 0;
        top: 0
    }

    .subscribe-area .top-content {
        position: relative
    }

        .subscribe-area .top-content i {
            font-size: 40px;
            color: #fff
        }

        .subscribe-area .top-content h3 {
            font-size: 28px;
            color: #fff;
            margin-bottom: 15px
        }

        .subscribe-area .top-content p {
            margin-bottom: 20px;
            color: #fff
        }

    .subscribe-area .newsletter-form {
        position: relative
    }

        .subscribe-area .newsletter-form .form-control {
            margin-bottom: 30px
        }

        .subscribe-area .newsletter-form .default-btn {
            width: 100%
        }

        .subscribe-area .newsletter-form .validation-danger {
            color: #d64d35;
            margin-top: 5px
        }

.single-stories-card {
    margin-bottom: 30px
}

    .single-stories-card .stories-content {
        padding: 30px 30px 20px;
        background-color: #fff;
        box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
    }

        .single-stories-card .stories-content h3 {
            font-size: 22px
        }

    .single-stories-card iframe {
        height: 234px;
        width: 100%
    }

.single-news-card {
    margin-bottom: 15px;
    transition: all ease .5s;
    background-color: #fff;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
}
    /* .single-news-card .news-img {
        height: 400px;  
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

        .single-news-card .news-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }*/
    .single-news-card .news-img {
        overflow: hidden
    }

        .single-news-card .news-img img {
            transition: all ease .5s
        }

    .single-news-card .news-content {
        padding: 20px 15px;
        min-height: 220px;
    }

        .single-news-card .news-content .list {
            margin-bottom: 15px
        }

            .single-news-card .news-content .list ul {
                padding-left: 0;
                margin-bottom: 0
            }

                .single-news-card .news-content .list ul li {
                    display: inline-block;
                    margin-right: 15px
                }

                    .single-news-card .news-content .list ul li i {
                        padding-right: 7px;
                        color: #d64d35
                    }

                    .single-news-card .news-content .list ul li a {
                        color: #555
                    }

        .single-news-card .news-content h3 {
            font-size: 20px;
            margin-bottom: 10px;
            transition: all ease .5s;
            line-height: 1.3
        }

    .single-news-card:hover .news-img img {
        transform: scale(1.1)
    }

    .single-news-card:hover .news-content h3 {
        color: #d64d35
    }

    .single-news-card.style2 .news-content {
        background-color: #fff
    }

    .single-news-card.style3 {
        background-color: #fff
    }

        .single-news-card.style3 .news-content {
            background-color: #fff
        }

.news-slider.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    bottom: 30px;
    left: -80px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border: 1px solid #dfdbdb;
    height: 40px;
    width: 40px;
    line-height: 43px;
    border-radius: 100%;
    transition: all ease .5s;
    font-size: 24px
}

    .news-slider.owl-theme .owl-nav [class*=owl-] i {
        position: relative;
        top: -2px;
        left: -1px
    }

    .news-slider.owl-theme .owl-nav [class*=owl-].owl-next {
        right: -80px;
        left: auto
    }

        .news-slider.owl-theme .owl-nav [class*=owl-].owl-next i {
            position: relative;
            right: -1px;
            left: auto;
            top: -2px
        }

    .news-slider.owl-theme .owl-nav [class*=owl-]:hover {
        background-color: #d64d35;
        color: #fff;
        border: 1px solid #d64d35
    }

.news-slider.owl-theme .owl-dots {
    left: 0
}

    .news-slider.owl-theme .owl-dots .owl-dot span {
        background-color: #d64d35;
        margin: 0 15px;
        background-color: #ded6d6;
        height: 18px;
        width: 18px
    }

    .news-slider.owl-theme .owl-dots .owl-dot.active span {
        position: relative
    }

        .news-slider.owl-theme .owl-dots .owl-dot.active span::before {
            position: absolute;
            content: "";
            height: 10px;
            width: 10px;
            background-color: #d64d35;
            border-radius: 100%;
            top: 4px;
            left: 4px
        }

.latest-news-simple-card {
    background-image: url(../images/newsimages/news-5.jpg);
    background-size: cover;
    background-position: center center;
    height: 450px;
    width: 100%;
    position: relative;
    margin-bottom: 30px
}

    .latest-news-simple-card::before {
        position: absolute;
        content: "";
        background: rgba(17, 29, 94, .7);
        height: 100%;
        width: 100%;
        top: 0;
        left: 0
    }

    .latest-news-simple-card .news-content {
        padding: 30px;
        position: absolute;
        left: 0;
        bottom: 0
    }

        .latest-news-simple-card .news-content .list {
            margin-bottom: 15px
        }

            .latest-news-simple-card .news-content .list ul {
                padding-left: 0;
                margin-bottom: 0
            }

                .latest-news-simple-card .news-content .list ul li {
                    display: inline-block;
                    margin-right: 15px;
                    color: #fff
                }

                    .latest-news-simple-card .news-content .list ul li i {
                        padding-right: 7px;
                        color: #d64d35
                    }

                    .latest-news-simple-card .news-content .list ul li a {
                        color: #fff
                    }

        .latest-news-simple-card .news-content h3 {
            font-size: 36px;
            margin-bottom: 15px;
            color: #fff
        }

.latest-news-card-area h3 {
    font-size: 24px;
    margin-bottom: 20px
}

.category-list {
    padding: 30px;
    background-color: #f4f6f9;
    margin-bottom: 30px
}

    .category-list h3 {
        font-size: 22px;
        margin-bottom: 20px
    }

    .category-list ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .category-list ul li {
            list-style-type: none;
            position: relative;
            margin-bottom: 10px
        }

            .category-list ul li a {
                color: #555;
                transition: all ease .5s
            }

            .category-list ul li i {
                position: absolute;
                right: 0;
                font-size: 22px
            }

            .category-list ul li:last-child {
                margin-bottom: 0
            }

            .category-list ul li:hover a {
                color: #d64d35
            }

.related-post-area {
    padding: 30px;
    background-color: #f4f6f9;
    margin-bottom: 30px
}

    .related-post-area h3 {
        font-size: 22px;
        margin-bottom: 20px
    }

    .related-post-area .related-post-box {
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #d4d3d3
    }

        .related-post-area .related-post-box .related-post-content {
            position: relative;
            padding-left: 105px;
            padding-top: 10px;
            padding-bottom: 10px
        }

            .related-post-area .related-post-box .related-post-content h4 {
                font-size: 16px;
                margin-bottom: 10px
            }

                .related-post-area .related-post-box .related-post-content h4 a {
                    color: #555;
                    transition: all ease .5s;
                    transition: all ease .5s
                }

                .related-post-area .related-post-box .related-post-content h4:hover a {
                    color: #d64d35
                }

            .related-post-area .related-post-box .related-post-content img {
                height: 80px;
                width: 90px;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%)
            }

            .related-post-area .related-post-box .related-post-content p i {
                color: #d64d35;
                position: relative;
                top: 0;
                margin-right: 5px
            }

        .related-post-area .related-post-box:last-child {
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: 0
        }

        .related-post-area .related-post-box:hover .tranding-content h4 a {
            color: #d64d35
        }

.news-details .news-simple-card img {
    margin-bottom: 20px
}

.news-details .news-simple-card .list {
    margin-bottom: 15px
}

    .news-details .news-simple-card .list ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .news-details .news-simple-card .list ul li {
            display: inline-block;
            margin-right: 15px
        }

            .news-details .news-simple-card .list ul li i {
                padding-right: 7px;
                color: #d64d35
            }

            .news-details .news-simple-card .list ul li a {
                color: #555
            }

.news-details .news-simple-card h2 {
    font-size: 36px;
    margin-bottom: 20px
}

.news-details .news-simple-card p {
    margin-bottom: 20px
}

.news-details .theory .theory-box {
    padding-left: 30px;
    margin-bottom: 30px
}

    .news-details .theory .theory-box h4 {
        font-size: 18px;
        position: relative
    }

        .news-details .theory .theory-box h4::before {
            position: absolute;
            content: "";
            height: 10px;
            width: 10px;
            border-radius: 100%;
            background-color: #d64d35;
            left: -30px;
            top: 5px
        }

.news-details .blog-img-and-content {
    margin-bottom: 30px
}

    .news-details .blog-img-and-content img {
        margin-bottom: 30px
    }

.tags-and-share {
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px
}

    .tags-and-share .tags ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .tags-and-share .tags ul li {
            margin-right: 10px;
            display: inline-block
        }

            .tags-and-share .tags ul li span {
                font-size: 18px;
                font-weight: 500;
                color: #205753;
                margin-right: 5px
            }

            .tags-and-share .tags ul li a {
                color: #555;
                transition: all ease .5s;
                position: relative
            }

                .tags-and-share .tags ul li a:hover {
                    color: #d64d35
                }

                .tags-and-share .tags ul li a::before {
                    position: absolute;
                    content: ",";
                    right: -4px
                }

            .tags-and-share .tags ul li:last-child a::before {
                display: none
            }

    .tags-and-share .share {
        text-align: right
    }

        .tags-and-share .share ul {
            padding-left: 0;
            margin-bottom: 0
        }

            .tags-and-share .share ul li {
                display: inline-block
            }

                .tags-and-share .share ul li span {
                    font-size: 18px;
                    font-weight: 500;
                    color: #205753;
                    margin-right: 15px
                }

                .tags-and-share .share ul li a {
                    height: 35px;
                    width: 35px;
                    line-height: 38px;
                    border-radius: 100%;
                    background-color: #f4f6f9;
                    color: #d64d35;
                    display: inline-block;
                    text-align: center;
                    transition: all ease .5s
                }

                    .tags-and-share .share ul li a:hover {
                        background-color: #d64d35;
                        color: #fff
                    }

.footer-area {
    background-color: #205753;
    position: relative;
    z-index: 1
}

    .footer-area .shape {
        position: absolute;
        top: 50px;
        margin: auto;
        justify-content: center;
        align-items: center;
        display: flex;
        left: 0;
        right: 0;
        z-index: -1
    }

.footer-logo-area {
    margin-bottom: 30px
}

    .footer-logo-area img {
        margin-bottom: 20px
    }

    .footer-logo-area p {
        margin-bottom: 25px;
        color: #fff;
        text-align: left;
    }

    .footer-logo-area .contact-list ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .footer-logo-area .contact-list ul li {
            list-style-type: none;
            margin-bottom: 10px
        }

            .footer-logo-area .contact-list ul li:last-child {
                margin-bottom: 0
            }

            .footer-logo-area .contact-list ul li a {
                color: #fff
            }

.footer-widjet {
    margin-bottom: 30px
}

    .footer-widjet h3 {
        font-size: 22px;
        color: #fff;
        margin-bottom: 30px
    }

    .footer-widjet .list ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .footer-widjet .list ul li {
            list-style-type: none;
            margin-bottom: 10px
        }

            .footer-widjet .list ul li:last-child {
                margin-bottom: 0
            }

            .footer-widjet .list ul li a {
                color: #fff;
                transition: all ease .5s
            }

                .footer-widjet .list ul li a:hover {
                    color: rgb(255, 109, 2);
                }

.copyright-area {
    background-color: #1b4f4b;
}

.copyright {
    padding: 15px 0
}

    .copyright .copy {
        text-align: right
    }

        .copyright .copy p {
            color: #cacaca;
            text-align: right;
        }

            .copyright .copy p a {
                color: #d64d35
            }

    .copyright .social-content ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .copyright .social-content ul li {
            display: inline-block;
            margin-right: 10px
        }

            .copyright .social-content ul li:last-child {
                margin-right: 0
            }

            .copyright .social-content ul li span {
                color: #fff
            }

            .copyright .social-content ul li a {
                color: #cacaca;
                transition: all ease .5s
            }

                .copyright .social-content ul li a:hover {
                    color: rgb(255, 109, 2);
                }

.page-banner-area {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 150px;
    padding-bottom: 30px;
}

    .page-banner-area::before {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background: #46919c;
    }

    .page-banner-area.bg-1 {
        background-image: url(../images/cta-ten_pattern.png)
    }

    .page-banner-area.bg-2 {
        background-image: url(../images/page-banner/page-bnner-2.jpg)
    }

    .page-banner-area .container-fluid {
        max-width: 1520px;
        margin: auto
    }

.page-banner-content {
    position: relative;
    text-align: center;
}

    .page-banner-content h1 {
        font-size: 30px;
        margin-bottom: 10px;
        color: #fff;
    }

    .page-banner-content ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .page-banner-content ul li {
            display: inline-block;
            position: relative;
            padding-right: 18px;
            font-size: 16px;
            font-weight: 500;
            color: #fff;
        }

            .page-banner-content ul li a {
                text-decoration: none;
                color: #fff;
            }

            .page-banner-content ul li::before {
                position: absolute;
                content: "/";
                right: 2px;
                top: 0
            }

            .page-banner-content ul li:last-child {
                color: #fff;
                padding-right: 0
            }

                .page-banner-content ul li:last-child::before {
                    display: none
                }

.student-life-card {
    margin-bottom: 30px;
    position: relative
}

    .student-life-card .tags {
        background-color: #d64d35;
        padding: 10px 15px;
        position: absolute;
        left: 20px;
        bottom: 20px
    }

        .student-life-card .tags p {
            color: #fff
        }

.alumni-left-content h3 {
    font-size: 30px;
    margin-bottom: 20px
}

.single-alumni-events-card {
    padding: 10px;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
    margin-bottom: 30px;
    transition: all ease .5s
}

    .single-alumni-events-card .alumni-img {
        position: relative
    }

        .single-alumni-events-card .alumni-img img {
            width: 100%
        }

        .single-alumni-events-card .alumni-img .date {
            position: absolute;
            top: 10px;
            left: 10px;
            background-color: #d64d35;
            padding: 8px 12px
        }

            .single-alumni-events-card .alumni-img .date p {
                color: #fff;
                font-size: 13px
            }

    .single-alumni-events-card .alumni-content .time {
        margin-bottom: 15px
    }

        .single-alumni-events-card .alumni-content .time p i {
            color: #d64d35;
            position: relative;
            top: 2px;
            margin-right: 5px
        }

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

    .single-alumni-events-card .alumni-content .location p i {
        color: #d64d35;
        position: relative;
        top: 2px;
        margin-right: 5px
    }

    .single-alumni-events-card:hover {
        transform: translateY(-10px)
    }

.alumni-right-content h3 {
    font-size: 30px;
    margin-bottom: 20px
}

.single-alumoni-updates-card {
    padding: 10px;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
    margin-bottom: 30px;
    transition: all ease .5s
}

    .single-alumoni-updates-card .update-image img {
        width: 100%
    }

    .single-alumoni-updates-card .updates-content .date {
        margin-bottom: 10px
    }

    .single-alumoni-updates-card .updates-content h3 {
        font-size: 22px;
        margin-bottom: 20px
    }

    .single-alumoni-updates-card:hover {
        transform: translateY(-10px)
    }

.interview-content {
    background-image: url(../images/alumni/alumni-7.jpg);
    background-size: cover;
    background-position: center center
}

    .interview-content .interview {
        max-width: 465px;
        margin-right: 20px;
        margin-left: auto
    }

        .interview-content .interview span {
            margin-bottom: 10px;
            display: inline-block
        }

        .interview-content .interview h2 {
            font-size: 30px;
            margin-bottom: 20px
        }

        .interview-content .interview p {
            margin-bottom: 30px
        }

.contacts-form {
    padding: 40px;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
    margin-bottom: 30px
}

    .contacts-form h3 {
        font-size: 30px;
        margin-bottom: 20px
    }

    .contacts-form .form-group {
        margin-bottom: 15px
    }

        .contacts-form .form-group label {
            margin-bottom: 7px
        }

        .contacts-form .form-group .form-control {
            background-color: #f4f6f9;
            border: 1px solid transparent
        }

            .contacts-form .form-group .form-control:focus {
                border: 1px solid #d64d35
            }

    .contacts-form .list-unstyled {
        color: #d64d35;
        margin-top: 7px
    }

    .contacts-form .text-danger {
        color: #d64d35;
        font-size: 16px;
        margin-top: 7px
    }

    .contacts-form .form-check .form-check-input {
        border-radius: 0
    }

        .contacts-form .form-check .form-check-input:checked {
            background-color: #d64d35;
            border-color: #d64d35
        }

        .contacts-form .form-check .form-check-input:focus {
            box-shadow: none
        }

    .contacts-form .default-btn {
        width: 100%
    }

.contact-and-address h2 {
    font-size: 30px;
    margin-bottom: 20px
}

.contact-and-address p {
    margin-bottom: 20px;
    text-align: left;
}

.contact-and-address .contact-and-address-content {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

    .contact-and-address .contact-and-address-content .contact-card {
        text-align: center;
        padding: 30px;
        background-color: #f4f6f9;
        margin-bottom: 30px
    }

        .contact-and-address .contact-and-address-content .contact-card .icon {
            font-size: 35px;
            height: 65px;
            width: 65px;
            line-height: 65px;
            border: 1px solid #d64d35;
            color: #d64d35;
            text-align: center;
            border-radius: 100%;
            margin: auto;
            margin-bottom: 15px
        }

        .contact-and-address .contact-and-address-content .contact-card h4 {
            font-size: 22px;
            margin-bottom: 15px
        }

        .contact-and-address .contact-and-address-content .contact-card p {
            margin-bottom: 10px
        }

            .contact-and-address .contact-and-address-content .contact-card p a {
                color: #555;
                transition: all ease .5s
            }

                .contact-and-address .contact-and-address-content .contact-card p a:hover {
                    color: #d64d35
                }

.contact-and-address .social-media {
    margin-bottom: 30px
}

    .contact-and-address .social-media h3 {
        font-size: 24px;
        margin-bottom: 15px
    }

    .contact-and-address .social-media p {
        margin-bottom: 25px
    }

    .contact-and-address .social-media ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .contact-and-address .social-media ul li {
            margin-right: 10px;
            list-style-type: none;
            display: inline-block
        }

            .contact-and-address .social-media ul li a {
                height: 35px;
                width: 35px;
                line-height: 37px;
                border-radius: 100%;
                text-align: center;
                display: inline-block;
                background-color: #eee;
                color: #d64d35;
                transition: all ease .5s
            }

                .contact-and-address .social-media ul li a:hover {
                    background-color: #d64d35;
                    color: #fff;
                    transform: translateY(-5px)
                }

.go-top {
    position: fixed;
    cursor: pointer;
    top: 87%;
    right: -10%;
    background-color: #d64d35;
    z-index: 999;
    width: 50px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .9s
}

    .go-top i {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: 0 auto;
        color: #fff;
        transition: .5s;
        font-size: 26px
    }

        .go-top i:last-child {
            opacity: 0;
            visibility: hidden;
            top: 60%
        }

    .go-top::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        z-index: -1;
        background-color: #d64d35;
        opacity: 0;
        visibility: hidden;
        transition: .5s
    }

    .go-top:hover {
        color: #fff;
        background: #205753
    }

        .go-top:hover::before {
            opacity: 1;
            visibility: visible
        }

        .go-top:hover i {
            color: #fff
        }

            .go-top:hover i:first-child {
                opacity: 0;
                top: 0;
                visibility: hidden
            }

            .go-top:hover i:last-child {
                opacity: 1;
                visibility: visible;
                top: 50%
            }

    .go-top:focus {
        color: #fff
    }

        .go-top:focus::before {
            opacity: 1;
            visibility: visible
        }

        .go-top:focus i:first-child {
            opacity: 0;
            top: 0;
            visibility: hidden
        }

        .go-top:focus i:last-child {
            opacity: 1;
            visibility: visible;
            top: 50%
        }

    .go-top.active {
        transform: translateY(-95%);
        opacity: 1;
        visibility: visible;
        right: 5%;
        top: 93%
    }

.faq-title h2 {
    font-size: 36px;
    margin-bottom: 20px
}

.faq-title p {
    margin-bottom: 30px
}

.accordion .accordion-item {
    margin-bottom: 20px;
    border: 1px solid rgba(227, 40, 69, .4);
    border-radius: 10px
}

    .accordion .accordion-item:last-child {
        margin-bottom: 0
    }

    .accordion .accordion-item .accordion-button {
        border: none;
        background-color: transparent;
        color: #23394c;
        font-size: 18px;
        font-weight: 700;
        position: relative;
        margin-bottom: 0
    }

        .accordion .accordion-item .accordion-button:focus {
            box-shadow: none;
            outline: none
        }

        .accordion .accordion-item .accordion-button:not(.collapsed) {
            box-shadow: unset
        }

        .accordion .accordion-item .accordion-button::after {
            background-image: unset;
            content: "";
            font-size: 20px;
            color: #23394c;
            text-align: center;
            content: "\ea13";
            font-family: remixicon !important;
            position: relative;
            top: -2px
        }

        .accordion .accordion-item .accordion-button:not(.collapsed)::after {
            background-image: unset;
            text-align: center;
            content: "\f1af";
            position: relative;
            top: -2px
        }

    .accordion .accordion-item .accordion-body {
        padding-top: 0;
        font-size: 15px
    }

.login {
    max-width: 860px;
    margin: auto;
    padding: 50px;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
    margin-bottom: 30px
}

    .login h3 {
        font-size: 24px;
        padding-bottom: 15px;
        border-bottom: 1px solid #eee;
        margin-bottom: 30px;
        position: relative
    }

        .login h3::before {
            position: absolute;
            content: "";
            height: 2px;
            width: 70px;
            background-color: #d64d35;
            top: 43px
        }

    .login .form-group {
        margin-bottom: 20px
    }

    .login .form-check {
        margin-bottom: 20px
    }

        .login .form-check .form-check-input:checked {
            background-color: #d64d35
        }

        .login .form-check .form-check-input:focus {
            box-shadow: none
        }

    .login .default-btn {
        padding: 15px 40px;
        margin-bottom: 15px
    }

    .login a {
        display: inherit;
        color: #555;
        font-weight: 500
    }

.register {
    max-width: 860px;
    margin: auto;
    padding: 50px;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
    margin-bottom: 30px
}

    .register h3 {
        font-size: 24px;
        padding-bottom: 15px;
        border-bottom: 1px solid #eee;
        margin-bottom: 30px;
        position: relative
    }

        .register h3::before {
            position: absolute;
            content: "";
            height: 2px;
            width: 70px;
            background-color: #d64d35;
            top: 43px
        }

    .register .form-group {
        margin-bottom: 20px
    }

    .register .default-btn {
        padding: 15px 40px;
        margin-top: 10px
    }

.password {
    max-width: 650px;
    margin: auto;
    padding: 50px;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
}

    .password h3 {
        font-size: 24px;
        padding-bottom: 15px;
        border-bottom: 1px solid #eee;
        margin-bottom: 30px;
        position: relative
    }

        .password h3::before {
            position: absolute;
            content: "";
            height: 2px;
            width: 70px;
            background-color: #d64d35;
            top: 43px
        }

    .password .form-group {
        margin-bottom: 20px
    }

    .password .default-btn {
        width: 100%
    }

.privacy-content {
    margin-bottom: 10px
}

    .privacy-content h2 {
        font-size: 36px;
        margin-bottom: 10px
    }

    .privacy-content h4 {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 15px
    }

    .privacy-content p {
        margin-bottom: 25px
    }

    .privacy-content .list ul {
        margin-bottom: 20px;
        padding-left: 0
    }

        .privacy-content .list ul li {
            font-weight: 600;
            color: #205753;
            position: relative;
            padding-left: 20px;
            list-style-type: none;
            padding-bottom: 15px
        }

            .privacy-content .list ul li i {
                position: absolute;
                left: 0;
                color: #d64d35
            }

.condition-content {
    margin-bottom: 10px
}

    .condition-content h2 {
        font-size: 36px;
        margin-bottom: 30px
    }

    .condition-content h4 {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 15px
    }

    .condition-content p {
        margin-bottom: 25px
    }

    .condition-content .list ul {
        margin-bottom: 20px;
        padding-left: 0
    }

        .condition-content .list ul li {
            font-weight: 600;
            color: #205753;
            position: relative;
            padding-left: 20px;
            list-style-type: none;
            padding-bottom: 15px
        }

            .condition-content .list ul li i {
                position: absolute;
                left: 0;
                color: #d64d35
            }

.error-area {
    text-align: center
}

    .error-area .top-content {
        margin-bottom: 10px
    }

        .error-area .top-content ul {
            padding-left: 0;
            margin-bottom: 0
        }

            .error-area .top-content ul li {
                font-size: 200px;
                font-weight: 700;
                display: inline-block;
                line-height: 1;
                margin-right: 30px;
                color: #d64d35;
                font-family: "source serif pro", serif
            }

                .error-area .top-content ul li:first-child {
                    color: #205753
                }

                .error-area .top-content ul li:last-child {
                    color: #555
                }

    .error-area h2 {
        font-size: 36px;
        margin-bottom: 20px
    }

    .error-area p {
        margin-bottom: 30px
    }

.coming-soon-area {
    height: 100vh;
    vertical-align: middle;
    position: relative
}

    .coming-soon-area::before {
        position: absolute;
        content: "";
        background: #0e0e0e;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0
    }

    .coming-soon-area .coming-soon {
        text-align: center;
        max-width: 720px;
        margin: auto;
        background-color: #000;
        padding: 40px;
        border-radius: 40px 10px 40px 10px;
        box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
        z-index: 1;
        position: relative
    }

        .coming-soon-area .coming-soon img {
            margin-bottom: 20px
        }

        .coming-soon-area .coming-soon h1 {
            font-size: 48px;
            font-weight: 700;
            margin-bottom: 20px;
            color: #fff
        }

        .coming-soon-area .coming-soon .list ul {
            margin-bottom: 0;
            padding-left: 0
        }

            .coming-soon-area .coming-soon .list ul li {
                margin: 0 20px;
                font-size: 36px;
                font-weight: 700;
                height: 100px;
                width: 100px;
                border: 6px double #d64d35;
                border-radius: 50px 0 0 0;
                margin-bottom: 30px;
                color: #fff
            }

                .coming-soon-area .coming-soon .list ul li span {
                    font-size: 15px;
                    font-weight: 500;
                    color: #d64d35
                }

        .coming-soon-area .coming-soon .newsletter-form {
            position: relative
        }

            .coming-soon-area .coming-soon .newsletter-form .form-control {
                border-radius: 30px;
                height: 53px;
                background-color: #0e0e0e;
                color: #fff
            }

                .coming-soon-area .coming-soon .newsletter-form .form-control::-moz-placeholder {
                    color: #fff
                }

                .coming-soon-area .coming-soon .newsletter-form .form-control::placeholder {
                    color: #fff
                }

            .coming-soon-area .coming-soon .newsletter-form .default-btn {
                position: absolute;
                right: 0;
                top: 0
            }

            .coming-soon-area .coming-soon .newsletter-form .validation-danger {
                color: #e60808;
                padding-top: 7px
            }


.inner-content h1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    text-shadow: #000 0 0 2px;
    animation: fadeOutRight 1s both;
    font-size: 32px;
    line-height: 42px;
    text-align: center;
}

.cd-intro {
    width: 100%;
    max-width: 768px;
    text-align: center;
}

.cd-intro {
    margin: 0 auto;
}

    .cd-intro h2 {
        color: #fff;
        font-size: 42px;
        font-weight: bold;
        text-shadow: 1px 1px 3px #000;
    }

@media only screen and (min-width: 768px) {
    .cd-intro {
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-intro {
        margin: 0 auto;
    }
}

.cd-headline {
    font-size: 3rem;
    line-height: 1.2;
}

@media only screen and (min-width: 768px) {
    .cd-headline {
        font-size: 4.4rem;
        font-weight: 300;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-headline {
        font-size: 6rem;
    }
}

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}

    .cd-words-wrapper b {
        display: inline-block;
        position: absolute;
        white-space: nowrap;
        left: 0;
        top: 0;
    }

        .cd-words-wrapper b.is-visible {
            position: relative;
        }

.no-js .cd-words-wrapper b {
    opacity: 0;
}

    .no-js .cd-words-wrapper b.is-visible {
        opacity: 1;
    }


/* -------------------------------- 
  
  xloading-bar 
  
  -------------------------------- */
.cd-headline.loading-bar span {
    display: inline-block;
    padding: .2em 0;
}

.cd-headline.loading-bar .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}

    .cd-headline.loading-bar .cd-words-wrapper::after {
        /* loading bar */
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        height: 3px;
        width: 0;
        background: #fff;
        z-index: 2;
        -webkit-transition: width 0.3s -0.1s;
        -moz-transition: width 0.3s -0.1s;
        transition: width 0.3s -0.1s;
    }

    .cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
        width: 100%;
        -webkit-transition: width 3s;
        -moz-transition: width 3s;
        transition: width 3s;
    }

.cd-headline.loading-bar b {
    top: .2em;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

    .cd-headline.loading-bar b.is-visible {
        opacity: 1;
        top: 0;
    }

.scrolling-down {
    border: 3px solid #fff;
    border-radius: 50px;
    box-sizing: border-box;
    height: 50px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    bottom: 20%;
    width: 30px;
    z-index: 9;
}

    .scrolling-down:before {
        animation: 2s ease 0s normal none infinite running scrolling;
        background-color: #fff;
        border-radius: 100%;
        box-sizing: border-box;
        content: "";
        height: 6px;
        left: 50%;
        margin-left: -3px;
        position: absolute;
        top: 10px;
        width: 6px
    }

@keyframes scrolling {
    0% {
        transform: translate(0, 0);
        opacity: 0
    }

    40% {
        opacity: 1
    }

    80% {
        transform: translate(0, 20px);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

/*--- Company Hiring --- */
/*#company-hiring {
    background: #fff;
    text-align: center;
    padding-bottom: 0px;
    overflow: hidden;
}

    #company-hiring .container {
        position: relative;
    }

    #company-hiring .view-all {
        position: absolute;
        right: 0px;
        top: 0px;
    }

    #company-hiring .lead {
        margin-bottom: 100px;
        text-align: center;
    }

    #company-hiring .stats-bg {
        width: 955px;
        height: 455px;
        background: #eee;
        margin: 0px auto;
        position: relative;
        border-top-left-radius: 475px;
        border-top-right-radius: 475px;
        border: 1px dashed #cdcbcb;
    }

        #company-hiring .stats-bg .round {
            border: 1px dashed #cdcbcb;
            position: absolute;
            left: 50%;
            bottom: -2px;
        }

            #company-hiring .stats-bg .round .sm-round {
                width: 11px;
                height: 11px;
                border-radius: 50%;
                background: #d8d8d8;
                border: 1px solid #979797;
                display: inline-block;
                position: absolute;
            }

            #company-hiring .stats-bg .round.round1 {
                width: 260px;
                height: 119px;
                margin-left: -130px;
                border-top-left-radius: 200px;
                border-top-right-radius: 200px;
                bottom: -19px;
            }

                #company-hiring .stats-bg .round.round1 .sm-round {
                    left: 12px;
                    top: 49px;
                }

            #company-hiring .stats-bg .round.round2 .sm-round {
                left: 111px;
                top: 31px;
            }

            #company-hiring .stats-bg .round.round3 .sm-round {
                left: 154px;
                top: 61px;
            }

    #company-hiring .company-list {
        position: absolute;
        left: 50%;
        top: 55px;
        width: 1000px;
        height: 910px;
        border: 1px solid #dadada;
        border-radius: 50%;
        margin-left: -500px;
    }

    #company-hiring ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

        #company-hiring ul li {
            width: 100px;
            height: 100px;
            background: #fff;
            border: 1px solid #dadada;
            text-align: center;
            display: inline-block;
            position: absolute;
            border-radius: 50%;
            line-height: 98px;
            overflow: hidden;
        }

            #company-hiring ul li:nth-child(1) {
                left: 189px;
                top: -3px;
            }

            #company-hiring ul li:nth-child(2) {
                left: 349px;
                top: -50px;
            }

            #company-hiring ul li:nth-child(3) {
                left: 514px;
                top: -45px;
            }

            #company-hiring ul li:nth-child(4) {
                left: 674px;
                top: 8px;
            }

            #company-hiring ul li:nth-child(5) {
                left: 794px;
                top: 111px;
            }

            #company-hiring ul li:nth-child(6) {
                left: 867px;
                top: 262px;
            }

            #company-hiring ul li:nth-child(7) {
                left: 894px;
                top: 429px;
            }

            #company-hiring ul li:nth-child(8) {
                left: 854px;
                top: 603px;
            }

            #company-hiring ul li:nth-child(9) {
                left: 738px;
                top: 760px;
            }

            #company-hiring ul li:nth-child(10) {
                left: 576px;
                top: 860px;
            }

            #company-hiring ul li:nth-child(11) {
                left: 338px;
                top: 889px;
            }

            #company-hiring ul li:nth-child(12) {
                left: 134px;
                top: 801px;
            }

            #company-hiring ul li:nth-child(13) {
                left: 0px;
                top: 640px;
            }

            #company-hiring ul li:nth-child(14) {
                left: -53px;
                top: 463px;
            }

            #company-hiring ul li:nth-child(15) {
                left: -29px;
                top: 271px;
            }

            #company-hiring ul li:nth-child(16) {
                left: 52px;
                top: 120px;
            }

            #company-hiring ul li img {
                max-width: 75px;
                max-height: 75px;
            }

    #company-hiring .stats-bg .animate {
        position: relative;
        top: -12px;
        height: 955px;
        width: 960px;
        -webkit-animation: rotation 30s infinite linear;
    }

        #company-hiring .stats-bg .animate ul li {
            -webkit-animation: rotation 30s infinite linear;
            animation-direction: reverse;
        }

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

#company-hiring .stats-bg .round.round2 {
    width: 510px;
    height: 250px;
    bottom: -16px;
    margin-left: -255px;
    border-top-left-radius: 350px;
    border-top-right-radius: 350px;
}

#company-hiring .stats-bg .round.round3 {
    width: 765px;
    height: 375px;
    bottom: -16px;
    margin-left: -385px;
    border-top-left-radius: 450px;
    border-top-right-radius: 450px;
}

#company-hiring .stats-bg .round .content {
    margin-top: -20px;
}

    #company-hiring .stats-bg .round .content figure {
        width: 40px;
        height: 40px;
        margin: 0px auto 13px auto;
    }

        #company-hiring .stats-bg .round .content figure img {
            max-width: 40px;
            max-height: 40px;
        }

    #company-hiring .stats-bg .round .content h4 {
        font-weight: 500;
        margin-bottom: 4px;
    }

    #company-hiring .stats-bg .round .content p {
        font-size: 12px;
        text-align: center;
    }*/

/*--- Testimonial Box --- */
/*.testimonial-box {
    border: 1px solid #dadada;
    padding: 0px 15px 15px 15px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    background: #fff;
    min-height: 400px;
}

    .testimonial-box:after {
        content: "";
        position: absolute;
        height: 5px;
        background: #dadada;
        bottom: 0px;
        left: 0px;
        display: block;
        width: 100%;
    }

    .testimonial-box .color {
        height: 186px;
        margin: -100px -15px 0px -15px;
        clip-path: circle(64% at 50% 2%);
    }

    .testimonial-box .image {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: 4px solid #e7ebfb;
        margin: -60px auto 10px auto;
        position: relative;
        z-index: 2;
    }

        .testimonial-box .image img {
            width: 93px;
            height: 93px;
            border-radius: 50%;
            object-fit: cover;
            border: 3px solid #fff;
            object-position: top;
        }

    .testimonial-box blockquote {
        margin: 0px 0px 15px;
        height: 105px;
        overflow: auto;
        border: none;
        padding: 0px;
        border: none;
    }

        .testimonial-box blockquote p {
            color: rgba(0, 0, 0, 0.5);
            margin: 0px;
        }

    .testimonial-box h5 {
        margin-bottom: 10px;
        font-weight: 500;
    }

    .testimonial-box cite {
        font-style: normal;
        height: 66px;
        overflow: hidden;
    }

        .testimonial-box cite p {
            margin: 0px;
            font-size: 13px;
            line-height: 22px;
        }

.testimonial-listing .testimonial-box {
    margin-bottom: 30px;
}

.testimonial-area ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}*/

.testimonial-box {
    border: 1px solid #dadada;
    padding: 0px 15px 15px 15px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    background: #fff;
    min-height: 400px;
    margin-bottom: 20px;
}

    .testimonial-box:after {
        content: "";
        position: absolute;
        height: 5px;
        background: #dadada;
        bottom: 0px;
        left: 0px;
        display: block;
        width: 100%;
    }

    .testimonial-box .color {
        height: 225px;
        margin: -100px -15px 0px -15px;
        clip-path: circle(64% at 50% 2%);
    }

    .testimonial-box .image {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: 4px solid #e7ebfb;
        margin: -60px auto 10px auto;
        position: relative;
        z-index: 2;
    }

        .testimonial-box .image img {
            width: 93px;
            height: 93px;
            border-radius: 50%;
            object-fit: cover;
            border: 3px solid #fff;
            object-position: top;
        }

    .testimonial-box blockquote {
        margin: 0px 0px 15px;
        height: 150px;
        overflow: auto;
        border: none;
        padding: 0px;
        border: none;
    }

        .testimonial-box blockquote p {
            color: rgba(0, 0, 0, 0.5);
            margin: 0px;
            font-size: 14px;
        }

    /*.testimonial-box h5 {
        margin-bottom: 10px;
        font-weight: 500;
    }*/

    .testimonial-box cite {
        font-style: normal;
        height: 66px;
        overflow: hidden;
    }

        .testimonial-box cite p {
            margin: 0px;
            font-size: 13px;
            line-height: 22px;
        }

.testimonial-listing .testimonial-box {
    margin-bottom: 30px;
}

.testimonial-area ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

/* WebKit browsers */
.testimonial-box blockquote::-webkit-scrollbar {
    width: 10px;
}

.testimonial-box blockquote::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.testimonial-box blockquote::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

    .testimonial-box blockquote::-webkit-scrollbar-thumb:hover {
        background: #555;
    }


.testimonial-box blockquote {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}


.testimonial-box blockquote {
    -ms-overflow-style: -ms-autohiding-scrollbar;
}


/*--- Color Themes --- */
.color-theme1 {
    color: #fc654c;
    background: #fc654c;
}

.color-theme2 {
    color: #00c1a1;
    background: #00c1a1;
}

.color-theme3 {
    color: #3498db;
    background: #3498db;
}

.color-theme4 {
    color: #ff9c00;
    background: #ff9c00;
}

.color-theme5 {
    color: #ed027b;
    background: #ed027b;
}

.color-theme6 {
    color: #58cf00;
    background: #58cf00;
}

.sticky-bar {
    display: block;
    bottom: 10%;
    right: -138px;
    position: fixed;
    z-index: 99;
    width: 180px;
}

    .sticky-bar ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .sticky-bar ul li {
            box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
            background: #d64d35;
            margin: 4px;
            transition: all .2s ease-in;
            padding: 0 10px;
            height: 35px;
            display: flex;
            align-items: center;
        }

            .sticky-bar ul li a {
                color: #fff;
                font-size: 12px;
                font-weight: 600;
                letter-spacing: .5px;
                display: flex;
                align-items: center;
                line-height: 14px;
            }

            .sticky-bar ul li img {
                width: auto;
                height: 22px;
                padding-right: 11px;
            }

            .sticky-bar ul li:hover {
                margin-left: -122px;
                box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
                background: #286863;
            }

            .sticky-bar ul li.apply-now-outer {
                display: none;
            }

@media(max-width:992px) {
    .sticky-bar ul li.apply-now-outer {
        display: block;
    }

    .sticky-bar {
        background: #b1040e;
        bottom: 0;
        right: 0;
        position: fixed;
        z-index: 9;
        width: 100%;
        display: block !important;
    }

        .sticky-bar ul {
            display: flex;
            justify-content: flex-start;
            padding-left: 10px;
        }

            .sticky-bar ul li a .st-label {
                display: none;
            }

            .sticky-bar ul li {
                background: transparent;
                box-shadow: none;
                transition: all .2s ease-in;
                padding: 10px 2px;
                height: 50px;
            }

                .sticky-bar ul li .apply-now {
                    display: block;
                    font-size: 16px;
                    background: #fff;
                    color: #b1040e;
                    padding: 8px !important;
                    font-weight: 700;
                    text-transform: uppercase;
                }

                .sticky-bar ul li:hover {
                    margin-left: 0;
                    box-shadow: none;
                    background: transparent;
                }
}






/*--- Strip --- */
#strip {
    position: inherit;
    left: 0px;
    top: 0px;
    z-index: 2002;
    background: #fff;
    width: 100%;
    text-align: center;
    height: 35px;
    border-bottom: 1px solid #dadada;
    padding: 0;
}

.home #strip {
    position: fixed;
}

#strip .medical {
    text-align: left;
}

#strip .launchpad {
    text-align: right;
    border-right: 1px solid #e43;
}

#strip p {
    margin: 0px;
    line-height: 35px;
}

    #strip p img {
        display: inline;
        margin-top: -4px;
    }

#strip .button1 {
    border-radius: 2px;
    font-size: 12px;
    padding: 5px;
    line-height: 13px;
    min-width: auto;
    margin-left: 10px;
    vertical-align: text-bottom;
    position: relative;
    top: 2px;
}

/*#strip span { display:inline-block; color:#fff; font-size:12px; line-height:35px; background:#e43;transform: rotate(45deg); width:106px; height:42px; font-weight:500; text-align:center; }
#strip span span { background:none; transform: rotate(-45deg);  }*/
#strip .slide {
    padding: 0px 10px;
}

#strip .covid {
    text-align: right;
    padding: 5px 14px;
    background: rgba(0, 193, 161, 1);
    color: #fff;
    display: inline-block;
    margin-top: 3px;
    font-size: 14px;
}


/*Strip New Links*/
#strip .strip-links {
    list-style: none;
    margin: 0;
    text-align: right;
}

    #strip .strip-links li {
        display: inline;
        margin-left: 20px;
    }

        #strip .strip-links li span {
            font-size: 12px;
            color: #fff;
            text-decoration: none;
            font-weight: 500;
            background-color: red;
            border-radius: 5px;
            padding: 5px 15px;
            margin-right: 10px;
            position: relative;
            animation: blinkingText 0.7s infinite;
        }

            #strip .strip-links li span:before {
                position: absolute;
                content: "";
                right: -5px;
                top: 7px;
                width: 0;
                height: 0;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
                border-left: 5px solid red;
            }

        #strip .strip-links li a {
            font-size: 11px;
            color: #000;
            text-decoration: none;
            line-height: 34px;
            font-weight: 500;
            text-transform: uppercase;
        }

            #strip .strip-links li a:hover {
                text-decoration: underline;
            }

#strip .su-header-tops {
    text-align: left;
}

    #strip .su-header-tops span {
        font-size: 12px;
        display: inline-block;
        padding: 0 10px 0 0;
        position: relative;
        top: -8px;
        line-height: 14px;
        font-weight: 500;
        text-align: right;
    }

    #strip .su-header-tops .imag-sec {
        height: 27px;
        width: 480px;
        display: inline-block;
        margin: 4px 0 0 0;
        overflow: hidden;
    }

        #strip .su-header-tops .imag-sec .slide {
            padding: 0 !important;
        }

    #strip .su-header-tops .imag-sec1 {
        height: 26px;
        display: block;
        float: left;
        background: #fff3cd;
        width: 370px;
        color: #000;
        font-size: 13px;
        line-height: 25px;
        font-weight: 500;
        border-radius: 5px;
        text-align: center;
    }

    #strip .su-header-tops a {
        font-size: 12px;
        color: #fff;
        text-decoration: none;
        border: 0;
        position: relative;
        font-weight: 500;
        background-color: #46919c;
        border-radius: 5px;
        padding: 5px 15px;
        margin: 0 2px 0 0;
        float: right;
    }

.testibox-globle {
    padding: 0px 0px 15px 0px;
}

.emi-feemain {
    overflow: visible !important;
}

.emi-fee {
    float: right;
    position: relative;
}

    .emi-fee span {
        font-size: 11px;
        color: #000;
        text-decoration: none;
        line-height: 34px;
        font-weight: 500;
        text-transform: uppercase;
    }

.emi-feeoption {
    width: 120px;
    display: none;
    position: absolute;
    top: 32px;
    right: 0;
    background: #fff;
    padding: 10px;
    border: 1px solid #dadada;
    text-align: left;
    z-index: 999;
}

.emi-fee:hover .emi-feeoption {
    display: block;
}

.emi-feeoption:before {
    content: "";
    width: 0;
    position: absolute;
    z-index: 11;
    top: -5px;
    right: 20px;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #dadada;
}

.emi-fee .emi-feeoption a {
    display: block;
    font-size: 11px;
    color: #000;
    position: relative;
    text-decoration: none;
    line-height: 34px;
    font-weight: 500;
    text-transform: uppercase;
}

    .emi-fee .emi-feeoption a:hover {
        color: #00bfe7;
    }

.header-audio {
    float: right;
    display: block;
    margin: 6px 0 0 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    border-radius: 30px;
    border: 1px solid #222;
    color: #222;
}

    .header-audio:hover {
        background: #222;
        color: #fff;
    }

.header-asize {
    float: right;
    list-style: none;
    margin: 6px 5px 0 20px;
    padding: 0;
}

    .header-asize li {
        float: left;
    }

        .header-asize li a {
            float: left;
            display: block;
            width: 24px;
            height: 24px;
            line-height: 22px;
            margin: 0 2px;
            text-align: center;
            font-size: 14px;
            border-radius: 0px;
            border: 1px solid #222;
            color: #222;
        }

        .header-asize li.active a {
            background: #222;
            color: #fff;
        }

.strip-links {
    float: right;
    padding: 0;
}

.amrit {
    float: right;
}

    .amrit img {
        width: 100%;
        height: 33px;
        margin: 0px 10px 0 0;
    }


/*.list li {
    margin: 0;
    padding-left: 15px;
    color: #333;
    position: relative;
}

.list ul li::before {
    content: "\f105";
    font-family: FontAwesome;
    color: #ffc50c;
    position: absolute;
    left: 0;
}

.list ul li a.active {
    font-weight: bold;
    color: #d64d35;
}*/

.AffiliationsTxt {
    margin-bottom: 15px;
    padding: 25px 15px;
    background: #fff;
    text-align: center;
}

    .AffiliationsTxt h3 {
        font-size: 20px;
        margin: 0;
        padding: 0;
        font-weight: bold;
        color: #000;
    }

    .AffiliationsTxt p {
        font-size: 14px;
        color: #000;
        text-align: center;
    }

    .AffiliationsTxt img {
        width: 90px;
        margin: 0;
        padding-bottom: 10px;
    }

.CredentialsTxt {
    margin: 0;
    padding: 15px;
    background: #fff;
    text-align: center;
    min-height: 100%;
}

    .CredentialsTxt p {
        font-size: 14px;
        color: #000;
        text-align: center;
    }

.members {
    margin-bottom: 15px;
    padding: 15px;
    background: #fff;
    text-align: center;
}

    .members p {
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .members h5 {
        margin: 0;
        padding-top: 10px;
    }

ul.list2 li {
    padding: 5px 0;
    margin: 0;
}

.v-heading-v2 {
    display: block;
    margin-bottom: 15px;
    border-bottom: 1px dotted #e4e4e4;
}

    .v-heading-v2 h3 {
        border-bottom-color: #dd4f37;
        margin: 0 0 -2px;
        padding-bottom: 7px;
        display: inline-block;
        border-bottom-width: 2px;
        border-bottom-style: solid;
        color: #000;
        font-size: 25px;
    }

.TimelineBox {
    margin: 0;
    padding: 30px;
    background: #fff;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}


.side-nav,
.nav-menu {
    padding: 20px 0;
    background-color: #d64d35;
}

    .side-nav h3 {
        color: #fff;
        font-size: 20px;
        margin: 0;
        padding-bottom: 15px;
        text-align: center;
        border-bottom: 1px solid #fff;
        animation: blinker 1s linear infinite;
    }

@keyframes blinker {
    0% {
        color: #fff;
    }

    50% {
        color: #ffc50c;
    }

    100% {
        color: #fff;
    }
}

.side-nav .nav-menu {
    list-style: none;
}

.side-nav .nav-item {
    position: relative;
    padding: 10px 20px;
}

.nav-item.active {
    background-color: #fff;
    box-shadow: 0px -3px rgba(0, 0, 0, 0.2), 0px 3px rgba(0, 0, 0, 0.2);
}

    .nav-item.active a {
        color: #cc351c;
        font-weight: bold;
    }

.nav-item a {
    text-decoration: none;
    color: #fff;
}

.menu-text {
    padding: 0 15px;
}

.side-nav .nav-item.active::before {
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: 100%;
    right: 0;
    height: 150%;
    width: 20px;
    border-bottom-right-radius: 25px;
    box-shadow: 0 20px 0 0 #fff;
}

.side-nav .nav-item.active::after {
    content: "";
    position: absolute;
    background-color: transparent;
    top: 100%;
    right: 0;
    height: 150%;
    width: 20px;
    border-top-right-radius: 25px;
    box-shadow: 0 -20px 0 0 #fff;
}

/*.section-title p {
    text-align: center;
}*/

.UndergraduateTxt {
    margin-bottom: 40px;
    padding: 0;
    border-left: 5px solid #d64d35;
}

    .UndergraduateTxt h6 {
        font-size: 18px;
        color: #fff;
        font-weight: bold;
        margin: 0;
        padding: 5px;
        background: #d64d35;
    }

    .UndergraduateTxt ul {
        margin: 0;
        padding: 15px;
        list-style: none;
    }

        .UndergraduateTxt ul li {
            margin: 10px 0;
            padding-left: 30px;
            display: block;
            font-size: 15px;
            color: #d64d35;
            font-weight: bold;
            position: relative;
        }

            .UndergraduateTxt ul li::before {
                content: "\f0a4";
                font-family: FontAwesome;
                position: absolute;
                left: 0;
            }

ul.dis {
    margin: 0;
    padding: 5px 15px;
}

    ul.dis li {
        margin: 0;
        padding-left: 15px;
        display: block;
        font-size: 15px;
        color: #000;
        position: relative;
        font-weight: normal;
        text-align: justify;
        padding-bottom: 5px;
    }

        ul.dis li a {
            font-size: 15px;
            color: #000;
            font-weight: normal;
        }

        ul.dis li::before {
            content: "\f111";
            font-family: FontAwesome;
            position: absolute;
            left: 0;
            font-size: 8px;
            top: 5px;
            color: #d64d35;
        }

.ol-cards,
.ol-cards * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.ol-cards {
    --flapWidth: 1rem;
    --flapHeigth: 1rem;
    --iconSize: 1rem;
    --numberSize: 3rem;
    --colGapSize: 0px;
    width: min(100%, 32rem);
    /*margin-inline: auto;*/
    display: grid;
    gap: 2rem;
    padding-inline-start: var(--flapWidth);
    color: #222;
    counter-reset: ol-cards-count;
    list-style: none;
    margin-bottom: 30px;
}

    .ol-cards > li {
        display: grid;
        grid-template-areas:
            "icon title nr"
            "icon descr nr";
        gap: 0 var(--colGapSize);
        align-items: center;
        padding: var(--colGapSize) var(--flapWidth) var(--colGapSize) 0;
        border-radius: 1rem 5rem 5rem 1rem;
        background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
        counter-increment: ol-cards-count;
        filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));
        box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    }

        .ol-cards > li > .icon {
            /*grid-area: icon;*/
            background: var(--accent-color);
            color: white;
            font-size: var(--iconSize);
            width: calc(2 * var(--flapWidth) + var(--iconSize));
            padding-block: 1rem;
            border-radius: 0 5rem 5rem 0;
            margin-inline-start: calc(-1 * var(--flapWidth));
            box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
            position: relative;
            display: grid;
            place-items: center;
        }

            .ol-cards > li > .icon::before {
                content: "";
                position: absolute;
                width: var(--flapWidth);
                height: calc(100% + calc(var(--flapHeigth) * 2));
                left: 0;
                top: calc(var(--flapHeigth) * -1);
                clip-path: polygon( 0 var(--flapHeigth), 100% 0, 100% 100%, 0 calc(100% - var(--flapHeigth)) );
                background-color: var(--accent-color);
                background-image: linear-gradient( 90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) );
                z-index: -1;
            }

        .ol-cards > li > .title {
            grid-area: title;
            font-weight: bold;
            font-size: 22px;
            color: #000;
        }

.diploma {
    font-size: 15px;
    margin: 0;
    padding: 0;
    text-align: center;
}
/*.ol-cards > li > .descr {
            grid-area: descr;
        }*/

/*.ol-cards > li::after {
            grid-area: nr;
            content: counter(ol-cards-count, decimal-leading-zero);
            color: var(--accent-color);
            font-size: var(--numberSize);
            font-weight: 700;
        }*/

@media (max-width: 40rem) {
    .ol-cards {
        --flapWidth: 1rem;
        --flapHeigth: 0.5rem;
        --iconSize: 1rem;
        --numberSize: 1rem;
        --colGapSize: 0rem;
        margin-top: 30px;
    }

        .ol-cards > li > .title {
            font-size: 25px;
        }
}


/* Featured List ---------------------- */
#featured-list {
    background: #fff;
    padding: 40px 0px;
    position: relative;
    text-align: center;
}

    #featured-list ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

        #featured-list ul li {
            display: inline-block;
            padding: 0px 10px;
        }

            #featured-list ul li .inner {
                width: 100px;
                height: 100px;
                padding: 20px;
                border-radius: 50%;
                border: 5px solid #eaeaea;
                display: table;
                margin: 0px auto 15px auto;
                transition: -webkit-transform 0.25s ease-out,border-color 0.25s ease-out;
                transition: transform 0.25s ease-out,border-color 0.25s ease-out
            }

                #featured-list ul li .inner img {
                    width: 50px;
                }

            #featured-list ul li:hover .inner {
                border-color: #59e2fe;
                -webkit-transform: scale(1.1);
                transform: scale(1.1)
            }

            #featured-list ul li .inner .fa {
                font-size: 48px;
                line-height: 90px;
            }

            #featured-list ul li .inner a {
                display: block;
                text-decoration: none;
            }

            #featured-list ul li .inner figure {
                display: table-cell;
                vertical-align: middle;
            }

                #featured-list ul li .inner figure img {
                    max-height: 48px;
                }

            #featured-list ul li h6 {
                color: #000;
                margin: 0px;
                text-transform: uppercase;
                font-size: 14px;
                font-weight: normal;
                font-family: poppins, sans-serif;
            }

            #featured-list ul li.find .inner .fa {
                color: #ed027b;
            }

            #featured-list ul li.find:hover .inner {
                border-color: #ed027b;
            }

            #featured-list ul li.Journalism .inner .fa {
                color: #00bfe7;
            }

            #featured-list ul li.Journalism:hover .inner {
                border-color: #00bfe7;
            }

            #featured-list ul li.Science .inner .fa {
                color: #FC654C;
            }

            #featured-list ul li.Science:hover .inner {
                border-color: #FC654C;
            }

            #featured-list ul li.Management .inner .fa {
                color: #00c1a1;
            }

            #featured-list ul li.Management:hover .inner {
                border-color: #00c1a1;
            }

            #featured-list ul li.Education .inner .fa {
                color: #ff9c00;
            }

            #featured-list ul li.Education:hover .inner {
                border-color: #ff9c00;
            }

            #featured-list ul li.ComputerScience .inner .fa {
                color: #ed027b;
            }

            #featured-list ul li.ComputerScience:hover .inner {
                border-color: #ed027b;
            }

            #featured-list ul li.Commerce .inner .fa {
                color: #FC654C;
            }

            #featured-list ul li.Commerce:hover .inner {
                border-color: #FC654C;
            }


/*--- School Box --- */
.school-box {
    padding: 15px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 15px;
}

    .school-box a {
        text-decoration: none;
    }

    .school-box .icon {
        float: left;
        line-height: 55px;
    }

        .school-box .icon img {
            max-height: 40px;
            max-width: 40px;
        }

    .school-box .details {
        margin-left: 50px;
        height: 55px;
        display: table;
    }

    .school-box h6 {
        height: 55px;
        overflow: hidden;
        margin: 0px;
        font-weight: 500;
        display: table-cell;
        vertical-align: middle;
        line-height: 18px;
    }


/*--- Box Default3 --- */
.box-default3 {
    background: #fff;
    padding: 20px;
    border: 1px solid #dadada;
}

    .box-default3.single-accordion {
        padding-bottom: 0px;
    }

        .box-default3.single-accordion .accordion.accordion1 .panel-heading .accordion-toggle {
            padding-top: 0px;
        }

            .box-default3.single-accordion .accordion.accordion1 .panel-heading .accordion-toggle.collapsed:after, .box-default3.single-accordion .accordion.accordion1 .panel-heading .accordion-toggle:after {
                top: 0px;
            }

    .box-default3 p.info {
        color: #ff9c00;
        font-size: 16px;
        font-style: italic;
    }

    .box-default3 p .image {
        width: 100%;
    }

    .box-default3 h4 {
        font-size: 20px;
    }

        .box-default3 h4 .back-btn {
            float: right;
            margin-left: 8px;
            font-size: 13px;
            font-weight: normal;
        }

    .box-default3 .content-block iframe {
        width: 100%;
        min-height: 650px;
    }

.TopRecruitersTxt {
    margin: 0px;
    padding: 0;
    border: 1px solid #d64d35;
    text-align: center;
}

    .TopRecruitersTxt img {
        margin: 0px;
        padding: 15px;
    }

    .TopRecruitersTxt h6 {
        margin: 0;
        padding: 5px;
        font-size: 15px;
        font-weight: bold;
        background: #d64d35;
        color: #fff;
    }

.contact-tst ul {
    padding: 0;
    margin-bottom: 15px
}

    .contact-tst ul li {
        padding: 0;
        margin-bottom: 15px
    }

        .contact-tst ul li a {
            color: #333;
            font-size: 15px;
            color: #333;
            display: block
        }

            .contact-tst ul li a:hover {
                color: #00a01d;
                transition: 1s;
                text-decoration: underline
            }

.contact-tst i {
    color: #333
}

/* ==========gallery============ */


.demo-gallery h4 {
    font-size: 15px;
    font-weight: bold;
}

.demo-gallery span {
    display: block;
}

.demo-gallery > ul {
    padding: 0;
    text-align: center;
    margin: 0;
}

    .demo-gallery > ul > li {
        width: 229px;
        display: inline-block;
        list-style: none;
    }

        .demo-gallery > ul > li a {
            border: 3px solid #fff;
            border-radius: 3px;
            display: block;
            overflow: hidden;
            position: relative;
            height: 170px; /* Set a fixed height */
        }

            .demo-gallery > ul > li a > img {
                -webkit-transition: -webkit-transform .15s;
                -moz-transition: -moz-transform .15s;
                -o-transition: -o-transform .15s;
                transition: transform .15s;
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
                height: 100%;
                width: 100%;
                object-fit: cover; /* Ensure the image covers the container */
            }

            .demo-gallery > ul > li a:hover > img {
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
            }

            .demo-gallery > ul > li a .demo-gallery-poster {
                background-color: rgba(0, 0, 0, .1);
                bottom: 0;
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                -webkit-transition: background-color .15s;
                -o-transition: background-color .15s;
                transition: background-color .15s;
            }

                .demo-gallery > ul > li a .demo-gallery-poster > img {
                    left: 50%;
                    margin-left: -10px;
                    margin-top: -10px;
                    opacity: 0;
                    position: absolute;
                    top: 50%;
                    -webkit-transition: opacity .3s;
                    -o-transition: opacity .3s;
                    transition: opacity .3s;
                }

            .demo-gallery > ul > li a:hover .demo-gallery-poster {
                background-color: rgba(0, 0, 0, .5);
            }

                .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
                    opacity: 1;
                }

.demo-gallery.dark > ul > li a {
    border: 3px solid #04070a;
}

.mobileLOGO {
    display: none;
}

.GalleryTxt {
    width: 100%;
    text-align: left;
    padding: 15px;
    background: #ffffff;
    display: table;
    box-shadow: 1px 1px 3px #ccc;
}

    .GalleryTxt h6 {
        margin: 0;
        padding: 0;
    }

figure.snip1205 {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 10px 1%;
    width: 100%;
    background: #000000;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

    figure.snip1205 * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
    }

    figure.snip1205 img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        vertical-align: top;
    }

    figure.snip1205 i {
        position: absolute;
        top: 40%;
        left: 50%;
        border-radius: 50%;
        font-size: 20px;
        color: #000000;
        width: 40px;
        height: 40px;
        line-height: 40px;
        background: #ffffff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
    }

    figure.snip1205 a {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
    }

    figure.snip1205.blue {
        background-color: #2472a4;
    }

        figure.snip1205.blue i {
            color: #20638f;
        }

    figure.snip1205.red {
        background-color: #ab3326;
    }

        figure.snip1205.red i {
            color: #962d22;
        }

    figure.snip1205.yellow {
        background-color: #e08e0b;
    }

        figure.snip1205.yellow i {
            color: #c87f0a;
        }

    figure.snip1205.green {
        background-color: #229955;
    }

        figure.snip1205.green i {
            color: #1e8449;
        }

    figure.snip1205.orange {
        background-color: #d67118;
    }

        figure.snip1205.orange i {
            color: #bf6516;
        }

    figure.snip1205.navy {
        background-color: #2b3c4e;
    }

        figure.snip1205.navy i {
            color: #222f3d;
        }

    figure.snip1205:hover img,
    figure.snip1205.hover img {
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

    figure.snip1205:hover i,
    figure.snip1205.hover i {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

.FacultyTxt {
    margin: 0;
    padding: 0;
    border: 1px solid #205753;
}

    .FacultyTxt h4 {
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        margin: 0;
        padding: 0;
    }

    .FacultyTxt span {
        font-size: 15px;
        font-weight: normal;
        color: #fff;
        margin: 0;
        padding: 0;
    }

.FacultyName {
    margin: 0;
    padding: 10px;
    background: #205753;
    text-align: center;
}

.Students-component ul {
    width: 100%;
}

.Students-component.text-center ul {
    width: 100%;
    display: flex;
    justify-content: center
}

.Students-component ul li {
    min-height: 142px;
    font-weight: 400;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    float: left;
    width: 18%;
    padding: 20px 19px;
    border-radius: 10px;
    margin: 0 1%
}

    .Students-component ul li span {
        font-size: 36px;
        font-weight: 900;
        line-height: 50px;
        display: block
    }

        .Students-component ul li span small {
            font-size: 19px;
            font-weight: 600
        }

    .Students-component ul li.c1 {
        background: #da2032
    }

    .Students-component ul li.c2 {
        background: #a61a32
    }

    .Students-component ul li.c3, ._be_std_info ul li:nth-child(9):before, ._slides_data:hover ._slides_data_text, .admission-process-component ul li .prs.active:before, .admission-process-component ul li .prs:hover:before, .ppf_section_info ul li.blue {
        background: #034ea2
    }

    .Students-component ul li.c4 {
        background: #00abe6
    }

    .Students-component ul li.c5 {
        background: #00234f
    }

.std-tab-panel .nav-tabs {
    text-align: center;
    width: 100%;
    display: block;
    margin: 36px 0 8px;
    border: 0
}

    .sh_ a, .std-tab-panel .nav-tabs li {
        display: inline-block;
        margin-right: 5px
    }

        .std-tab-panel .nav-tabs li a {
            background: #cdcdcd;
            display: inline-block;
            padding: 4px 11px 3px;
            color: #111;
            position: relative;
            font-size: 15px;
            font-weight: 500;
            border-radius: 3px
        }

            .std-tab-panel .nav-tabs li a.active:after {
                width: 0;
                position: absolute;
                left: 50%;
                bottom: -19px;
                margin-left: -10px;
                z-index: 2;
                content: '';
                height: 0;
                display: inline-block;
                border: 10px solid transparent;
                border-top-color: #da2032
            }

.std-tab-panel .tab-pane > p {
    display: none;
    text-align: center
}







._be_component_bx {
    position: relative;
}

    ._be_component_bx._cm {
        width: 100%;
        float: left;
        background: #fff;
        padding: 15px 34px;
        margin-top: 0;
        position: relative;
        box-shadow: 0 0 3px 0 #d3d2d2
    }

        ._be_component_bx._cm:before {
            width: 00px;
            height: 0
        }

    ._be_component_bx:before {
        position: absolute;
        left: -6px;
        top: 0;
        width: 6px;
        background: rgb(0 0 0 / 13%);
        content: '';
        height: 100%
    }

    ._be_component_bx h1, .advisory-board-least .advisory-cmp {
        margin: 10px 0
    }

    ._be_component_bx h1, ._be_component_bx h3 {
        font-size: 36px;
        margin-bottom: 12px;
        font-weight: 700
    }

    ._be_component_bx p {
        line-height: 25px;
        margin: 12px 0
    }

._be_component ul {
    width: 100%;
    float: left;
    list-style: none;
    margin-top: 0
}

.list-item li, .list_item_ li {
    margin: 6px 0
}

._be_component ul li {
    width: 33.333%;
    float: left;
    font-size: 14px;
    position: relative;
    padding-left: 59px;
    line-height: 15px;
    padding-top: 8px;
    margin-top: 12px;
    min-height: 72px
}

._be_component .col4_ ul li, ._be_std_info.gly ul li {
    width: 24%
}

.para_p p {
    margin: 2px 0
}

._be_component ul li b {
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

._be_component ul li:before {
    width: 52px;
    height: 54px;
    position: absolute;
    left: 0;
    top: 3px;
    content: ''
}

._be_component ul li.A1:before {
    background-position: -284px -54px;
    height: 48px
}

._be_component ul li.A2:before {
    background-position: -96px -101px
}

._be_component ul li.A3:before, ._be_component ul li.A5:before {
    background-position: -284px -98px;
    height: 48px
}

._be_component ul li.A4:before {
    background-position: -94px 0
}

._be_component ul li.A6:before {
    background-position: -284px -245px;
    height: 48px
}

._be_component ul li.A7:before {
    background-position: -284px -294px;
    height: 48px
}

._be_component ul li.A8:before {
    background-position: -284px -198px;
    height: 48px
}

.streams-programs-section {
    width: 100%;
    float: left;
    margin-bottom: 17px
}

._streams_bx {
    width: 40%;
    float: left;
    background: #00234f;
    padding: 21px 28px;
    min-height: 506px
}

    ._streams_bx h3 {
        color: #fff;
        font-size: 40px;
        margin: 0;
        position: relative
    }

        ._streams_bx h3:before {
            position: absolute;
            right: 0;
            top: -2px;
            width: 67px;
            height: 70px;
            content: ''
        }

        ._streams_bx h3.btech-cse:before {
            background-position: -5px -350px
        }

        ._streams_bx h3.btech-ece:before {
            background-position: -166px -350px
        }

        ._streams_bx h3.btech-me:before {
            background-position: -5px -434px
        }

        ._streams_bx h3.btech-ephy:before {
            background-position: -245px -350px
        }

        ._streams_bx h3.btech-biotech:before {
            background-position: -82px -350px
        }

    ._streams_bx h4 {
        color: #fff;
        font-size: 18px;
        width: 80%;
        margin-bottom: 0
    }

    ._streams_bx p {
        color: #fff;
        font-size: 13px;
        margin: 10px 0
    }

._faculty_bx h3, ._faculty_bx p {
    color: var(--white);
    margin-bottom: 15px
}

.streams_btn a {
    font-size: 16px;
    font-weight: 700;
    padding: 7px 25px
}

    .streams_btn a.rm {
        border: 1px solid #fff;
        color: #fff;
        margin-right: 20px
    }

    .streams_btn a.aplnw {
        border: 1px solid #ffcc01;
        background: #ffcc01;
        color: #111
    }

.streams-img {
    width: 60%;
    float: right;
    margin: 25px 0 0
}

#offered_Streams .owl-controls {
    width: auto;
    float: left;
    text-align: center;
    margin-bottom: 0;
    position: absolute;
    top: 439px;
    z-index: 20;
    right: 12px
}

    #offered_Streams .owl-controls .owl-next, #offered_Streams .owl-controls .owl-prev {
        background: url(/wp-content/themes/twentysixteen/cdn/images/sprite-social-icon.webp) no-repeat;
        width: 52px;
        height: 52px;
        text-indent: -9999px;
        float: left
    }

    #offered_Streams .owl-controls .owl-prev {
        background-position: -231px -9px
    }

    #offered_Streams .owl-controls .owl-next {
        background-position: -284px -9px
    }

.c-logo .p7-list figure {
    padding: 10px 20px
}

.deans_b .item, .speak_emp_info .item {
    padding: 0 10px
}

.deans_b .lead-info p {
    margin: 3px 0
}

.scs .lead-bu {
    width: 825px;
    margin: 40px 428px 0 0;
    float: right
}

.scs .lead-info {
    padding: 13px;
    min-height: 124px
}

.instruction-faculty-app-component {
    width: 100%;
    float: left;
    padding: 30px 0 0;
    background: url(/wp-content/themes/twentysixteen/cdn/images/faculty-bg-img.jpg) center top no-repeat;
    height: 468px;
    margin-bottom: 105px
}

    .instruction-faculty-app-component .section-title {
        color: rgb(4 69 133 / 32%)
    }

._faculty_bx {
    width: 48%;
    float: left;
    padding: 159px 0 0 252px
}

._faculty_img {
    float: left;
    width: 19.2%
}

._faculty_bx h3 {
    font-size: 24px
}

._faculty_bx p {
    font-size: 16px;
    width: 286px;
    line-height: 23px;
    font-weight: 300
}

._faculty_img img {
    width: 230px
}

.faculty-profile-app-sliders #sync2 {
    margin-top: -86px;
    padding: 0 150px
}

    .faculty-profile-app-sliders #sync2 figure {
        margin: 0;
        width: 112px;
        border: 1px solid #ccc;
        position: relative
    }

    .faculty-profile-app-sliders #sync2 .synced figure {
        border: 2px solid #ee2c3c
    }

    .faculty-profile-app-sliders #sync2 .item {
        padding-top: 23px;
        margin-bottom: 15px
    }

    .faculty-profile-app-sliders #sync2 .synced figure:before {
        position: absolute;
        left: 50%;
        top: -16px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 14px 14px;
        border-color: transparent transparent #da2032;
        margin-left: -11px;
        content: ''
    }

.elegibility_app_component {
    width: 100%;
    float: left;
    margin-top: 8px
}

.eligibility-box {
    width: 100%;
    float: left;
    height: 100%;
    background: #fff;
    padding: 5px 5px 15px;
    box-shadow: 0 0 20px 10px rgb(0 0 0 / 9%)
}

    ._be_galler ._be_std_info ul li, .eligibility-box figure {
        overflow: hidden
    }

.ele_bx {
    padding: 1px 20px
}

    .ele_bx h3 {
        font-size: 24px
    }

    ._be_std_info ul li h3, .be_btn, .ele_bx h4 {
        font-size: 18px;
        font-weight: 600
    }

    .ele_bx h4 {
        margin: 19px 0 12px;
        border-bottom: 2px solid #da2032;
        padding-bottom: 15px
    }

        .ele_bx h4 span {
            color: var(--red);
            font-weight: 300
        }

    .ele_bx p {
        padding-right: 1px;
        margin-bottom: 5px
    }

        .ele_bx p.p20 {
            margin: 20px 0
        }

        .ele_bx p .or {
            display: block;
            font-weight: 600;
            color: var(--blue)
        }

.admission-process-component ul {
    width: 100%;
    float: left;
    list-style: none;
    margin-bottom: 0
}

    .admission-process-component ul li {
        width: 90%;
        float: left;
        margin: 6px 0
    }

        .admission-process-component ul li figure {
            float: left;
            width: 100px
        }

        .admission-process-component ul li .prs {
            transition: .2s ease-out;
            float: none;
            margin-left: 169px;
            background: #fff;
            box-shadow: 0 0 10px 5px rgb(0 0 0 / 9%);
            border-radius: 4px;
            font-size: 17px;
            color: #111;
            line-height: 26px;
            padding: 20px;
            position: relative
        }

            .admission-process-component ul li .prs:before {
                width: 83px;
                height: 3px;
                background: #c9c9c8;
                position: absolute;
                left: -83px;
                top: 49%;
                content: ''
            }

            .admission-process-component ul li .prs.active, .admission-process-component ul li .prs:hover {
                background: #034ea2;
                color: var(--white)
            }

                .admission-process-component ul li .prs.active:after, .admission-process-component ul li .prs:after {
                    content: '';
                    position: absolute;
                    top: 50%;
                    left: -20px;
                    transition: .2s ease-out;
                    transform: translateY(-50%);
                    border-right: 20px solid #c9c9c8;
                    border-top: 20px solid transparent;
                    border-bottom: 20px solid transparent
                }

                .admission-process-component ul li .prs.active:after, .admission-process-component ul li .prs:hover:after {
                    border-right: 20px solid #034ea2
                }

        .admission-process-component ul li.st {
            padding-left: 169px;
            margin-top: -21px
        }

.be_btn {
    background: #da2032;
    margin: 0;
    padding: 11px 57px 12px 36px;
    color: #fff;
    display: inline-block;
    border-radius: 6px;
    position: relative;
    box-shadow: 0 0 13px 6px rgb(0 0 0 / 9%)
}

._be_pro_info_5s, .tt, .tt2 {
    background: #fff
}

.be_btn:hover {
    background: #df0b14;
    text-decoration: none;
    color: #fff
}

.be_table_record table td, .be_table_record table th {
    padding: 10px 5px;
    border: 1px solid #d2d2d2
}

.be_table_record table tr th:nth-child(2) {
    color: #fff;
    background: #540d6e
}

.be_table_record table tr th:nth-child(3) {
    color: #fff;
    background: #034ea2
}

.be_table_record table tr th:nth-child(4) {
    color: #fff;
    background: #d19d16
}

.be_table_record table tr th:nth-child(5) {
    color: #fff;
    background: #149350
}

.be_table_record table tr th:nth-child(6) {
    color: #fff;
    background: #db052c
}

.specialization-faq.spcs .fqans ol li {
    position: relative;
    margin: 10px 0
}

.std-tab-panel .nav-tabs.m0 {
    margin: 0 0 8px
}

._be_std_info ul {
    width: 100%;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0 0 20px
}

.spec-none p {
    margin-bottom: 0;
    padding-top: 7px
}

._be_std_info ul li {
    width: 19%;
    background: #fff;
    float: left;
    box-shadow: 0 0 8px 1px rgb(0 0 0 / 9%);
    border-radius: 4px;
    margin: 10px .5%;
    text-align: center;
    position: relative
}

    ._be_std_info ul li figure {
        margin: 15px 0 30px
    }

._be_std_info.gly ul li h3 {
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    width: 100%;
    float: left;
    height: 35px
}

._be_std_info ul li h3 {
    padding: 0
}

._be_std_info ul li a {
    display: block;
    padding: 20px
}

._be_std_info ul li:before {
    width: 82px;
    height: 3px;
    position: absolute;
    left: 47%;
    top: 0;
    content: '';
    margin-left: -41px
}

._be_std_info ul li:first-child:before, ._be_std_info ul li:nth-child(8):before {
    background: #00aae4
}

._be_std_info ul li:first-child a:hover, ._be_std_info ul li:nth-child(8) a:hover {
    text-decoration: none;
    background: #00aae4
}

._be_std_info ul li:nth-child(2):before {
    background: #aa2834
}

._be_std_info ul li:nth-child(2) a:hover {
    text-decoration: none;
    background: #aa2834
}

._be_std_info ul li:nth-child(10):before, ._be_std_info ul li:nth-child(3):before {
    background: #f79e35
}

._be_std_info ul li:nth-child(10) a:hover, ._be_std_info ul li:nth-child(3) a:hover {
    text-decoration: none;
    background: #f79e35
}

._be_std_info ul li:nth-child(4):before, ._be_std_info ul li:nth-child(7):before {
    background: #0f3564
}

._be_std_info ul li:nth-child(4) a:hover, ._be_std_info ul li:nth-child(7) a:hover {
    text-decoration: none;
    background: #0f3564
}

._be_std_info ul li:nth-child(5):before {
    background: #ff4248
}

._be_std_info ul li:nth-child(5) a:hover {
    text-decoration: none;
    background: #ff4248
}

._be_std_info ul li:nth-child(6):before {
    background: #3dae68
}

._be_std_info ul li:nth-child(6) a:hover {
    text-decoration: none;
    background: #3dae68
}

._be_std_info ul li:nth-child(9) a:hover {
    text-decoration: none;
    background: #034ea2
}

._be_std_info ul li:nth-child(11):before {
    background: #32a95f
}

._be_std_info ul li:nth-child(11) a:hover {
    text-decoration: none;
    background: #32a95f
}

#ECELabs ._be_std_info ul li:before, #MELabs ._be_std_info ul li:before {
    height: 0
}

.course-models .modal-dialog {
    max-width: 800px
}

.course-models .modal-header .close {
    margin: 0;
    position: absolute;
    right: 0;
    top: -4px;
    font-weight: 100;
    font-size: 45px
}

.be_table_record table tr.last th, .be_table_record table tr.whitebg th {
    padding: 0;
    font-weight: 700
}

.tt {
    border-radius: 0 0 12px 12px;
    color: #111;
    padding: 10px 6px;
    border: 1px solid #ccc;
    border-top: 0
}

.tt2 {
    border-radius: 12px 12px 0 0;
    color: #ee192b;
    padding: 10px;
    border: 1px solid #ccc;
    border-bottom: 0
}

    .tt2.vr {
        text-align: center;
        width: 100%;
        opacity: 9;
    }

.vr3 {
    height: 60px;
    line-height: 59px;
    padding: 0 12px
}

.sbl span {
    display: block;
    font-size: 12px;
    font-weight: 400
}

.section-app-component .specialization-faq ul li h4 {
    font-size: 16px
}

.be_table_record .table-responsive {
    padding: 0 1px;
    overflow-x: hidden;
}

._eq .owl-wrapper {
    display: flex !important;
    flex-wrap: flex
}

._eq .item {
    height: 100%;
    padding: 10px 12px
}

._eq .advantage-bx {
    height: 100%;
    margin: 0
}

._bennett-info-ts ol, ._bennett-info-tt ol {
    padding: 0 0 0 20px;
    margin: 0;
    list-style: disc
}

    ._bennett-info-ts ol li, ._bennett-info-tt ol li {
        padding-bottom: 10px;
        line-height: 25px
    }

._bennett-info-tt {
    border-bottom: 1px solid #eceaea;
    padding-bottom: 5px;
    margin-bottom: 40px
}

._bennett-info-ts h2 {
    font-size: 19px;
    font-weight: 400;
    color: var(--blue);
    margin-bottom: 10px
}

._be_pro_info_5s {
    padding: 15px;
    height: 100%;
    margin: 12px 0;
    text-align: center;
    box-shadow: 0 0 20px 10px rgb(0 0 0 / 3%)
}

    ._be-center-last h3, ._be_pro_info_5s h3 {
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 21px
    }

.anchor-faculty-wrap ._bxd figure, .section-scroll-component ul {
    margin: 0;
    width: 100%;
    float: left
}

._be-center-last {
    margin: 30px 0 0;
    text-align: center;
    float: left;
    width: 100%
}

._bxd {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
    box-shadow: 0 0 3px rgb(0 0 0 / 24%)
}

.mba-faculty-slides, .mnp-bx, .mns-sideinfo, .student-info-bx {
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 23%)
}

#anchor_slides .item {
    padding: 3px 6px
}

._be-center-last .col-sm-4 {
    margin-top: 10px;
    margin-bottom: 10px
}

._be_btn a {
    border: 1px solid #da2032;
    padding: 6px 20px;
    color: #da2032;
    border-radius: 30px
}

    ._be_btn a:hover {
        background: #da2032;
        color: var(--white);
        text-decoration: none
    }

.anchor-faculty-wrap {
    width: 100%;
    float: left;
    margin-top: 13px
}

    .anchor-faculty-wrap .row_ .col-sm-4_ {
        width: 32%;
        float: left;
        margin: 0 .5%
    }

    .anchor-faculty-wrap ._bxd p {
        font-size: 13px;
        text-align: center;
        white-space: initial;
        margin: 0 -50% 0 0;
        float: left;
        color: #fff;
        padding: 0 6px;
        width: 100%;
        line-height: 17px;
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

.wtsp li.bl, .wtsp li.rd.sp {
    margin-left: 1%
}

._anchor_inf_bx {
    background: #369;
    width: 100%;
    float: left;
    height: 75px;
    position: relative
}

.anchor-faculty-wrap ._bxd p strong {
    font-size: 15px;
    margin-bottom: 6px;
    display: block;
    font-weight: 600;
    color: var(--white)
}

.counterTxt {
    text-align: center;
}

    .counterTxt p {
        text-align: center;
        color: #fff;
    }

    .counterTxt.counter-card h1 {
        color: #fff;
    }

        .counterTxt.counter-card h1 .target {
            color: #fff;
        }

.banner {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.studentPlace {
    background: #fff;
    border: 1px solid #eee;
    margin: 0;
    padding: 10px;
    box-shadow: 5px 5px 5px #ddd;
}

    .studentPlace img {
        height: 100px;
        width: auto;
        display: block;
        margin: 0 auto;
        object-fit: contain;
        transition: all 1s ease;
    }

        .studentPlace img:hover {
            opacity: 0.8;
        }

.placement-content {
    padding: 30px;
    margin: 0;
}

    .placement-content h3 {
        color: #fff;
    }

    .placement-content p {
        color: #fff;
    }



.our-team-section {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}

/*.our-team-section:before {
        position: absolute;
        top: -0;
        left: 0;
        content: " ";
        background: url(img/service-section-bottom.png);
        background-size: 100% 100px;
        width: 100%;
        height: 100px;
        float: left;
        z-index: 99;
    }*/

.our-team {
    padding: 0 0 0px;
    background: #f9f9f9;
    text-align: center;
    overflow: hidden;
    position: relative;
    border-bottom: 5px solid #205551;
}

    .our-team:hover {
        border-bottom: 5px solid #d64d35;
    }

    .our-team .pic {
        display: inline-block;
        width: 130px;
        height: 130px;
        margin-bottom: 20px;
        z-index: 1;
        position: relative;
    }

        .our-team .pic:before {
            content: "";
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: #205551;
            position: absolute;
            bottom: 135%;
            right: 0;
            left: 0;
            opacity: 1;
            transform: scale(3);
            transition: all 0.3s linear 0s;
        }

    .our-team:hover .pic:before {
        height: 100%;
        background: #d64d35;
    }

    .our-team .pic:after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: #ffffff00;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        transition: all 0.3s linear 0s;
    }

    .our-team:hover .pic:after {
        background: #d64d35;
    }

    .our-team .pic img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        transform: scale(1);
        transition: all 0.9s ease 0s;
        box-shadow: 0 0 0 14px #f7f5ec;
        transform: scale(0.7);
        position: relative;
        z-index: 2;
    }

    .our-team:hover .pic img {
        box-shadow: 0 0 0 14px #f7f5ec;
        transform: scale(0.7);
    }

    .our-team .team-content {
        margin-bottom: 30px;
    }

    .our-team .title {
        font-size: 22px;
        font-weight: 700;
        color: #000;
        letter-spacing: 1px;
        text-transform: capitalize;
        margin-bottom: 5px;
    }

.team-content h6 {
    font-size: 15px;
}

.our-team .post {
    display: block;
    font-size: 15px;
    color: #4e5052;
    text-transform: capitalize;
}

.our-team .social {
    width: 100%;
    padding-top: 10px;
    margin: 0;
    background: #2f2f2f;
    position: absolute;
    bottom: -100px;
    left: 0;
    transition: all 0.5s ease 0s;
}

.our-team:hover .social {
    bottom: 0;
}

.our-team .social li {
    display: inline-block;
}

    .our-team .social li a {
        display: block;
        padding-top: 6px;
        font-size: 15px;
        color: #fff;
        transition: all 0.3s ease 0s;
    }

        .our-team .social li a:hover {
            color: #145889;
            background: #f7f5ec;
        }

.team-content span {
    font-size: 14px;
}

@media only screen and (max-width: 990px) {
    .our-team {
        margin-bottom: 10px;
    }
}


.we-offer-area .item {
    background: #ffffff none repeat scroll 0 0;
    border-left: 2px solid #00a01d;
    -moz-box-shadow: 0 0 10px #cccccc;
    -webkit-box-shadow: 0 0 10px #cccccc;
    -o-box-shadow: 0 0 10px #cccccc;
    box-shadow: 0 0 10px #cccccc;
    overflow: hidden;
    padding: 30px;
    position: relative;
    z-index: 1;
}

.we-offer-area.text-center .item {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
    padding: 40px 15px;
}

    .we-offer-area.text-center .item i {
        background: #bb3c26 none repeat scroll 0 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color: #ffffff;
        font-size: 40px;
        height: 80px;
        line-height: 80px;
        position: relative;
        text-align: center;
        width: 80px;
        z-index: 1;
        transition: all 0.35s ease-in-out;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        margin-bottom: 25px;
    }

        .we-offer-area.text-center .item i::after {
            border: 2px solid #bb3c26;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            content: "";
            height: 90px;
            left: -5px;
            position: absolute;
            top: -5px;
            width: 90px;
            z-index: -1;
            transition: all 0.35s ease-in-out;
            -webkit-transition: all 0.35s ease-in-out;
            -moz-transition: all 0.35s ease-in-out;
            -ms-transition: all 0.35s ease-in-out;
            -o-transition: all 0.35s ease-in-out;
        }

.we-offer-area.item-border-less .item {
    border: medium none;
}

.we-offer-area .our-offer-items.less-carousel .equal-height {
    margin-bottom: 30px;
}

.we-offer-area.item-border-less .item .number {
    font-size: 50px;
    font-weight: 900;
    opacity: 0.1;
    position: absolute;
    right: 30px;
    top: 30px;
}

.our-offer-carousel.center-active .owl-item:nth-child(2n) .item,
.we-offer-area.center-active .single-item:nth-child(2n) .item {
    background: #bb3c26 none repeat scroll 0 0;
}

    .our-offer-carousel.center-active .owl-item:nth-child(2n) .item i,
    .our-offer-carousel.center-active .owl-item:nth-child(2n) .item h4,
    .our-offer-carousel.center-active .owl-item:nth-child(2n) .item p,
    .we-offer-area.center-active .single-item:nth-child(2n) .item i,
    .we-offer-area.center-active .single-item:nth-child(2n) .item h4,
    .we-offer-area.center-active .single-item:nth-child(2n) .item p {
        color: #ffffff;
    }

.we-offer-area .item i {
    color: #00a01d;
    display: inline-block;
    font-size: 60px;
    margin-bottom: 20px;
}

.we-offer-area .item h4 {
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
}

.we-offer-area .item p {
    margin: 0;
    text-align: center;
}

.we-offer-area .item i,
.we-offer-area .item h4,
.we-offer-area .item p {
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
}

.we-offer-area .item::after {
    background: #bb3c26 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    width: 100%;
    z-index: -1;
}

.we-offer-area .item:hover::after {
    left: 0;
}

.we-offer-area .item:hover i,
.we-offer-area .item:hover h4,
.we-offer-area .item:hover p {
    color: #ffffff !important;
}

.we-offer-area.text-center .item:hover i::after {
    border-color: #ffffff !important;
}

.we-offer-area.text-center .item:hover i {
    background-color: #ffffff !important;
    color: #bb3c26 !important;
}

.we-offer-area.text-left .item i {
    background: #00a01d none repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 60px;
    height: 100px;
    line-height: 100px;
    margin-bottom: 30px;
    position: relative;
    width: 100px;
    z-index: 1;
    text-align: center;
}

    .we-offer-area.text-left .item i::after {
        border: 2px solid #00a01d;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        content: "";
        height: 120px;
        left: -10px;
        position: absolute;
        top: -10px;
        width: 120px;
    }

/*.list {
    margin: 0px;
    padding: 0;
}

    .list li {
        margin: 0;
        padding: 10px 0px 10px 20px;
        color: #000;
        position: relative;
        border-bottom: 1px dashed #eee;
        display: inline-block;
    }

ul.list li::before {
    content: "\f105";
    font-family: "FontAwesome";
    color: #d64d35;
    opacity: .6;
    position: absolute;
    left: 0;
}*/

.bg-red {
    background: #d64d35;
}

.itemCareer {
    margin: 0;
    padding: 15px;
    background: #bb3c26;
    min-height: 100%;
}

    .itemCareer ul li {
        color: #fff;
        font-size: 14px;
    }

    .itemCareer h6 {
        color: #fff;
        font-size: 18px;
    }










.main-timeline {
    position: relative
}

    .main-timeline:before {
        content: "";
        display: block;
        width: 2px;
        height: 100%;
        background: #c6c6c6;
        margin: 0 auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .main-timeline .timeline {
        margin-bottom: 40px;
        position: relative
    }

        .main-timeline .timeline:after {
            content: "";
            display: block;
            clear: both
        }

    .main-timeline .icon {
        width: 18px;
        height: 18px;
        line-height: 18px;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }

        .main-timeline .icon:before,
        .main-timeline .icon:after {
            content: "";
            width: 100%;
            height: 100%;
            border-radius: 50%;
            position: absolute;
            top: 0;
            left: 0;
            transition: all 0.33s ease-out 0s
        }

        .main-timeline .icon:before {
            background: #fff;
            border: 2px solid #232323;
            left: -3px
        }

        .main-timeline .icon:after {
            border: 2px solid #c6c6c6;
            left: 3px
        }

    .main-timeline .timeline:hover .icon:before {
        left: 3px
    }

    .main-timeline .timeline:hover .icon:after {
        left: -3px
    }

    .main-timeline .date-content {
        width: 50%;
        float: left;
        margin-top: 22px;
        position: relative
    }

        .main-timeline .date-content:before {
            content: "";
            width: 36.5%;
            height: 2px;
            background: #c6c6c6;
            margin: auto 0;
            position: absolute;
            top: 0;
            right: 10px;
            bottom: 0
        }

    .main-timeline .date-outer {
        width: 125px;
        height: 125px;
        font-size: 16px;
        text-align: center;
        margin: auto;
        z-index: 1
    }

        .main-timeline .date-outer:before,
        .main-timeline .date-outer:after {
            content: "";
            width: 125px;
            height: 125px;
            margin: 0 auto;
            border-radius: 50%;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            transition: all 0.33s ease-out 0s
        }

        .main-timeline .date-outer:before {
            background: #fff;
            border: 2px solid #232323;
            left: -6px
        }

        .main-timeline .date-outer:after {
            border: 2px solid #c6c6c6;
            left: 6px
        }

    .main-timeline .timeline:hover .date-outer:before {
        left: 6px
    }

    .main-timeline .timeline:hover .date-outer:after {
        left: -6px
    }

    .main-timeline .date {
        width: 100%;
        margin: auto;
        position: absolute;
        top: 27%;
        left: 0
    }

    .main-timeline .month {
        font-size: 18px;
        font-weight: 700
    }

    .main-timeline .year {
        display: block;
        font-size: 30px;
        font-weight: 700;
        color: #232323;
        line-height: 36px
    }

    .main-timeline .timeline-content {
        width: 50%;
        padding: 20px 0 20px 50px;
        float: right
    }

    .main-timeline .title {
        font-size: 19px;
        font-weight: 700;
        line-height: 24px;
        margin: 0 0 15px 0
    }

    .main-timeline .description {
        margin-bottom: 0
    }

    .main-timeline .timeline:nth-child(2n) .date-content {
        float: right
    }

        .main-timeline .timeline:nth-child(2n) .date-content:before {
            left: 10px
        }

    .main-timeline .timeline:nth-child(2n) .timeline-content {
        padding: 20px 50px 20px 0;
        text-align: right
    }

@media only screen and (max-width: 991px) {
    .main-timeline .date-content {
        margin-top: 35px
    }

        .main-timeline .date-content:before {
            width: 22.5%
        }

    .main-timeline .timeline-content {
        padding: 10px 0 10px 30px
    }

    .main-timeline .title {
        font-size: 17px
    }

    .main-timeline .timeline:nth-child(2n) .timeline-content {
        padding: 10px 30px 10px 0
    }
}

@media only screen and (max-width: 767px) {
    .main-timeline:before {
        margin: 0;
        left: 7px
    }

    .main-timeline .timeline {
        margin-bottom: 20px
    }

        .main-timeline .timeline:last-child {
            margin-bottom: 0
        }

    .main-timeline .icon {
        margin: auto 0
    }

    .main-timeline .date-content {
        width: 95%;
        float: right;
        margin-top: 0
    }

        .main-timeline .date-content:before {
            display: none
        }

    .main-timeline .date-outer {
        width: 110px;
        height: 110px
    }

        .main-timeline .date-outer:before,
        .main-timeline .date-outer:after {
            width: 110px;
            height: 110px
        }

    .main-timeline .date {
        top: 30%
    }

    .main-timeline .year {
        font-size: 24px
    }

    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(2n) .timeline-content {
        width: 95%;
        text-align: center;
        padding: 10px 0
    }

    .main-timeline .title {
        margin-bottom: 10px
    }
}

.Notices {
    margin: 0;
    padding: 0;
}

    .Notices ul {
        margin: 0;
        padding: 0;
    }

        .Notices ul li {
            margin: 0;
            padding-left: 25px;
            list-style: none;
            position: relative;
            border-bottom: 1px solid #eee;
            padding-bottom: 5px;
            padding-top: 5px;
        }

            .Notices ul li a {
                margin: 0;
                padding: 0;
                font-size: 15px;
                color: #000;
                font-weight: 500;
                display: block;
            }

                .Notices ul li a:hover {
                    color: #bb3c26;
                    transition: 0.1s;
                }

                .Notices ul li a::before {
                    content: "\f192";
                    font-family: FontAwesome;
                    color: #bb3c26;
                    position: absolute;
                    left: 0;
                }


.icon img {
    width: 50px;
    padding-bottom: 15px;
}

.clients-logo {
    padding: 0px;
    margin-bottom: 40px;
    text-align: center;
}

    .clients-logo ul {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

        .clients-logo ul li {
            padding: 15px;
            margin: 5px;
            width: 170px;
            height: 170px;
            background: #fff;
            display: inline-block;
            /* border: 1px dashed #333;*/
            box-shadow: 0 0 8px rgb(0 0 0 / 21%);
            box-sizing: border-box;
        }

            .clients-logo ul li img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }

.bg-background {
    padding: 150px 0;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

/*.topmenu {
    margin: 0;
    padding: 150px 0 30px;
    background: #46919c;
    text-align: center;
}*/

.topmenu {
    text-align: center;
    background: #113e3b;
    padding: 5px;
}

/*.topmenu {
    position: absolute;
    top: 45%;
    z-index: 999;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
}*/

/*.NewMenu {
    overflow-x: auto;
    white-space: nowrap;
}

.NewMenu ul {
    margin: 0 auto;
    list-style: none;
    background: #fff;
    text-align: center;
    padding: 0.95rem;
    border-radius: 99px;
    display: inline-block;
}*/

.NewMenu {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: thin;
    scrollbar-color: #ccc #f9f9f9;
}

    .NewMenu::-webkit-scrollbar {
        height: 8px;
    }

    .NewMenu::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 99px;
    }

        .NewMenu::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

    .NewMenu ul {
        margin: 0 auto;
        list-style: none;
        text-align: center;
        display: inline-block;
    }


        .NewMenu ul li {
            margin: 0;
            padding: 0 5px;
            display: inline-block;
            border-right: 1px solid #fff;
        }

            .NewMenu ul li:last-child {
                border: none;
            }

            .NewMenu ul li a {
                font-size: 15px;
                color: #fff;
                font-weight: 600;
                margin: 0;
                padding: 0;
                text-shadow: 1px 1px 4px #000;
                text-decoration: none;
                transition: all 0.3s;
            }

                .NewMenu ul li a.active {
                    color: rgb(255, 109, 2);
                    border-bottom: 2px rgb(255, 109, 2);
                    box-shadow: 0 0 1px 0 rgba(24, 94, 224, 0.15), 0 6px 12px 0 rgba(24, 94, 224, 0.15);
                }


.topmenu ul li a:hover {
    color: rgb(255, 109, 2);
    border-bottom: 2px solid rgb(255, 109, 2);
}

.topmenu h1 {
    color: #fff;
    font-size: 30px;
}

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

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

#main-slider {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

#myVideo {
    display: block;
    position: absolute;
    top: 43%;
    left: 50%;
    width: 100%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container */
    transform: translate(-50%, -50%); /* Centers the video */
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
}

/*video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;  
    z-index: 1;  
}*/

.textAboveVideo h2 {
    color: #fff;
    font-size: 42px;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
}

.applyNow {
    color: #fff !important;
    background: #205753;
    padding: 8px 15px !important;
    border-radius: 50px;
    margin-left: 15px !important;
    box-shadow: 0 0 10px #cccccc;
}

.blinkNow {
    color: #fff !important;
    background: #205753;
    padding: 8px 15px !important;
    border-radius: 50px;
    margin-left: 15px !important;
    box-shadow: 0 0 10px #cccccc;
    animation: blinkColors 1.2s infinite;
    margin-right: 10px !important;
}

@keyframes blinkColors {
    0% {
        background: #205753;
        box-shadow: 0 0 10px #205753;
    }

    25% {
        background: #ff5722;
        box-shadow: 0 0 10px #ff5722;
    }

    50% {
        background: #3f51b5;
        box-shadow: 0 0 10px #3f51b5;
    }

    75% {
        background: #009688;
        box-shadow: 0 0 10px #009688;
    }

    100% {
        background: #205753;
        box-shadow: 0 0 10px #205753;
    }
}


.Mobilemenu {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #d64d35;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

    .Mobilemenu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        justify-content: space-around;
        width: 100%;
    }

        .Mobilemenu ul li {
            flex: 1;
            text-align: center;
            padding: 10px 0;
            border-right: 1px solid #fff;
        }

            .Mobilemenu ul li:last-child {
                border-right: none;
            }

            .Mobilemenu ul li a {
                color: #fff;
                font-size: 13px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                text-decoration: none;
            }

                .Mobilemenu ul li a img {
                    margin-bottom: 5px;
                    max-width: 30px;
                }

/* Show menu on mobile only */
@media (max-width:991px) {
    .Mobilemenu {
        display: flex;
    }
}

/* Hide menu on desktop */
@media (min-width: 991px) {
    .Mobilemenu {
        display: none;
    }
}

.topMenuMobile {
    display: none;
}

/* ============sidebar-contact========== */

.toggle {
    position: absolute;
    top: 50%;
    left: -98px;
    transform: rotate(-90deg);
    padding: 5px 15px;
    line-height: 30px;
    cursor: pointer;
}

    .toggle .fa {
        color: #fff;
        padding-left: 5px;
    }

    .toggle:before {
        content: 'Admission Enquiry';
        font-size: 13px;
        color: #fff;
        font-weight: bold;
    }

.sidebar-contact {
    position: fixed;
    top: 60%;
    right: -350px;
    transform: translateY(-70%);
    width: 350px;
    height: auto;
    padding: 30px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .5);
    z-index: 9999;
    transition: all 0.3s ease;
}

    .sidebar-contact h6 {
        margin: 0 auto;
        padding: 10px;
        font-size: 15px;
        color: #fff;
        font-weight: bold;
        border-bottom: none;
        background: #256f69;
        position: absolute;
        top: -15px;
        text-align: center;
        left: 0;
        right: 0;
        width: 60%;
        border-radius: 15px;
        box-shadow: 0 0 10px #cccccc;
    }

.toggle {
    background-color: #211c3a;
    border-color: #211c3a;
    box-shadow: 0 0 10px #cccccc;
}

.sidebar-contact:hover,
.sidebar-contact.active {
    right: 0;
}

.toggle {
    cursor: pointer;
}

a.toggle.simple {
    position: inherit;
    background: transparent;
    border: none;
}

    a.toggle.simple:before {
        display: none;
    }


.LaunchTxt {
    margin: 0;
    padding: 0;
}

.blue_box {
    background: #F0F0F0;
    padding: 30px 30px;
    margin: 0;
}

    .blue_box .course_name {
        margin-top: 30px;
    }

        .blue_box .course_name p {
            font-size: 22px;
            font-weight: 500;
            color: #000;
            margin-top: 15px;
            padding: 0;
            text-align: left;
        }

    .blue_box .duration {
        font-size: 15px;
        font-weight: 500;
        color: #000;
    }

    .blue_box .years {
        font-size: 30px;
        font-weight: bold;
        color: #D64D35;
    }

.programmename {
    font-size: 20px;
    color: #333;
}

.page_title, .page_title.test {
    padding: 1rem 0rem 1rem 0rem;
}

    .page_title nav {
        margin-left: auto;
        text-align: right;
    }

    .page_title .breadcrumb {
        margin-bottom: 0;
        justify-content: flex-end;
        display: flex;
    }

    .page_title li.breadcrumb-item {
        padding-right: 10px;
        color: #000;
        padding-left: 0;
        font-size: 15px;
    }

    .page_title .breadcrumb-item + .breadcrumb-item::before {
        padding-right: 10px;
        content: "\25B6"; /* Right arrow symbol */
        float: none;
        font-size: 13px;
        color: #B1B1B1;
    }

    .page_title li.breadcrumb-item a {
        font-size: 15px;
        display: inline;
        color: #7D7D7D;
    }

    .page_title li.breadcrumb-item.bread_m {
        color: #7D7D7D;
    }


.ScholarshipTxt {
    padding: 15px;
    margin: 0;
}

.Highlights {
    padding: 50px;
    margin: 0;
    background: #bb3c26;
}

    .Highlights ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .Highlights ul li {
            color: #fff;
            font-size: 15px;
            padding: 5px 0;
            text-align: justify;
            padding-left: 30px;
            margin: 0;
            /*display: inline-block;*/
            position: relative;
        }

            .Highlights ul li::before {
                content: "\f0a4";
                font-family: FontAwesome;
                color: #fff;
                position: absolute;
                left: 0;
            }

            .Highlights ul li ul li::before {
                content: none;
            }

            .Highlights ul li ul li {
                padding-left: 0px;
            }

.MOUImg {
    width: 250px;
    height: 200px;
    perspective: 1000px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    background-color: #f8f8f8;
}

    .MOUImg img {
        width: 100%;
        height: 100%;
        transition: transform 0.3s, box-shadow 0.3s;
    }

    .MOUImg:hover img {
        transform: rotateX(0deg) rotateY(0deg) scale(1.05);
        box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
    }

.important_step_ul > li:last-child {
    border: none;
    padding-bottom: 2rem;
}

.important_step_ul {
    margin-top: 20px;
    background: #fff;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    list-style: none;
    padding: 0 40px;
}

    .important_step_ul > li {
        column-gap: 28px;
        border-bottom: 1px solid #D5D5D5;
        padding: 12px 0px;
        display: inline-flex;
        font-weight: 400;
        align-items: flex-start;
        margin: 10px;
    }

        .important_step_ul > li span {
            color: #da2032;
            display: inline-flex;
            align-items: center;
            font-size: 30px;
            font-weight: 400;
        }

.current_openings {
    width: 100%;
    height: auto;
    padding: 13rem 0 10rem;
    background: #DA3948
}

    .current_openings h4 {
        font-size: 3.6rem;
        font-weight: bold;
        font-family: var(--familyMonts);
        color: #fff
    }

    .current_openings .current_tabwrap {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 4.3rem
    }

        .current_openings .current_tabwrap .cop_tab li {
            margin-left: .5rem
        }

            .current_openings .current_tabwrap .cop_tab li:first-child {
                margin-left: 0
            }

            .current_openings .current_tabwrap .cop_tab li label {
                font-size: 2.11rem;
                font-weight: bold;
                font-family: var(--familyRobo);
                background: #fff;
                padding: 1.2rem 2.5rem
            }

                .current_openings .current_tabwrap .cop_tab li label.active {
                    background-color: #3053D3;
                    color: #fff
                }

        .current_openings .current_tabwrap .filter-select {
            max-width: 47rem
        }

        .current_openings .current_tabwrap .single_line {
            width: 51.3rem;
            height: .1rem;
            background: rgb(255 255 255 / 18%);
            margin: auto
        }

    .current_openings .tabcontent_wrap ul {
        display: grid;
        gap: 3.5rem;
        grid-template-columns: 1fr 1fr 1fr
    }

        .current_openings .tabcontent_wrap ul li {
            background: #fff;
            padding: 4rem
        }

            .current_openings .tabcontent_wrap ul li strong {
                font-size: 2.1rem;
                font-weight: bold;
                font-family: var(--familyRobo);
                color: #000;
                margin-bottom: 3.1rem;
                display: block
            }

            .current_openings .tabcontent_wrap ul li p {
                font-size: 1.6rem;
                font-weight: normal;
                font-family: var(--familyRobo);
                color: #292929;
                margin-bottom: 1.3rem;
                padding: 0;
                display: flex;
                flex-wrap: wrap
            }

                .current_openings .tabcontent_wrap ul li p strong {
                    font-size: 1.6rem;
                    font-weight: bold;
                    font-family: var(--familyRobo);
                    color: #000;
                    width: 30%;
                    margin: 0
                }

                .current_openings .tabcontent_wrap ul li p span {
                    font-size: 1.6rem;
                    font-weight: normal;
                    font-family: var(--familyRobo);
                    color: #000;
                    width: 66%
                }

            .current_openings .tabcontent_wrap ul li a {
                background: #489FAA;
                box-shadow: 0px 3px 6px #00000012;
                border-radius: 2rem;
                padding: .6rem 1.6rem;
                display: inline-flex;
                color: #fff;
                margin-top: 1.7rem
            }

                .current_openings .tabcontent_wrap ul li a:hover {
                    background: #000
                }

                .current_openings .tabcontent_wrap ul li a img {
                    margin-left: 1.4rem;
                    transform: rotate(-90deg)
                }

.blink__ {
    text-align: center;
    margin-top: 3rem;
    font-weight: 700;
}

.text-red {
    color: red;
}

.blink-hard {
    animation: blinker 1s step-end infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.ScholarshipTxt img {
    width: 300px;
    margin: 0;
    padding: 15px 0;
}

.placementImg {
    border: 8px solid #ff7d24;
    border-radius: 10px;
    padding: 0;
    text-align: center;
}

/*.placementImg img {
        width: 400px;
        height: 250px;
        object-fit: cover;
    }*/

.students {
    padding: 10px;
    text-align: center;
    background: #0e4042;
}

    .students h5 {
        font-size: 22px;
        font-weight: bold;
        color: #fff;
        padding: 0;
        margin: 0;
        text-align: center;
    }

/*.students p {
        font-size: 15px;
        color: #fff;
        font-weight: bold;
        padding: 0;
        margin: 0;
        text-align: center;
    }*/

.placementTXt {
    padding: 5px;
    margin-bottom: 15px;
    text-align: center;
}

    .placementTXt p {
        font-size: 15px;
        font-weight: bold;
        padding: 0;
        margin: 0;
        text-align: center;
    }

    .placementTXt span {
        display: block;
    }

    .placementTXt img {
        width: 150px;
        height: 50px;
        object-fit: contain;
    }


.Scholarly {
    background: #fff;
    border: 1px solid #eee;
    margin: 0;
    padding: 10px;
    box-shadow: 5px 5px 5px #ddd;
}

    .Scholarly img {
        height: 100px;
        width: auto;
        display: block;
        margin: 0 auto;
        object-fit: contain;
        transition: all 1s ease;
    }

    .Scholarly h6 {
        font-size: 18px;
        color: #000;
        text-align: center;
        height: 50px;
        padding-top: 10px;
    }

.bg-dark-blue {
    background: #216299;
    padding: 10px 15px !important;
}

.tab-content .form-control {
    border: var(--bs-border-width) solid #000 !important;
}

    .tab-content .form-control::placeholder {
        color: #000 !important;
        font-size: 15px !important;
    }

.form-check-input {
    border: var(--bs-border-width) solid #000000 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: 0;
    border: 1px solid var(--ct-border-color);
    background-color: var(--ct-secondary-bg);
    color: var(--ct-body-color);
    border-radius: var(--ct-border-radius);
}


ul.timeline {
    list-style-type: none;
    position: relative;
}

    ul.timeline:before {
        content: ' ';
        background: #d4d9df;
        display: inline-block;
        position: absolute;
        left: 4px;
        width: 1px;
        height: 100%;
        z-index: 400;
    }

    ul.timeline > li {
        margin: 0px 0;
        border-bottom: 1px solid #eee;
        padding: 15px 0;
    }

        ul.timeline > li:before {
            content: ' ';
            display: inline-block;
            position: absolute;
            border-radius: 50%;
            background: #d64d35;
            left: 0px;
            width: 10px;
            height: 10px;
            z-index: 400;
        }

        ul.timeline > li a {
            color: #000;
            font-size: 16px;
            font-weight: 400;
            /* line-height: 30px;
            border-bottom: 1px solid #eee;
            display: block;
            padding-bottom: 10px;*/
        }

            ul.timeline > li a span {
                font-weight: bold;
            }

            ul.timeline > li a:hover {
                color: #d64d35;
            }



.FacultyImages {
    width: 100%;
    height: auto;
    margin: 0;
    perspective: 1000px;
    border-radius: 20px;
    border: 1px solid #c54731;
    overflow: hidden;
    transition: transform 0.3s ease;
    background: #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: center;
}


    .FacultyImages img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
        transition: transform 0.5s ease;
        border-radius: 20px;
    }

    .FacultyImages:hover img {
        transform: scale(1.05);
    }


.mobile-only {
    display: none !important;
}

.aboutMenuMob {
    display: none !important;
}

@media (max-width: 1024px) {
    .mobile-only {
        display: inline-block;
    }

    .aboutMenu {
        display: none !important;
    }

    .aboutMenuMob {
        display: block !important;
    }

    .leftMenuMobile {
        display: none !important;
    }

    .header.scrolled .stellarnav.dark li a {
        color: #000;
        text-shadow: none;
    }
}
.onlineAppl a {
    background: #d64d35;
    position: fixed;
    left: -60px;
    top: 35%;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(270deg);
    padding: 10px 15px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    z-index: 99;
}
.sticky1 a {
    background: #d64d35;
    position: fixed;
    left: -90px;
    top: 70%;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(270deg);
    padding: 10px 15px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    z-index: 99;
}

.placement-inline {
    display: inline;
    font-size: 1rem; /* same as your paragraph text */
    margin: 0;
    padding: 0;
}

    .placement-inline dt {
        display: inline;
        font-weight: bolder;
        margin: 0px;
        font-size: 13px;
        line-height: 22px;
        color: #000;
    }

    .placement-inline dd {
        display: inline;
        font-weight: normal;
        margin: 0px;
        font-size: 13px;
        line-height: 22px;
        color: #000;
    }

.Scholarly p {
    font-size: 18px;
    color: #000;
    text-align: center;
    height: 80px;
    padding-top: 10px;
    line-height: 1.4;
    font-family: "source serif pro", serif;
    font-weight: 700;
}

.student-name {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    padding: 0;
    margin: 0;
    text-align: center;
}

.student-degree {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    padding: 0;
    margin: 0;
    text-align: center;
}


.testimonial-box p {
    margin-bottom: 10px;
    font-weight: 500;
}



.esports-section {
    padding: 30px 0px;
    color: #fff;
}

.esports-card {
    max-width: 900px;
    margin: auto;
    background: linear-gradient(145deg, #fff, #fff);
    border-radius: 20px;
    padding: 40px 40px;
    box-shadow: 0 0 40px rgba(0, 255, 255, 0.15);
    border: 1px solid rgba(0,255,255,0.15);
}

.badge-esports {
    display: inline-block;
    padding: 6px 16px;
    background: linear-gradient(90deg, #00f2ff, #00ff88);
    color: #000;
    font-size: 14px;
    font-weight: 600;
    border-radius: 30px;
    margin-bottom: 15px;
}

.esports-title {
    font-size: 42px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.esports-subtitle {
    font-size: 28px;
    margin-bottom: 15px;
}

    .esports-subtitle span {
        color: #ff4655;
        font-weight: 800;
    }

.esports-desc {
    color: #000;
    line-height: 1.8;
    margin-bottom: 15px;
}

.event-info {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    background: rgb(114 114 114 / 4%);
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 15px;
}

    .event-info span {
        font-size: 15px;
        color: #000;
    }

    .event-info p {
        font-size: 16px;
        font-weight: 600;
    }

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

.features ul {
    padding-left: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 12px;
}

.features li {
    background: rgb(29 80 76);
    padding: 12px 15px;
    border-radius: 10px;
    font-size: 15px;
    text-align: center;
}

.cta-box {
    text-align: center;
    margin-top: 30px;
}

    .cta-box h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }

.cta-btn {
    display: inline-block;
    padding: 14px 40px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    background: linear-gradient(90deg, #00f2ff, #00ff88);
    border-radius: 50px;
    text-decoration: none;
    transition: transform 0.3s, box-shadow 0.3s;
}

    .cta-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 0 25px rgba(0,255,200,0.6);
    }

.cta-note {
    margin-top: 15px;
    font-size: 15px;
    color: #000;
    text-align: center;
}

/* Responsive */
@media(max-width:768px) {
    .esports-title {
        font-size: 25px;
    }

    .esports-subtitle {
        font-size: 22px;
    }

    .event-info {
        flex-direction: column;
    }

    .esports-card {
        padding: 15px;
    }

    .badge-esports {
        font-size: 13px;
        margin-bottom: 15px;
        text-align: center;
    }
}

/* =========================
   VIDEO SECTION
========================= */


.video-box {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.12);
}


    .video-box video {
        width: 100%;
        display: block;
        object-fit: cover;
    }


    .video-box:hover {
        transform: translateY(-5px);
        transition: all 0.4s ease;
    }


@media (max-width: 767px) {

    .video-section {
        padding: 60px 15px;
    }

    .video-box {
        border-radius: 20px;
    }

        .video-box video {
            border-radius: 20px;
        }
}


.student-corner-dropdown {
    position: relative;
}

    .student-corner-dropdown > a {
        display: flex;
        align-items: center;
        gap: 6px;
    }

.dropdown-arrow {
    font-size: 12px;
    padding-left: 2px;
    transition: all .3s ease;
}

.student-corner-dropdown:hover .dropdown-arrow {
    transform: rotate(180deg);
}

.student-corner-menu {
    position: absolute;
    top: 120%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 240px;
    background: #205753;
    border-radius: 12px;
    padding: 8px 0;
    text-align: center;
    margin: 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    border: 1px solid rgba(0,0,0,0.08);
    z-index: 999;
}

    .student-corner-menu::before {
        content: '';
        position: absolute;
        top: -5px;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        width: 15px;
        height: 15px;
        background: #205753;
        border-left: 1px solid rgba(0,0,0,0.08);
        border-top: 1px solid rgba(0,0,0,0.08);
    }

.student-corner-dropdown:hover .student-corner-menu {
    opacity: 1;
    visibility: visible;
    top: 110%;
}

.student-corner-menu li a {
    display: block;
    padding: 10px 15px;
    color: #fff;
    font-size:15px;
    text-decoration: none;
    transition: all .25s ease;
    font-weight: 600;
    text-shadow: none;
    margin: 0;
}
.header.scrolled .student-corner-menu li a {
    color: #fff !important;
}
.header.scrolled .student-corner-menu li a:hover {
    color: rgb(255, 109, 2) !important;
    font-weight: bold !important;
}
.student-corner-menu li a:hover {
    color: rgb(255, 109, 2) !important;
    font-weight: bold !important;
}