/* Single Colleeg CSS - Theme: Examin */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@import url('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');

@import url('https://fonts.googleapis.com/css2?family=Stack+Sans+Notch:wght@200..700&display=swap');

/* font-family: "Stack Sans Notch", sans-serif; */

/* Varialbes */
:root {
    --font-default: 'Open Sans', sans-serif;
    --font-heading: 'Poppins', sans-serif;
    --fontawesome: "Font Awesome 5 Pro";
    --black: #000000;
    --dark: #002147;
    --dark-secondary: #022b6d;
    --white: #ffffff;
    --color-primary: #F9AA00;
    --color-secondary: #0b57e3;
    --color-heading: #0e0e0e;
    --color-paragraph: #666666;
    --box-shadow-primary: -1px 3px 10px 0 rgba(0, 0, 0, 0.6);
    --box-shadow-secondary: 0 10px 30px 0 rgba(44, 130, 237, 0.4);
    --box-shadow-regular: 0px 2px 12px 0px #e7e7e7;
    --bg-gray: #f9f9f9;
    --var-gradiant1: linear-gradient(90deg, #022b6d 0%, #e0992f 100%);
    --bg-ffooter-custom: #13135bd9;
}


/*
** Template default css
*/


* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body,
html {
    height: 100%;
}

html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    scroll-behavior: smooth;
}

html, body, div, span, img,
ol, ul, li, a, p, h1, h2, h3,
h4, h5, h6, option, legend, label,
table, th, td, tr, article, aside,
caption, figure, footer, header, hgroup,
mark, nav, section, time, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

.wrapper {
    height: 100%;
}

img {
    border: none;
    outline: none;
    max-width: 100%;
}

label {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 5px;
    max-width: 100%;
}


body {
    font-family: var(--font-default);
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    overflow-x: hidden;
    background-color: var(--white);
}

html, body, .wrapper {
    height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--color-heading);
    font-weight: normal;
    line-height: 1.2;
    font-family: var(--font-heading);
    letter-spacing: 0;
    margin: 0;
    margin-bottom: 15px;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 27px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 14px;
}


h5, h5 {
    margin-bottom: 10px;
}

img {
    border: none;
    outline: none;
    max-width: 100%;
}

label {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 5px;
    max-width: 100%;
}

a, .btn, button {
    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;
    outline: medium none;
}

    a img, iframe {
        border: none;
    }

p {
    color: var(--color-heading);
    line-height: 1.8;
    margin: 0 0 15px;
    text-transform: none;
    font-weight: 400;
}

hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #eee;
}

pre {
    display: block;
    margin: 0 0 30px;
    padding: 9.5px;
    word-wrap: break-word;
    word-break: break-all;
    color: #333;
    border: 1px solid #ededed;
    border-radius: inherit;
    background-color: var(--bg-gray);
    font-size: 13px;
    line-height: 1.42857143;
}

input:focus, textarea:focus,
select:focus {
    outline: none;
    box-shadow: inherit;
}

ul {
    list-style-type: none;
}

ul, li {
    margin: 0;
    padding: 0;
    /* list-style: none; */
}

b {
    font-weight: 600;
}

strong {
    font-weight: 600;
}

.row {
    --bs-gutter-x: 30px;
}


a, a:active, a:focus, a:hover {
    outline: none;
    text-decoration: none;
    color: #002147;
}

    a:hover {
        color: #002147;
    }

a {
    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;
    text-decoration: none;
    font-family: var(--font-heading);
}

b, strong {
    font-weight: 900;
}

.btn.active, .btn:active {
    background-image: inherit !important;
}

    .btn.focus,
    .btn:active:focus,
    .btn:active:hover,
    .btn:focus,
    .btn:hover {
        outline: 0;
    }

.btn.circle {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.btn.active, .btn:active {
    outline: 0;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

input {
    border: 1px solid #e7e7e7;
    border-radius: inherit;
    box-shadow: inherit;
    /* min-height: 50px; */
}
/* Default CSS */
.container-half {
    margin: 0 auto;
    width: 60%;
    padding: 0 15px;
}

.bg-cover {
    background-position: center center;
    background-size: cover;
}

.bg-fixed {
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
}

.bg-gray {
    background-color: var(--bg-gray);
}

.bg-gray-hard {
    background: linear-gradient(90deg, rgba(237,245,255,1) 0%, rgba(204,223,247,1) 100%);
}

.bg-light {
    background-color: var(--white) !important;
}

.bg-theme {
    background-color: var(--color-primary);
}

.color-yellow .bg-theme {
    background-color: var(--color-secondary);
}

.align-right {
    float: right;
}

.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-light p,
.text-light a {
    color: var(--white);
}

.shadow {
    position: relative;
    z-index: 1;
}

    .shadow.dark::after {
        background: #1d304794 none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.5;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }

    .shadow.dark-hard::after {
        background: #002147 none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.75;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }

    .shadow.light::after {
        background: var(--white) none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.3;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }

    .shadow.theme::after {
        background: var(--color-primary) none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.5;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }

.colo-yellow.shadow.theme::after,
.colo-yellow .shadow.theme::after {
    background: var(--color-secondary) none repeat scroll 0 0;
}

.shadow.theme-hard::after {
    background: var(--color-primary) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.color-yellow.shadow.theme-hard::after,
.color-yellow .shadow.theme-hard::after {
    background: var(--color-secondary) none repeat scroll 0 0;
}

.default-padding-sm {
    padding: 40px 0;
}

.default-padding {
    padding-top: 60px;
    padding-bottom: 60px;
}

.default-padding-top {
    padding-top: 120px;
}

.default-padding-bottom {
    padding-bottom: 120px;
}

.default-padding.bottom-less {
    padding-top: 120px;
    padding-bottom: 90px;
}

.default-padding.bottom-30 {
    padding-top: 120px;
    padding-bottom: 70px;
}

.default-padding.bottom-20 {
    padding-top: 120px;
    padding-bottom: 80px;
}

.padding-xl {
    padding-top: 120px;
    padding-bottom: 120px;
}

@media screen and (min-width: 1200px) {
    .item-flex {
        display: flex;
    }
}

.item-flex.center {
    align-items: center;
}


.custom_btn_resize {
    min-width: 25px;
    height: auto;
    background: none;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    color: #d1d1d1;
    padding: 0 3px;
}

.custom_btn_facilities {
    min-width: 25px;
    height: auto;
    background: none;
    border: 1px solid #ffffff;
    border-radius: 5px;
    color: #ffffff;
}

    .custom_btn_facilities.active,
    .custom_btn_resize.active {
        border: 1px solid #fff;
        color: #fff;
    }

.lg_select option {
    background-color: var(--bg-gray) !important;
    color: var(--dark) !important;
}

    .lg_select option:hover {
        background-color: var(--color-primary) !important;
        color: var(--bg-gray) !important;
    }

.btn {
  display: inline-block;
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 600;
  line-height: 25px;
  text-transform: uppercase;
  -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;
  transition: all 0.35s ease-in-out;
  letter-spacing: 1px;
  border-radius: inherit;
  overflow: hidden;
}

.btn-md {
    padding: 10px 40px 10px;
}

.btn-sm {
    padding: 8px 35px;
    font-size: 12px;
}

.btn-xsm {
    padding: 5px 18px;
    font-size: 12px;
}

.btn.btn-sm-pro {
    font-size: 10px;
    font-weight: 600;
    margin-top: 5px;
    padding: 4px 35px;
    display: inline-block;
}

.btn-border-light {
    border: 2px solid var(--white);
}

.btn.btn-sm-pro.btn-border-light:hover,
.btn.btn-sm-pro.btn-border-light:focus {
    background-color: var(--white);
    color: #002147;
    border: 2px solid var(--white);
}

.btn-gray {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 2px solid #e7e7e7;
}

    .btn-gray:hover {
        background: transparent none repeat scroll 0 0;
        border: 2px solid #e7e7e7;
    }

.btn-dark {
    background-color: #002147;
    color: var(--white);
    border: 2px solid #002147;
}

    .btn-dark.border {
        background-color: transparent;
        color: #002147;
        border: 2px solid #002147;
    }

        .btn-dark.border:hover {
            background-color: #002147;
            color: var(--white) !important;
            border: 2px solid #002147;
        }

.btn.btn-light {
    background: var(--white) none repeat scroll 0 0;
    border: 2px solid var(--white);
    color: #002147;
}

    .btn.btn-light:hover,
    .btn.btn-light:focus {
        background: transparent none repeat scroll 0 0;
        border: 2px solid var(--white);
        color: var(--white);
    }

    .btn.btn-light.effect:hover,
    .btn.btn-light.effect:focus {
        background-color: var(--color-primary);
        color: var(--white) !important;
        border: 2px solid var(--color-primary);
    }

    .btn.btn-light.border {
        background: transparent;
        border: 2px solid var(--white);
        color: var(--white);
    }

        .btn.btn-light.border:hover {
            background: var(--white) none repeat scroll 0 0 !important;
            border: 2px solid var(--white) !important;
            color: #002147 !important;
        }

.btn-dark:hover,
.btn-dark:focus {
    color: #002147 !important;
    background: transparent;
}

.bg-dark {
    background: #002147 none repeat scroll 0 0 !important;
}

.bg-gradient {
    background: linear-gradient(90deg, rgba(0,33,71,1) 0%, rgba(14,32,173,1) 100%);
}

.btn-theme,
.button-theme {
    background-color: var(--color-primary);
    color: #002147 !important;
    border: 2px solid var(--color-primary);
}

    .btn-theme.border {
        background-color: transparent;
        color: var(--color-primary) !important;
        border: 2px solid var(--color-primary);
    }

        .btn-theme.border:hover {
            background-color: var(--color-primary);
            color: var(--white) !important;
            border: 2px solid var(--color-primary);
        }

    .btn-theme.effect:hover,
    .btn-theme.effect:focus {
        background: #ffd134 none repeat scroll 0 0;
        border: 2px solid #ffd134;
        color: var(--white) !important;
    }

    .button-theme:hover,
    .button-theme:focus {
        background: #ffd134 none repeat scroll 0 0;
        color: var(--white) !important;
    }

.btn.btn-sm-lm {
    font-size: 12px;
    padding: 4px 35px;
}

.btn.border.btn-light.standard {
    padding-left: 20px;
    padding-right: 50px;
    position: relative;
    z-index: 1;
}

    .btn.border.btn-light.standard::after {
        background: var(--white) none repeat scroll 0 0;
        content: "";
        height: 53px;
        position: absolute;
        right: -18px;
        top: -10px;
        transform: skewX(20deg);
        -webkit-transform: skewX(20deg);
        -moz-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        -o-transform: skewX(20deg);
        width: 50px;
        z-index: -1;
    }

    .btn.border.btn-light.standard::before {
        color: var(--color-primary);
        content: "\f061";
        font-family: "Font Awesome 5 Pro";
        height: 100%;
        position: absolute;
        right: 0;
        width: 25px;
    }

.button-sm {
  border: medium none;
  font-family: var(--font-heading);
  font-weight: 500;
  padding: 8px 25px;
  text-transform: uppercase;
}

.banner-area.shadow.dark-hard .content .btn.btn-theme.effect:hover,
.banner-area.shadow.dark-hard .content .btn.btn-light.effect:hover,
.banner-area.shadow.dark-hard .content .btn.btn-dark.effect:hover {
    background: transparent none repeat scroll 0 0;
    border: 2px solid var(--white);
    color: var(--white) !important;
}

a.btn-icon {
    background: #f1f1f1 none repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: var(--color-primary);
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
}

.bg-fixed {
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}

.bg-cover {
    background-position: center center;
    background-size: cover;
}

.container-full {
    padding: 0 15px;
    width: 100%;
}

.oh {
    overflow: hidden;
}

.less-margin {
    margin: 0;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    border: none;
}

header {
    position: relative;
}

    header nav.navbar.border.bootsnav.navbar-fixed.no-background {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

        header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a {
            position: relative;
            z-index: 1;
            margin-left: 3px;
        }

        header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a {
            border: medium none;
        }

        header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a::after {
            background: var(--white) none repeat scroll 0 0;
            bottom: -1px;
            content: "";
            height: 1px;
            left: 0;
            position: absolute;
            -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;
            transition: all 0.35s ease-in-out;
            width: 0;
        }

        header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a.active::after,
        header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a:hover::after {
            width: 100%;
        }

        header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a.active::after,
        header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a:hover::after {
            width: 0;
        }

.attr-nav .social.right li {
    margin-left: 20px;
}

.attr-nav .social li a {
    font-size: 16px;
}

/* Navbar */
nav.bootsnav.navbar-default.info-topbar .navbar-header {
    display: none;
}

nav.bootsnav.navbar-default.info-topbar ul li a {
    margin-right: 30px;
    padding: 35px 0;
}

nav.bootsnav.navbar-default.info-topbar.active-full ul li a {
    margin-right: 0;
    padding: 35px 20px;
}

.attr-nav > a.btn-theme.effect:hover,
.attr-nav > a.btn-theme.effect,
.attr-nav > a.btn-theme.effect:focus {
    background: var(--color-primary) none repeat scroll 0 0;
    border: 2px solid var(--color-primary);
    color: var(--white) !important;
}

nav.bootsnav.navbar-default.info-topbar.sticked ul li a {
    margin-right: 30px;
    padding: 35px 0;
}

.attr-nav.social li {
    display: inline-block;
    padding: 25px 0 !important;
    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;
}

    .attr-nav.social li a {
        border: 1px solid #f4f4f4;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color: var(--color-primary);
        display: inline-block;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        margin-left: 10px;
        padding: 0 !important;
        text-align: center;
        width: 40px;
    }

nav.navbar.bootsnav.sticked .attr-nav.social li {
    display: inline-block;
    padding: 20px 0 !important;
}

nav.navbar.bootsnav.navbar-transparent.pad-top {
    background: transparent none repeat scroll 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 63px;
}

/* ============================================================== 
     # Topbar 
=================================================================== */
.top-bar-area {
    padding: 5px 0;
    overflow: hidden;
    background: linear-gradient( 90deg, var(--color-primary), var(--color-secondary));
}

.top-bar-area {
    padding: 5px 0;
}

    .top-bar-area .user-login a {
        background: var(--color-primary) none repeat scroll 0 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: #002147;
        display: inline-block;
        font-weight: 600;
        margin-left: 5px;
        padding: 8px 25px;
    }

        .top-bar-area .user-login a i {
            margin-right: 2px;
        }

    .top-bar-area .address-info li {
        border-right: 1px solid #ffffff;
        display: inline-block;
        font-family: var(--font-heading);
        margin-right: 3px;
        padding-right: 6px;
        color: var(--white);
        line-height: 24px;
    }

    .top-bar-area.bg-theme .address-info li {
        border-right: 1px solid #002147;
        color: #002147;
    }

    .top-bar-area.address-one-lines .address-info li {
        margin-right: 10px;
        padding-right: 15px;
    }

        .top-bar-area.address-one-lines .address-info li span {
            display: inline-block;
            font-weight: normal;
            padding-left: 5px;
        }

    .top-bar-area.address-two-lines .user-login {
        margin: 3px 0;
    }

.top-bar-area .address-info li span {
  /* display: block; */
  font-weight: 600;
  text-transform: uppercase;
}

    .top-bar-area .address-info li p {
        line-height: 24px;
        margin: 0;
    }

    .top-bar-area .address-info li:last-child {
        border: medium none;
        margin: 0;
    }

    .top-bar-area .address-info li i {
        margin-right: 3px;
    }

    .top-bar-area.address-one-lines .address-info {
        margin: 8px 0;
    }

    .top-bar-area .menu li {
        display: inline-block;
        margin-left: 10px;
        padding-left: 15px;
        position: relative;
        z-index: 1;
    }

        .top-bar-area .menu li a {
            display: inline-block;
            font-weight: 500;
            text-transform: capitalize;
        }

    .top-bar-area.bg-dark .menu li a {
        color: var(--white);
    }

    .top-bar-area .menu li a:hover {
        color: var(--color-primary);
    }

    .top-bar-area.bg-theme .menu li a:hover {
        color: var(--white);
    }

    .top-bar-area .menu li::before {
        background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
        content: "";
        height: 14px;
        left: 0;
        position: absolute;
        top: 6px;
        width: 1px;
    }

    .top-bar-area.bg-theme .menu li::before {
        background: #002147;
    }

    .top-bar-area .menu li:first-child {
        margin: 0;
        padding: 0;
    }

        .top-bar-area .menu li:first-child::before {
            display: none;
        }

    .top-bar-area .menu {
        padding: 8px 0;
    }

    .top-bar-area .row.align-center {
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .top-bar-area .simple-link a {
        margin-left: 20px;
    }

        .top-bar-area .simple-link a:first-child {
            margin-left: 0;
        }

        .top-bar-area .simple-link a i {
            margin-right: 3px;
        }

    .top-bar-area .simple-link {
        position: relative;
        z-index: 1;
        font-weight: 600;
    }

        .top-bar-area .simple-link::after {
            position: absolute;
            top: -30px;
            content: "";
            height: 100px;
            width: 800px;
            background: var(--color-primary);
            left: 0;
            z-index: -1;
            transform: skew(25deg);
        }

        .top-bar-area .simple-link a {
            color: #232323;
        }

/* Site Heading */

.site-heading {
    margin-bottom: 25px;
    margin-top: -5px;
    overflow: hidden;
}

    .site-heading h2 {
        display: inline-block;
        font-weight: 600;
        padding-bottom: 20px;
        position: relative;
        z-index: 1;
    }

.bg-dark .site-heading h2 {
    color: var(--color-primary);
}

.bg-dark .site-heading p {
    color: #cccccc;
}

.site-heading h2::before {
    background: var(--color-primary) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -40px;
    position: absolute;
    width: 40px;
    z-index: 1;
}

.site-heading h2::after {
    background: var(--color-primary) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: 5px;
    position: absolute;
    width: 40px;
}

.site-heading.text-left h2::before {
    left: 0;
    margin: 0;
}

.site-heading.text-left h2::after {
    left: 45px;
    margin: 0;
    width: 20px;
}

/* ============================================================== 
     # Bradcrumb 
=================================================================== */
.breadcrumb-area {
    padding: 100px 0;
}

    .breadcrumb-area .breadcrumb {
        background: transparent none repeat scroll 0 0;
        display: inline-block;
        margin: 0;
        padding: 10px 20px;
        position: relative;
        z-index: 1;
    }

        .breadcrumb-area .breadcrumb li i {
            color: var(--color-primary);
            margin-right: 3px;
        }

        .breadcrumb-area .breadcrumb::after {
            background: #000000 none repeat scroll 0 0;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            content: "";
            height: 100%;
            left: 0;
            opacity: 0.6;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: -1;
        }

    .breadcrumb-area h1 {
        display: block;
        font-weight: 600;
        margin-bottom: 20px;
        font-size: 40px;
        text-transform: capitalize;
    }

.breadcrumb > li + li::before {
    color: var(--color-primary);
    content: "";
    position: absolute;
    top: 50%;
    height: 8px;
    width: 8px;
    border: 1px solid;
    border-radius: 50%;
    transform: translateY(-50%);
    left: -6px;
}

.breadcrumb-area .breadcrumb a, 
 .breadcrumb-area .breadcrumb li {
  font-weight: 600;
  /*text-transform: uppercase;*/
  font-family: var(--font-heading);
  display: inline-block;
}

    .breadcrumb-area .breadcrumb li.active {
        color: #cccccc;
    }

.breadcrumb-area .breadcrumb li {
    padding: 0 10px;
    position: relative;
}

.form-group {
    margin-bottom: 15px;
}

/* ============================================================== 
     # Banner 
=================================================================== */
body, .banner-area,
.banner-area div {
    height: 100%;
}

    .banner-area.auto-height,
    .banner-area.auto-height div {
        height: auto;
    }

    .banner-area .box-cell {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }

    .banner-area .box-table {
        display: table;
        width: 100%;
    }

    .banner-area .box-cell,
    .banner-area .box-cell div {
        height: auto;
    }

.banner-area {
    position: relative;
    overflow: hidden;
}

    .banner-area .content {
        overflow: hidden;
    }

    /* Carousel Control */
    .banner-area .carousel-control {
        font-size: 40px;
        height: 50px;
        line-height: 50px;
        padding: 0;
        position: absolute;
        top: 50%;
        width: 50px;
        margin-top: -25px;
        background: transparent;
        opacity: 1;
        z-index: 1;
        transition: all 0.35s ease-in-out;
    }

        .banner-area .carousel-control.shadow {
            background: transparent none repeat scroll 0 0;
            font-size: 20px;
            height: 50px;
            line-height: 50px;
            margin-top: -25px;
            opacity: 1;
            padding: 0;
            position: absolute;
            top: 50%;
            width: 50px;
            z-index: 1;
            color: var(--white);
            text-shadow: inherit;
            box-shadow: none !important;
        }

            .banner-area .carousel-control.shadow::after {
                background: #002147 none repeat scroll 0 0;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                content: "";
                height: 100%;
                left: 0;
                opacity: 0.5;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: -1;
            }

        .banner-area .carousel-control.left {
            left: -50px;
        }

    .banner-area:hover .carousel-control.left {
        left: 0;
    }

    .banner-area:hover .carousel-control.shadow.left {
        left: 20px;
    }

    .banner-area .carousel-control.right {
        right: -50px;
    }

    .banner-area:hover .carousel-control.right {
        right: 0;
    }

    .banner-area:hover .carousel-control.shadow.right {
        right: 20px;
    }

    /* Animation delays */
    .banner-area .item h1:first-child,
    .banner-area .item h2:first-child,
    .banner-area .item h3:first-child,
    .banner-area .item h4:first-child,
    .banner-area .item h5:first-child,
    .banner-area .item h6:first-child {
        animation-delay: .5s;
    }

    .banner-area .item h1:nth-child(2),
    .banner-area .item h2:nth-child(2),
    .banner-area .item h3:nth-child(2),
    .banner-area .item h4:nth-child(2),
    .banner-area .item h5:nth-child(2),
    .banner-area .item h6:nth-child(2) {
        animation-delay: .6s;
    }

.carousel-caption h1:nth-child(3),
.carousel-caption h2:nth-child(3),
.carousel-caption h3:nth-child(3),
.carousel-caption h4:nth-child(3),
.carousel-caption h5:nth-child(3),
.carousel-caption h6:nth-child(3) {
    animation-delay: .9s;
}

.banner-area .item p {
    animation-delay: .5s;
}

.banner-area .item a,
.banner-area .item button {
    animation-delay: .7s;
    margin-right: 3px;
}

.banner-area.text-center .item a,
.banner-area.text-center .item button,
.banner-area .text-center .item a,
.banner-area .text-center .item button {
    margin-right: 3px;
    margin-left: 3px;
}


/* Carousel Fade Effect */
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }

.carousel-fade .carousel-control {
    z-index: 2;
}
/* Slider Zoom Effect */
@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1, 1);
    }

    to {
        -webkit-transform: scale(1.2, 1.2);
    }
}

@-moz-keyframes zoom {
    from {
        -moz-transform: scale(1, 1);
    }

    to {
        -moz-transform: scale(1.2, 1.2);
    }
}

@-o-keyframes zoom {
    from {
        -o-transform: scale(1, 1);
    }

    to {
        -o-transform: scale(1.2, 1.2);
    }
}

@keyframes zoom {
    from {
        transform: scale(1, 1);
    }

    to {
        transform: scale(1.2, 1.2);
    }
}

.carousel-inner .item > .slider-thumb {
    -webkit-animation: zoom 20s;
    animation: zoom 20s;
}

.banner-area .carousel-zoom .slider-thumb {
    height: 100%;
    position: absolute;
    width: 100%;
}

.banner-area.transparent-nav .content {
    padding-top: 80px;
}


/* Carousel Content */
.banner-area.banner-search.content-top-heading .content h1 {
    margin-bottom: 50px;
}

.banner-area.text-normal h3 {
  font-size: 36px;
  /*text-transform: uppercase;*/
}

.banner-area.text-normal h1 {
    font-size: 70px;
    font-weight: 700;
    margin-bottom: 25px;
    /* text-transform: capitalize;*/
    margin-top: -8px;
}

.banner-area.text-normal.banner-style-four h1 {
    font-size: 60px;
}

.banner-area.text-normal.heading-weight-600 h1 {
    font-weight: 600;
}

.banner-area.text-normal p {
    font-size: 16px;
}

/*.banner-area.text-normal span {
  color: var(--color-primary);
}*/

.banner-area.text-normal.less-paragraph h1 {
    margin-bottom: 15px;
    margin-top: 0;
}

.banner-area.text-normal.banner-style-one h1 {
    font-size: 60px;
}

.banner-area.text-normal a {
    margin-top: 15px;
}

.banner-area .col-md-10.col-md-offset-1 p {
    padding: 0 10%;
}

.banner-area.text-small h1 {
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: capitalize;
}

.banner-area.text-small a {
    margin-top: 15px;
}

.banner-area.text-small p {
    font-size: 16px;
}

.banner-area.text-dark p {
    color: #002147;
}

.banner-area form {
    position: relative;
    z-index: 1;
    width: 80%;
    margin: 50px auto auto;
}

    .banner-area form input {
        border: medium none;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        box-shadow: inherit;
        min-height: 60px;
        padding: 15px 30px;
    }

    .banner-area form button {
        background: var(--color-primary) none repeat scroll 0 0;
        border: medium none;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        font-family: var(--font-heading);
        font-weight: 500;
        height: 50px;
        margin: 0 !important;
        padding: 0 30px;
        position: absolute;
        right: 5px;
        text-transform: capitalize;
        top: 5px;
    }

.banner-area.auto-height .content {
    padding: 150px 0;
}


.banner-area.text-default .content h1 {
    font-size: 50px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 25px;
}

.banner-area.text-default .content a {
    margin-top: 15px;
}

.banner-area.text-default .content h4 {
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 25px;
    letter-spacing: 0.6px;
}

.banner-area.banner-box {
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 50px;
    border-radius: 10px;
}

    .banner-area.banner-box .thumb img {
        margin-top: 50px;
    }

    .banner-area.banner-box .content {
        padding: 0;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner-area.banner-box .content {
        padding: 0;
        padding-top: 100px;
    }
}

/* Banner Standard */
.banner-area.standard .thumb {
    position: relative;
    z-index: 1;
    padding-left: 50px;
    margin-bottom: 120px;
}

    .banner-area.standard .thumb img:first-child {
        max-width: 70%;
    }

    .banner-area.standard .thumb img:nth-child(2) {
        position: absolute;
        width: 200px;
        bottom: -120px;
        margin-left: 30px;
    }

    .banner-area.standard .thumb img {
        border-radius: 8px;
        box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
    }

    .banner-area.standard .thumb .join {
        position: absolute;
        right: -50px;
        top: 50px;
        background: var(--white);
        display: flex;
        align-items: center;
        padding: 25px 35px;
        border-radius: 10px;
    }

        .banner-area.standard .thumb .join .fun-fact {
            background: transparent;
            box-shadow: inherit !important;
            padding: 0;
            border-left: 1px solid #e7e7e7;
            padding-left: 20px;
        }

        .banner-area.standard .thumb .join i {
            display: inline-block;
            font-size: 60px;
            color: var(--color-primary);
            margin-right: 15px;
        }

        .banner-area.standard .thumb .join h4 {
            font-weight: 600;
            margin-bottom: 0;
            font-size: 24px;
        }

.banner-area.standard .thumb .join .fun-fact span {
    /*text-transform: uppercase;*/
    font-size: 11px;
    font-weight: 500;
}


    .banner-area.standard .thumb::after {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -150px;
        content: "";
        height: 450px;
        width: 450px;
        border: 80px solid var(--white);
        border-radius: 50%;
        z-index: -1;
        opacity: 0.3;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
        animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
        -webkit-animation-name: infiUpDown;
        animation-name: infiUpDown;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

.banner-area.standard form {
    margin: 0;
    margin-top: 40px;
}

    .banner-area.standard form input {
        border-radius: 5px;
    }

    .banner-area.standard form button {
        background: transparent;
    }

.banner-area.standard .content-box h1 {
    font-weight: 600;
    font-size: 55px;
    margin-bottom: 35px;
}

.banner-area.standard {
    padding-top: 60px;
}

/* Animated Shape */

.item-animated {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    -webkit-animation-name: infiUpDown;
    animation-name: infiUpDown;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@keyframes infiUpDown {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateY(-35px);
        transform: translateY(-35px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes infiUpDown {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateY(-35px);
        transform: translateY(-35px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

/* ============================================================== 
     # About Area
=================================================================== */
.about-area .our-features .item {
    -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;
    padding: 25px;
    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;
    background-color: var(--white);
}

.about-area.bg-dark .our-features .item {
    box-shadow: inherit;
}

.about-area.our-featues-area .our-features .item {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.about-area .our-features .item .icon,
.about-area .our-features .item .info {
    display: table-cell;
    vertical-align: middle;
}

.about-area .thumb {
    padding-right: 35px;
    position: relative;
}

.overlay-video {
    left: 50%;
    margin-left: -15px;
    margin-top: -70px;
    position: absolute;
    top: 50%;
}

.about-area .overlay-video {
    margin-left: -15px;
}

.our-featues-area.inc-trending-courses .overlay-video {
    margin-left: -25px;
}

.about-area .about-info.item-block .info {
    margin-top: 30px;
}

.about-area .info > a {
    margin-top: 10px;
}

.seperator .border {
    margin-bottom: 50px;
    padding-bottom: 50px;
    overflow: hidden;
    float: left;
    width: 100%;
    border: none !important;
    border-bottom: 1px solid rgba(20, 23, 28, 0.1) !important;
}

.about-area .our-features .item .icon {
    padding-right: 15px;
    padding-bottom: 20px;
}

    .about-area .our-features .item .icon i {
        display: inline-block;
        font-size: 80px;
        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;
    }

.about-area.inc-trending-courses .our-features .item .icon i {
    display: inline-block;
}

.about-area .our-features.text-light .item .icon i {
    color: var(--white);
}

.about-area .our-features.inc-counter .item .info h4 {
  margin: 0;
  /*text-transform: uppercase;*/
}

.about-area .our-features.inc-counter .item .info .timer {
    color: var(--white);
    display: block;
    font-family: var(--font-heading);
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 15px;
}

.about-area .our-features .item .info h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  /*text-transform: uppercase;*/
  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;
  line-height: 1.3;
}

.about-area .our-features {
    margin-top: 60px;
}

.about-area .our-features .item .info a {
  color: var(--color-heading);
  text-transform: uppercase;
}

    .about-area .our-features.text-light .item .info a {
        color: var(--white);
    }

.about-area .info h1,
.about-area .info h2 {
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 10px;
    padding-bottom: 25px;
    position: relative;
    z-index: 1;
    /*text-transform: capitalize;*/
}

    .about-area .info h1::before,
    .about-area .info h2::before {
        background: var(--color-primary) none repeat scroll 0 0;
        bottom: 16px;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        width: 40px;
        z-index: 1;
    }

    .about-area .info h1::after,
    .about-area .info h2::after {
        background: var(--color-primary) none repeat scroll 0 0;
        bottom: 16px;
        content: "";
        height: 2px;
        left: 45px;
        position: absolute;
        width: 20px;
    }

.about-area .info.less-bar h1::before,
.about-area .info.less-bar h1::after {
    display: none;
}

.about-area .info.less-bar h1 {
    margin-bottom: 20px;
    padding-bottom: 0;
}

.about-area .info h5 {
 /* color: var(--color-heading);*/
  font-size: 18px;
  /*text-transform: uppercase;*/
}

/*.about-area .info h1 span,
.about-area .info h2 span {
  color: var(--color-primary);
}
*/
.about-area .info h4 {
    line-height: 30px;
    margin-bottom: 20px;
}

.our-features .item.mariner i {
    color: var(--color-primary);
}

.our-features .item.java i {
    color: var(--color-primary);
}

.our-features .item.malachite i {
    color: #10c45c;
}

.our-features .brilliantrose i {
    color: #e948ae;
}

.our-features .casablanca i {
    color: #f9bd44;
}

.our-features .emerald i {
    color: #47c58e;
}

.our-featues-area .about-info .thumb {
    padding-right: 0;
}


/* ============================================================== 
     # Register
=================================================================== */
.course-offer-area .offer-box .row {
    display: flex;
    align-items: center;
}

.course-offer-area .offer-box .thumb {
    padding-right: 35px;
}

.course-offer-area .offer-box .info h2 {
  font-weight: 600;
  /*text-transform: uppercase;*/
}

.course-offer-area .offer-box .info h4 {
    font-weight: 500;
    margin-bottom: 30px;
    color: var(--color-heading);
}

.course-offer-area .offer-box .info .item {
    float: left;
    width: 25%;
    margin-top: 25px;
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 16px;
}

    .course-offer-area .offer-box .info .item span {
        display: block;
        font-size: 35px;
        line-height: 1;
        margin-bottom: 8px;
        color: #232323;
        font-weight: 700;
    }

.course-offer-area .offer-box .info a {
    margin-top: 30px;
}


/* ============================================================== 
     # What you learn
=================================================================== */

.what-learn-area {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    .what-learn-area::after {
        position: absolute;
        right: -120px;
        top: 300px;
        content: "";
        height: 500px;
        width: 70%;
        background: var(--white);
        z-index: -1;
        transform: rotate(-20deg);
        opacity: 0.07;
    }

    .what-learn-area .row > .info {
        padding-right: 35px;
    }

    .what-learn-area .info h2 {
        font-weight: 600;
        margin-bottom: 30px;
        line-height: 1.3;
    }


    .what-learn-area .info p {
        margin-bottom: 0;
    }

    .what-learn-area .item a {
        display: block;
        padding: 30px;
        text-align: center;
        box-shadow: 0 5px 20px rgba(0,0,0,.1);
        background: var(--white);
        border-radius: 13px;
    }

    .what-learn-area .single-item {
        margin-top: 30px;
    }

    .what-learn-area .categories {
        margin-top: -30px;
    }

        .what-learn-area .categories i {
            display: inline-block;
            color: #10c45c;
            font-size: 45px;
            margin-bottom: 25px;
        }

        .what-learn-area .categories .single-item:nth-child(2) i {
            color: #e948ae;
        }

        .what-learn-area .categories .single-item:nth-child(3) i {
            color: #f9bd44;
        }

        .what-learn-area .categories h4 {
            font-weight: 600;
            text-transform: capitalize;
            line-height: 1.4;
        }

.what-learn-area .categories span {
    /*text-transform: uppercase;*/
    font-size: 10px;
    background: #f1f1f1;
    display: inline-block;
    padding: 3px 15px;
    border-radius: 20px;
    font-weight: 600;
}


/* ============================================================== 
     # Why Chose Us
=================================================================== */
.wcs-area .site-heading {
    margin-bottom: 20px;
}

.wcs-area .thumb,
.wcs-area .content {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.wcs-area.content-default .thumb,
.wcs-area.content-default .content {
    display: inline-block;
    float: left;
}

.wcs-area.content-default .content {
    padding: 0 15px;
}

.wcs-area .content {
    padding: 120px 50px;
    padding-right: 120px;
}

.wcs-area .item .icon, .wcs-area .item .info {
    display: table-cell;
    vertical-align: top;
}

.wcs-area .item .info {
    padding-left: 20px;
}

.wcs-area .item .icon i {
    border: 1px solid rgba(255, 255, 255, 0.2);
    -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    color: var(--color-primary);
    display: inline-block;
    font-size: 50px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    width: 80px;
}

.wcs-area.bg-light .item .icon i {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -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;
    font-size: 40px;
}

.wcs-area .item .info h4 a {
    color: var(--white);
    font-weight: 600;
    /*text-transform: capitalize;*/
}

.wcs-area.bg-light .item .info h4 a {
    color: #002147;
}

/*.wcs-area .item .info p {
  color: var(--color-primary);
}*/

.wcs-area.bg-light .item .info p {
    color: var(--color-heading);
}

.wcs-area .item {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
    margin-bottom: 30px;
}

.wcs-area.bg-light .item {
    border-bottom: inherit;
    margin-bottom: 50px;
    padding-bottom: 0;
}

.wcs-area .item .info p {
    margin: 0;
}

.wcs-area h2 {
    font-weight: 600;
    margin-bottom: 30px;
    padding-bottom: 20px;
    position: relative;
    text-transform: capitalize;
    z-index: 1;
}

.wcs-area .item:last-child {
    border: medium none;
    margin: 0;
    padding: 0;
}


/* ============================================================== 
     # Pricing
=================================================================== */

.pricing-area .pricing-simple .pricing-item {
    background: var(--white) none repeat scroll 0 0;
    -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;
    padding: 30px;
    overflow: hidden;
    position: relative;
}

.pricing-area .equal-height {
    margin-bottom: 30px;
}

.pricing-area .pricing-item .pricing-header {
    background: #002147 none repeat scroll 0 0;
    margin-bottom: 20px;
    padding: 30px 15px;
}

.pricing-area .pricing-item.active .pricing-header {
    background: var(--color-primary) none repeat scroll 0 0;
}

.pricing-area .pricing-item h4 {
    font-weight: 600;
    text-transform: capitalize;
    color: var(--white);
    margin-bottom: 10px;
}

.pricing-area .pricing-item h2 {
    color: #03173d;
    font-size: 60px;
    font-weight: 900;
    letter-spacing: -1px;
    color: var(--white);
    margin-bottom: 0;
}

.pricing-area .pricing-item h2 sub {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  margin-left: 2px;
  /*text-transform: uppercase;*/
}

    .pricing-area .pricing-item h2 sup {
        font-weight: 500;
    }

.pricing-item li {
    border-top: 1px solid #e7e7e7;
    line-height: 45px;
    padding: 0 30px;
    text-transform: capitalize;
}

    .pricing-item li:last-child,
    .pricing-item li:first-child,
    .pricing-item li:nth-child(2) {
        border: medium none;
    }

.pricing-item .footer {
    margin-top: 15px;
}

.pricing-simple li.pricing-header span.badge {
  background: var(--color-primary) none repeat scroll 0 0;
  border-radius: inherit;
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 700;
  padding: 12px 0;
  position: absolute;
  right: -60px;
  /*text-transform: uppercase;*/
  top: 25px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  width: 200px;
}


/* ============================================================== 
     # Search Couse 
=================================================================== */
.our-featues-area .search-course {
    margin-bottom: 50px;
    overflow: hidden;
}

    .our-featues-area .search-course .heading h2 {
        font-weight: 600;
        text-transform: capitalize;
        color: var(--color-primary);
    }

.search-course form {
    margin: 50px auto auto;
    position: relative;
    width: 80%;
}

.search-course form button {
  background: var(--color-primary) none repeat scroll 0 0;
  border: medium none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  box-shadow: inherit;
  font-family: var(--font-heading);
  font-weight: 600;
  min-height: 50px;
  padding: 0 25px;
  position: absolute;
  right: 5px;
  text-transform: uppercase;
  top: 5px;
}

        .search-course form button i {
            margin-left: 5px;
        }

    .search-course form input {
        background: transparent none repeat scroll 0 0;
        border: 1px solid rgba(255, 255, 255, 0.2);
        -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
        -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
        color: var(--white);
        min-height: 60px;
        padding: 15px 25px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }




/* ============================================================== 
     # Featured Courses 
=================================================================== */
.featured-courses-area .info h2 {
    font-weight: 600;
    line-height: 1.3;
    text-transform: capitalize;
    margin-top: -5px;
}

.featured-courses-area .info > h4 {
  color: var(--color-primary);
  font-weight: 600;
  /*text-transform: uppercase;*/
}

.featured-courses-area .info > a {
    margin-top: 25px;
}

.featured-courses-area .bottom-info .item h4 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
  /*text-transform: uppercase;*/
}

.featured-courses-area .bottom-info .item img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 50px;
    width: 50px;
}

.featured-courses-area .bottom-info .item {
    border-right: 1px solid #e7e7e7;
    display: inline-block;
    margin-right: 30px;
    padding-right: 30px;
    padding-top: 15px;
}

    .featured-courses-area .bottom-info .item:last-child {
        border: medium none;
        margin: 0;
        padding: 0;
    }

    .featured-courses-area .bottom-info .item .rating i {
        color: var(--color-primary);
    }

.featured-courses-area .bottom-info .item span {
  color: var(--color-heading);
  font-family: var(--font-heading);
  /*text-transform: uppercase;*/
}

.featured-courses-area .bottom-info {
    border-top: 1px solid #e7e7e7;
    margin-top: 25px;
}

.featured-courses-area h3 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 25px;
  /*text-transform: uppercase;*/
}

.featured-courses-area .info ul li {
    display: block;
    margin-bottom: 10px;
    text-transform: capitalize;
}

    .featured-courses-area .info ul li i {
        color: var(--color-primary);
        margin-right: 10px;
    }

    .featured-courses-area .info ul li:last-child {
        margin: 0;
    }

    .featured-courses-area .info ul li i,
    .featured-courses-area .info ul li span {
        display: table-cell;
    }

    .featured-courses-area .info ul li span {
        padding-left: 10px;
    }

.featured-courses-area .owl-stage-outer {
    padding-bottom: 15px;
}

.featured-courses-area {
    padding-bottom: 105px;
}

    .featured-courses-area .featured-courses-carousel .owl-nav {
        margin: 0;
    }

        .featured-courses-area .featured-courses-carousel .owl-nav .owl-prev,
        .featured-courses-area .featured-courses-carousel .owl-nav .owl-next {
            background: var(--white) none repeat scroll 0 0;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -moz-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
            -webkit-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
            -o-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
            box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
            color: var(--color-heading);
            font-size: 25px;
            height: 45px;
            left: 0;
            line-height: 45px;
            margin-top: -23px;
            padding: 0;
            position: absolute;
            text-align: center;
            top: 50%;
            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: 45px;
            opacity: 0;
        }

    .featured-courses-area .featured-courses-carousel:hover .owl-nav .owl-prev,
    .featured-courses-area .featured-courses-carousel:hover .owl-nav .owl-next {
        opacity: 1;
    }

    .featured-courses-area .featured-courses-carousel:hover .owl-nav .owl-prev {
        left: -70px;
    }

    .featured-courses-area .featured-courses-carousel:hover .owl-nav .owl-next {
        right: -70px;
    }

    .featured-courses-area .featured-courses-carousel .owl-nav .owl-prev:hover,
    .featured-courses-area .featured-courses-carousel .owl-nav .owl-next:hover {
        background: var(--white) none repeat scroll 0 0;
        color: var(--color-primary);
    }

    .featured-courses-area .featured-courses-carousel .owl-nav .owl-next {
        left: auto;
        right: 0;
    }

    .featured-courses-area .thumb {
        overflow: hidden;
        position: relative;
    }

        .featured-courses-area .thumb .overlay a {
            content: "";
            height: 100%;
            left: -100%;
            opacity: 0;
            position: absolute;
            text-align: center;
            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;
        }

            .featured-courses-area .thumb .overlay a i {
                background: var(--color-primary) none repeat scroll 0 0;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                color: #002147;
                height: 50px;
                line-height: 50px;
                margin-top: -20px;
                position: relative;
                text-align: center;
                top: 50%;
                width: 50px;
            }

            .featured-courses-area .thumb .overlay a::after {
                background: #002147 none repeat scroll 0 0;
                content: "";
                height: 100%;
                left: 0;
                opacity: 0.5;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: -1;
            }

    .featured-courses-area .item .thumb:hover .overlay a {
        opacity: 1;
        left: 0;
    }

    .featured-courses-area .thumb .live-view {
        position: absolute;
        right: 15px;
        top: 15px;
        z-index: 9;
    }

        .featured-courses-area .thumb .live-view a {
            color: rgba(255, 255, 255, 0.8);
            display: inline-block;
            font-size: 20px;
            margin-left: 9px;
        }

    .featured-courses-area .thumb::after {
        background: #002147 none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        -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;
        transition: all 0.35s ease-in-out;
        width: 100%;
        z-index: 1;
    }

    .featured-courses-area .item:hover .thumb::after {
        opacity: 0.5;
    }

.our-featues-area.inc-trending-courses .col-md-6:nth-child(1) .item,
.our-featues-area.inc-trending-courses .col-md-6:nth-child(2) .item {
    margin-top: 15px;
}



/* ============================================================== 
     # Home Sidebar 
=================================================================== */

.our-featues-area.inc-trending-courses .col-md-6 .item {
    margin-top: 30px;
}

.home-sidebar .trending-courses-items,
.home-sidebar .reg-form {
    background: var(--white) none repeat scroll 0 0;
    -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;
    padding: 30px;
}

.reg-form input {
    border: 1px solid #e7e7e7;
    border-radius: inherit;
    box-shadow: inherit;
}

.home-sidebar .sidebar-item > h4 {
  background: #002147 none repeat scroll 0 0;
  font-weight: 600;
  margin: 0 !important;
  padding: 19px 30px;
  /*text-transform: uppercase;*/
  color: var(--white);
}

.home-sidebar .sidebar-item.latest-posts .item,
.home-sidebar .sidebar-item.trending-courses-box .item {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

    .home-sidebar .sidebar-item.trending-courses-box .item:last-child {
        border: medium none;
        margin: 0;
        padding: 0;
    }

.home-sidebar .sidebar-item .item i {
    color: var(--color-primary);
}

.home-sidebar .sidebar-item .item .rating {
    color: var(--color-heading);
}

.home-sidebar .sidebar-item .meta {
  color: var(--color-heading);
  font-family: var(--font-heading);
  margin-top: 10px;
  /*text-transform: uppercase;*/
}

    .home-sidebar .sidebar-item .meta a {
        color: var(--color-heading);
    }

        .home-sidebar .sidebar-item .meta a:hover {
            color: var(--color-primary);
        }

.home-sidebar .sidebar-item h4 {
    line-height: 1.4;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 600;
}

.home-sidebar .sidebar-item a:hover {
    color: var(--color-primary);
}

.home-sidebar .sidebar-item .meta span {
    float: right;
}

.home-sidebar .sidebar-item .meta i {
    color: var(--color-heading);
    font-weight: 500;
    margin-right: 3px;
}

.more {
  font-weight: 600;
  letter-spacing: 1px;
  /*text-transform: uppercase;*/
}

    .more:hover {
        color: var(--color-primary);
    }

.home-sidebar .sidebar-item {
    margin-bottom: 30px;
}

    .home-sidebar .sidebar-item:last-child {
        margin: 0;
    }

    .home-sidebar .sidebar-item.trending-courses-box .thumb,
    .home-sidebar .sidebar-item.trending-courses-box .info {
        display: table-cell;
        vertical-align: top;
    }

    .home-sidebar .sidebar-item.trending-courses-box .thumb {
        height: 80px;
        padding-right: 0;
        width: 80px;
    }

    .home-sidebar .sidebar-item.trending-courses-box .info {
        padding-left: 15px;
    }


/* ============================================================== 
     # Video Button Play
=================================================================== */
.video-area {
    position: relative;
}

.video-play-button {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-sizing: content-box;
    color: var(--white);
    display: inline-block;
    font-size: 40px;
    margin-top: 50px;
    position: relative;
    width: 32px;
    z-index: 10;
}

    .video-play-button:before {
        content: "";
        position: absolute;
        z-index: 0;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 80px;
        height: 80px;
        background: var(--color-primary) repeat scroll 0 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-animation: pulse-border 1500ms ease-out infinite;
        animation: pulse-border 1500ms ease-out infinite;
    }

    .video-play-button:after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 80px;
        height: 80px;
        background: var(--color-primary) repeat scroll 0 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        transition: all 200ms;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
    }

    .video-play-button:hover,
    .video-play-button:focus {
        color: var(--white);
    }

        .video-play-button:hover:after {
            background-color: var(--color-primary);
        }

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.video-play-button i {
    display: block;
    position: relative;
    z-index: 3;
    margin-left: 3px;
}

.video-area .overlay-video {
    padding-bottom: 35px;
}

.video-area h2 {
  font-weight: 600;
  padding-bottom: 20px;
  position: relative;
  /*text-transform: uppercase;*/
  z-index: 1;
}

    .video-area h2::after {
        background: var(--color-primary) none repeat scroll 0 0;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        width: 30px;
    }

    .video-area h2::before {
        background: var(--color-primary) none repeat scroll 0 0;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        width: 30px;
        margin-left: -40px;
    }

.video-area .video-info .overlay-video {
    display: inline-block;
    left: inherit;
    margin: 0;
    position: relative;
    top: inherit;
}


/* ============================================================== 
     # Popular Courses 
=================================================================== */
.popular-courses-items .item {
    -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;
}

.circle .popular-courses-items .item {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .circle .popular-courses-items .item img {
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

.popular-courses-items .thumb {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    .popular-courses-items .thumb .overlay {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        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;
        opacity: 0;
    }

.popular-courses-items .item:hover .overlay {
    opacity: 1;
}

.popular-courses-items .info {
    background: var(--white) none repeat scroll 0 0;
    overflow: hidden;
    padding: 30px;
}

.popular-courses-items .thumb .price {
  background: #f4f4f4 none repeat scroll 0 0;
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 8px;
  text-align: center;
  /*text-transform: uppercase;*/
}

.popular-courses-items .author-info .thumb,
.popular-courses-items .author-info .others {
    display: table-cell;
    vertical-align: middle;
}

.popular-courses-items .author-info .others {
    padding-left: 15px;
}

    .popular-courses-items .author-info .others .rating {
        display: block;
    }

.popular-courses-items .author-info .thumb img {
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 70px;
    padding: 5px;
    width: 70px;
}

.popular-courses-items .author-info {
    margin-bottom: 25px;
}

.popular-courses .author-info .rating span {
    color: var(--color-heading);
}

.popular-courses-items .author-info .others .rating i {
    color: var(--color-primary);
}

.popular-courses-items .author-info .others a {
  display: inline-block;
  font-weight: 500;
  /*text-transform: uppercase;*/
}

.popular-courses-items .info h4 {
    font-weight: 600;
    text-transform: capitalize;
}

.popular-courses-items .info .cats a {
  color: var(--color-heading);
  display: inline-block;
  padding-right: 7px;
  position: relative;
  /*text-transform: uppercase;*/
  z-index: 1;
}

.popular-courses-items .info .cats {
    margin-bottom: 15px;
}

    .popular-courses-items .info .cats a::after {
        bottom: 0;
        content: ",";
        font-size: 20px;
        position: absolute;
        right: 0;
        font-family: "Times New Roman";
    }

    .popular-courses-items .info .cats a:last-child::after {
        display: none;
    }

    .popular-courses-items .info .cats i {
        margin-right: 3px;
        color: var(--color-heading);
    }

.popular-courses-items .info h4 a:hover {
    color: var(--color-primary);
}

.popular-courses-items .info p {
    margin: 0;
}

.popular-courses .bottom-info li {
    background: #f4f4f4 none repeat scroll 0 0;
    display: inline-block;
    padding: 5px 10px;
    position: relative;
    z-index: 1;
}

.popular-courses .bottom-info {
    float: left;
    margin-top: 15px;
    padding-top: 20px;
    position: relative;
    width: 100%;
    z-index: 1;
}

    .popular-courses .bottom-info::after {
        background: #ececec none repeat scroll 0 0;
        content: "";
        height: 1px;
        left: -20%;
        position: absolute;
        top: 0;
        width: 150%;
    }

    .popular-courses .bottom-info li i {
        font-weight: 500;
    }

    .popular-courses .bottom-info ul {
        float: left;
    }

.popular-courses .bottom-info a {
  background: var(--color-primary) none repeat scroll 0 0;
  display: inline-block;
  float: right;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 5px 20px;
  /*text-transform: uppercase;*/
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.popular-courses .bottom-info .price-btn {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display: inline-block;
  float: right;
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 5px 0;
  /*text-transform: uppercase;*/
}

    .popular-courses .bottom-info a:hover {
        background: #ffd134 none repeat scroll 0 0;
        color: var(--white) !important;
    }

.carousel-shadow .owl-stage-outer {
    margin: -15px -15px 0;
    padding: 15px;
}

.default-padding.carousel-shadow {
    padding-bottom: 105px;
}

.popular-courses .popular-courses-items .owl-nav {
    margin: 0;
}

    .popular-courses .popular-courses-items .owl-nav .owl-prev,
    .popular-courses .popular-courses-items .owl-nav .owl-next {
        background: var(--white) none repeat scroll 0 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -moz-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
        -webkit-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
        -o-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
        box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
        color: var(--color-heading);
        font-size: 25px;
        height: 45px;
        left: 0;
        line-height: 45px;
        margin-top: -23px;
        padding: 0;
        position: absolute;
        text-align: center;
        top: 50%;
        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: 45px;
        opacity: 0;
    }

.popular-courses .popular-courses-items:hover .owl-nav .owl-prev,
.popular-courses .popular-courses-items:hover .owl-nav .owl-next {
    opacity: 1;
}

.popular-courses .popular-courses-items:hover .owl-nav .owl-prev {
    left: -70px;
}

.popular-courses .popular-courses-items:hover .owl-nav .owl-next {
    right: -70px;
}

.popular-courses .popular-courses-items .owl-nav .owl-prev:hover,
.popular-courses .popular-courses-items .owl-nav .owl-next:hover {
    background: var(--white) none repeat scroll 0 0;
    color: var(--color-primary);
}

.popular-courses .popular-courses-items .owl-nav .owl-next {
    left: auto;
    right: 0;
}

.popular-courses-items .thumb .best-seller-badge {
  background: var(--color-primary) none repeat scroll 0 0;
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 10px;
  position: absolute;
  right: 5px;
  /*text-transform: uppercase;*/
  top: 25px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  z-index: 1;
}

    .popular-courses-items .thumb .best-seller-badge::before {
        border-bottom: 23px solid var(--color-primary);
        border-right: 23px solid transparent;
        border-top: 23px solid var(--color-primary);
        bottom: 0;
        content: "";
        position: absolute;
        right: -20px;
    }

.popular-courses.without-carousel .equal-height {
    margin-bottom: 30px;
}

.popular-courses .button {
    margin-top: 20px;
}


/* ============================================================== 
     # Course Details
=================================================================== */
.course-details-area .course-details-info .course-meta .item {
    border-left: 1px dashed #999999;
    float: left;
    font-family: var(--font-heading);
    margin-left: 20px;
    padding-left: 20px;
}

    .course-details-area .course-details-info .course-meta .item:first-child {
        border: medium none;
        margin: 0;
        padding: 0;
    }

    .course-details-area .course-details-info .course-meta .item.align-right {
        float: right;
        margin-top: 2px;
    }

.course-details-area .course-details-info .course-meta .item.align-right a {
  color: var(--white);
  /*text-transform: uppercase;*/
}

    .course-details-area .course-details-info .course-meta .item.author .thumb,
    .course-details-area .course-details-info .course-meta .item.author .desc {
        display: table-cell;
        vertical-align: top;
    }

        .course-details-area .course-details-info .course-meta .item.author .thumb img {
            border: 1px solid #e7e7e7;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            height: 55px;
            margin-right: 10px;
            margin-top: -3px;
            padding: 2px;
            width: 55px;
        }

.course-details-area .course-details-info .course-meta .item h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  /*text-transform: uppercase;*/
}

.course-details-area .course-details-info .top-info .course-meta {
    border-bottom: 1px solid #e7e7e7;
    display: inline-block;
    margin-bottom: 25px;
    margin-top: 30px;
    padding-bottom: 30px;
    width: 100%;
}

.course-details-area .course-details-info .course-meta .item a {
    color: var(--color-heading);
    text-transform: capitalize;
}

.course-details-area .course-details-info .course-meta .item span {
    color: var(--color-heading);
}

.course-details-area .course-details-info .course-meta .item i {
    color: var(--color-primary);
}

.course-details-area .course-details-info .title h2 {
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 25px;
}

.course-details-area .tab-info .nav-pills li button {
  background: #f4f4f4 none repeat scroll 0 0;
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  font-weight: 600;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 10px 25px;
  text-transform: uppercase;
  color: var(--color-heading);
}

    .course-details-area .tab-info .nav-pills li button.active {
        background: var(--color-primary) none repeat scroll 0 0;
        border: 1px solid transparent;
        color: #002147;
    }

.course-details-area .tab-info .nav-pills {
    margin-bottom: 25px;
    border: none;
}

.course-details-area .tab-content .info h4 {
  font-weight: 500;
  /*text-transform: uppercase;*/
}

    .course-details-area .tab-content .info h4 button {
        display: block;
        width: 100%;
        text-align: left;
        background: transparent;
        border: none;
        padding: 20px;
        font-size: 18px;
        font-weight: 600;
        position: relative;
        z-index: 1;
    }

        .course-details-area .tab-content .info h4 button::after {
            background: transparent;
            content: "\f107";
            font-family: "Font Awesome 5 Pro";
            font-weight: 100;
            font-size: 25px;
            position: absolute;
            top: 22px;
            right: 25px;
        }

.course-details-area .course-details-info .course-list-items .panel-heading a {
    background: var(--white) none repeat scroll 0 0;
    padding: 20px;
}

.course-details-area .course-details-info .course-list-items .panel-body {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e7e7e7;
    border-image: none;
    border-style: solid none none;
    border-width: 1px medium medium;
    padding: 20px !important;
}

.course-details-area .course-details-info .course-list-items .panel.panel-default {
    border: 1px solid #e7e7e7;
    border-radius: inherit;
    margin-top: 10px;
}

.course-details-area .course-details-info .course-list-items {
    margin-bottom: 15px;
}

    .course-details-area .course-details-info .course-list-items:last-child {
        margin-bottom: 0;
    }

.course-details-area .tab-content .advisor-list-items .info ul li {
    margin-bottom: 0;
}

.course-details-area .tab-content ul li {
    font-family: var(--font-heading);
    margin-bottom: 15px;
    overflow: hidden;
    text-transform: capitalize;
}

.course-details-area .tab-content .info > ul li:last-child {
    margin-bottom: 0;
}

.course-details-area .tab-content ul li i {
    margin-right: 5px;
    min-width: 15px;
    color: var(--color-primary);
}

.course-list-items .panel-group {
    margin-bottom: 0;
}

.course-list-items li .item {
    display: inline-block;
    padding-right: 20px;
}

    .course-list-items li .item:last-child {
        float: right;
        padding-right: 0;
    }

        .course-list-items li .item:last-child span {
            margin-right: 5px;
        }

.course-list-items li {
    background: #f7f7f7 none repeat scroll 0 0;
    padding: 10px 15px;
    margin-bottom: 15px;
}

    .course-list-items li:last-child {
        margin: 0 !important;
    }

    .course-list-items li .item.info a {
        background: #002147 none repeat scroll 0 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: var(--white);
        display: inline-block;
        font-size: 12px;
        font-weight: 600;
        padding: 0 15px;
        text-transform: capitalize;
    }

        .course-list-items li .item.info a i {
            margin-right: 2px;
        }

    .course-list-items li .item h5 {
        color: #002147;
        margin: 0;
        text-transform: capitalize;
    }

.course-details-area .advisor-list-items .item .thumb,
.course-details-area .advisor-list-items .item .info {
    display: table-cell;
    vertical-align: top;
}

.course-details-area .advisor-list-items .item .info {
    padding-left: 20px;
}

.course-details-area .advisor-list-items .item .thumb img {
    height: 150px;
    width: 150px;
}

.course-details-area .advisor-list-items .item .thumb {
    height: 150px;
    width: 150px;
}

.course-details-area .advisor-list-items .item {
    border: 1px solid #e7e7e7;
    margin-bottom: 30px;
    padding: 30px;
}

    .course-details-area .advisor-list-items .item .info h4 {
        margin-bottom: 5px;
    }

.course-details-area .advisor-list-items .item span {
  color: var(--color-primary);
  display: block;
  font-family: var(--font-heading);
  font-weight: 500;
  margin-bottom: 10px;
  /*text-transform: uppercase;*/
}

    .course-details-area .advisor-list-items .item .info li {
        display: inline-block;
        margin-right: 3px;
    }

        .course-details-area .advisor-list-items .item .info li a {
            border: 1px solid #e7e7e7;
            color: #002147;
            display: inline-block;
            font-size: 12px;
            height: 35px;
            line-height: 37px;
            text-align: center;
            width: 35px;
        }

            .course-details-area .advisor-list-items .item .info li a i {
                color: #002147;
            }

            .course-details-area .advisor-list-items .item .info li a i {
                margin: 0;
            }

    .course-details-area .advisor-list-items .item .info ul {
        border-top: 1px solid #e7e7e7;
        padding-top: 18px;
    }

    .course-details-area .advisor-list-items .item:last-child {
        margin-bottom: 0;
    }

.course-details-area .course-rating-list ul li {
    color: #002147;
    display: block;
    font-family: var(--font-heading);
    font-weight: 600;
    min-height: 40px;
    position: relative;
    overflow: hidden;
}

.course-details-area .tab-content .course-rating-list ul li {
    overflow: inherit;
}

.course-details-area .course-rating-list ul li:last-child {
    margin-bottom: 0;
    min-height: inherit;
}

.course-details-area .course-rating-list ul li span:last-child {
    float: right;
}

.course-details-area .course-rating-list ul li .rating-bar {
    background: var(--color-primary) none repeat scroll 0 0;
    height: 3px;
}

.course-details-area .course-rating-list ul li span {
    left: 0;
    position: absolute;
    top: -30px;
}

.course-details-area .course-rating-list ul {
    margin-top: 40px;
}

    .course-details-area .course-rating-list ul li span:last-child {
        color: var(--color-heading);
        left: auto;
        right: 0;
    }


/* Sidebar */
.course-details-area .sidebar .sidebar-item {
    margin-bottom: 40px;
}

.course-details-area .sidebar {
    padding-left: 35px;
}

.course-details-area .sidebar .sidebar-item .title h4 {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 15px;
  position: relative;
  /*text-transform: uppercase;*/
  z-index: 1;
}

        .course-details-area .sidebar .sidebar-item .title h4::before {
            background: var(--color-primary) none repeat scroll 0 0;
            bottom: 0;
            content: "";
            height: 2px;
            left: 0;
            position: absolute;
            width: 30px;
        }

        .course-details-area .sidebar .sidebar-item .title h4::after {
            background: var(--color-primary) none repeat scroll 0 0;
            bottom: 0;
            content: "";
            height: 2px;
            left: 35px;
            position: absolute;
            width: 10px;
        }

    .course-details-area .sidebar .sidebar-item input {
        border: 1px solid #e7e7e7;
        border-radius: inherit;
        box-shadow: inherit;
    }

    .course-details-area .sidebar .sidebar-item:last-child {
        margin-bottom: 0;
    }

    .course-details-area .sidebar .sidebar-item form {
        position: relative;
    }

        .course-details-area .sidebar .sidebar-item form input[type="submit"] {
            background: #002147 none repeat scroll 0 0;
            border: medium none;
            color: var(--white);
            font-family: var(--font-heading);
            font-weight: 600;
            padding: 0 20px;
            position: absolute;
            right: 0;
            text-transform: capitalize;
            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;
        }

            .course-details-area .sidebar .sidebar-item form input[type="submit"]:hover {
                background: var(--color-primary) none repeat scroll 0 0;
                border: none;
            }

    .course-details-area .sidebar .sidebar-item.category li a {
        color: var(--color-heading);
        display: block;
        position: relative;
        text-transform: capitalize;
        z-index: 1;
    }

    .course-details-area .sidebar .sidebar-item.category li {
        border-bottom: 1px dashed #999999;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

        .course-details-area .sidebar .sidebar-item.category li:last-child {
            margin: 0;
            padding: 0;
            border: none;
        }

        .course-details-area .sidebar .sidebar-item.category li a span {
            background: #f4f4f4 none repeat scroll 0 0;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            color: #002147;
            float: right;
            padding: 0 5px;
            position: relative;
            right: 0;
            text-align: center;
        }

    .course-details-area .sidebar .sidebar-item.recent-post h4 a {
        color: #002147;
        text-transform: capitalize;
        font-weight: 600;
    }

    .course-details-area .sidebar .sidebar-item.recent-post .thumb,
    .course-details-area .sidebar .sidebar-item.recent-post .info {
        display: table-cell;
        vertical-align: top;
    }

    .course-details-area .sidebar .sidebar-item.recent-post .item {
        border-bottom: 1px solid #e7e7e7;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

        .course-details-area .sidebar .sidebar-item.recent-post .item:last-child {
            border: medium none;
            margin: 0;
            padding: 0;
        }

    .course-details-area .sidebar .sidebar-item.recent-post .thumb {
        height: 80px;
        padding-right: 0;
        width: 80px;
    }

    .course-details-area .sidebar .sidebar-item.recent-post .info {
        padding-left: 15px;
    }

    .course-details-area .sidebar .sidebar-item.recent-post .rating {
        color: var(--color-heading);
    }

.course-details-area .sidebar .sidebar-item.recent-post .meta {
  color: var(--color-heading);
  font-family: var(--font-heading);
  margin-top: 10px;
  /*text-transform: uppercase;*/
}

        .course-details-area .sidebar .sidebar-item.recent-post .meta i {
            color: var(--color-heading);
            font-weight: 500;
            margin-right: 3px;
        }

    .course-details-area .sidebar .sidebar-item.recent-post a {
        color: var(--color-heading);
    }

    .course-details-area .sidebar .sidebar-item.recent-post .item .rating i {
        color: var(--color-primary);
    }


/* ============================================================== 
     # Top Category 
=================================================================== */


#top-facilities .container {
    position: relative;
    z-index: 1;
    padding: 0 5rem;
}

    #top-facilities .container::before {
        content: "";
        position: absolute;
        height: 400px;
        left: 0;
        top: 0;
        width: 100%;
        background: var(--dark-secondary);
        border-radius: 30px;
        z-index: -1;
    }

.top-cat-area .top-cat-items.text-center {
    padding-right: 35px;
}

    .top-cat-area .top-cat-items.text-center .equal-height {
        margin-bottom: 0;
        margin-top: 30px;
    }

.top-cat-area .top-cat-items.text-center {
    margin-top: -30px;
}

.top-cat-items .equal-height {
    margin-bottom: 30px;
}

.top-cat-items .item {
    background-size: cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .top-cat-items .item a {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -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;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 80px 25px;
        position: relative;
        z-index: 1;
        background: var(--white);
        min-height: 350px;
        gap: 30px;
    }

        .top-cat-items .item a:hover:after {
            background: var(--color-primary) none repeat scroll 0 0;
            /* opacity: 0.6; */
        }

        .top-cat-items .item a:hover {
            background: transparent none repeat scroll 0 0;
        }

            .top-cat-items .item a:hover h4,
            .top-cat-items .item a:hover i,
            .top-cat-items .item a:hover span {
                color: var(--white);
            }

        .top-cat-items .item a::after {
            background: var(--white) none repeat scroll 0 0;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            content: "";
            height: 100%;
            left: 0;
            opacity: 1;
            position: absolute;
            top: 0;
            width: 100%;
            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;
        }

    .top-cat-items .item i,
    .top-cat-items .item .info {
        display: table-cell;
        vertical-align: top;
    }

.top-cat-items.text-center .item i,
.top-cat-items.text-center .item .info {
    display: block;
}

.top-cat-items.text-center a {
    padding: 30px;
}

.top-cat-items.text-center .item i {
    margin: auto auto 15px;
    color: #002147;
}

.top-cat-items.text-light .item i {
    margin: auto auto 15px;
    color: var(--white);
}

.top-cat-items.text-center .item .info {
    padding-left: 0;
}

    .top-cat-items.text-center .item .info h4 {
        margin-bottom: 2px;
    }

.top-cat-items .item .info {
    padding-left: 15px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.top-cat-items .item i {
    font-size: 50px;
    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;
    color: var(--color-primary);
}

.top-cat-items .item h4 {
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    text-transform: capitalize;
    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;
}

.top-cat-items .item span {
    text-align: center;
    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;
    text-transform: capitalize;
    font-family: var(--font-heading);
    color: var(--color-heading);
}

.top-cat-items.text-light .item span {
    color: var(--white);
}


/* Category BG Color */

.top-cat-area .top-cat-items.inc-bg-color .item.mariner a::after {
    background: #307ad5 none repeat scroll 0 0;
}

.top-cat-area .top-cat-items.inc-bg-color .item.java a::after {
    background: #1ec1d9 none repeat scroll 0 0;
}

.top-cat-area .top-cat-items.inc-bg-color .item.malachite a::after {
    background: #10c45c none repeat scroll 0 0;
}

.top-cat-area .top-cat-items.inc-bg-color .item.brilliantrose a::after {
    background: #e948ae none repeat scroll 0 0;
}

.top-cat-area .top-cat-items.inc-bg-color .item.casablanca a::after {
    background: #f9bd44 none repeat scroll 0 0;
}

.top-cat-area .top-cat-items.inc-bg-color .item.emerald a::after {
    background: #47c58e none repeat scroll 0 0;
}

.top-cat-area .top-cat-items.inc-bg-color .item.cinnabar a::after {
    background: #e84b3a none repeat scroll 0 0;
}

.top-cat-area .top-cat-items.inc-bg-color .item.plum a::after {
    background: #92278f none repeat scroll 0 0;
}


/* ============================================================== 
     # Fun Factor 
=================================================================== */
.fun-factor-area.default-padding.bottom-less {
    padding-bottom: 80px;
}

.fun-factor-area {
    padding-bottom: 30px;
}

    .fun-factor-area .item {
        margin-bottom: 40px;
    }

.fun-fact {
    border: 1px solid rgba(255, 255, 255, 0.2);
    -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    overflow: hidden;
    padding: 30px 20px;
}

    .fun-fact .info {
        padding-left: 20px;
    }

        .fun-fact .info span {
            display: block;
            font-family: var(--font-heading);
        }

    .fun-fact .icon i {
        color: var(--color-primary);
        display: inline-block;
        font-size: 50px;
        margin-bottom: 20px;
        position: relative;
        z-index: 1;
    }

    .fun-fact .info .timer {
        color: var(--white);
        font-size: 40px;
        font-weight: 700;
        margin-bottom: 5px;
        line-height: 1.2;
    }

    .fun-fact .info .medium {
        color: var(--white);
        font-size: 15px;
        text-transform: capitalize;
    }


/* ============================================================== 
     # Advisor
=================================================================== */

.advisor-area.info-default {
    padding-bottom: 35px;
}

.advisor-area {
    position: relative;
}

/* .advisor-area::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100vw;
  background-color: var(--color-primary);
  z-index: -1;

} */

.advisor-item {
    position: relative;
}

.advisor-area .advisor-items .single-item {
    margin-bottom: 30px;
}

.advisor-item .info-box {
    display: block;
    overflow: hidden;
    position: relative;
}

.advisor-items .advisor-item .info-box {
    display: block;
    overflow: hidden;
    position: relative;
    -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;
    background: var(--white);
}

.advisor-item .info-box .info-title span {
  color: var(--color-primary);
  font-family: var(--font-heading);
  font-weight: 500;
  /*text-transform: uppercase;*/
  font-size: 14px;
}

.advisor-item .info-box img {
    width: 100%;
}

.circle .advisor-item .info-box img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.advisor-item .info-title {
    bottom: 15px;
    left: 15px;
    right: 15px;
    transform: translate3d(0px, 0%, 0px);
    -webkit-transform: translate3d(0px, 0%, 0px);
    -moz-transform: translate3d(0px, 0%, 0px);
    -ms-transform: translate3d(0px, 0%, 0px);
    -o-transform: translate3d(0px, 0%, 0px);
    -webkit-transition: all 800ms ease 0.35s;
    -moz-transition: all 800ms ease 0.35s;
    -ms-transition: all 800ms ease 0.35s;
    -o-transition: all 800ms ease 0.35s;
    transition: all 800ms ease 0.35s;
    padding: 5px;
    background: var(--white) none repeat scroll 0 0;
    text-align: center;
    position: absolute;
}

.advisor-items .advisor-item .info-title {
    background: var(--white) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    padding: 25px;
    position: relative;
    right: 0;
    text-align: center;
    transform: inherit;
    width: 100%;
}

.advisor-item:hover .info-title {
    transform: translate3d(0px, 120px, 0px);
    -webkit-transform: translate3d(0px, 120px, 0px);
    -moz-transform: translate3d(0px, 120px, 0px);
    -ms-transform: translate3d(0px, 120px, 0px);
    -o-transform: translate3d(0px, 120px, 0px);
    transition-delay: 0.2s;
}

.advisor-items .advisor-item:hover .info-title,
.advisor-items .advisor-item {
    transform: inherit;
}

.advisor-item .info-title h4 {
    color: #002147;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 16px;
    margin: 0;
}

.advisor-item .overlay {
    background: rgba(0, 33, 71, 0.7) none repeat scroll 0 0;
    left: 15px;
    right: 15px;
    opacity: 1;
    padding: 0 20px;
    position: absolute;
    top: 15px;
    bottom: 15px;
    transform: translate3d(0px, -110%, 0px);
    -webkit-transform: translate3d(0px, -110%, 0px);
    -moz-transform: translate3d(0px, -110%, 0px);
    -ms-transform: translate3d(0px, -110%, 0px);
    -o-transform: translate3d(0px, -110%, 0px);
    -webkit-transition: all 700ms ease 0.35s;
    -moz-transition: all 700ms ease 0.35s;
    -ms-transition: all 700ms ease 0.35s;
    -o-transition: all 700ms ease 0.35s;
    transition: all 700ms ease 0.35s;
    border: 1px solid rgba(255, 255, 255, 0.1);
    -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.advisor-item .overlay-content h4 {
    font-weight: 500;
    text-transform: capitalize;
}

.advisor-item .overlay-content > a {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  /*text-transform: uppercase;*/
  color: var(--color-primary);
}

.advisor-item:hover .overlay {
    transform: translate3d(0px, 0, 0px);
    -webkit-transform: translate3d(0px, 0, 0px);
    -moz-transform: translate3d(0px, 0, 0px);
    -ms-transform: translate3d(0px, 0, 0px);
    -o-transform: translate3d(0px, 0, 0px);
    transition-delay: 0.1s;
}

.advisor-item .overlay .box {
    display: table;
    height: 100%;
    width: 100%;
}

    .advisor-item .overlay .box .content {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

.advisor-item .overlay .overlay-content .icon-holder {
    margin-bottom: 30px;
}

    .advisor-item .overlay .overlay-content .icon-holder span::before {
        color: var(--white);
        font-size: 40px;
        line-height: 40px;
    }

.advisor-item .overlay .overlay-content h4 .title {
    color: var(--white);
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}

.advisor-item .overlay .overlay-content .text {
    margin-bottom: 13px;
    margin-top: 17px;
}

.advisor-item .social li {
    display: inline-block;
}

.advisor-item .social {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 15px;
    padding-top: 15px;
}

.advisor-items .advisor-item .social {
    position: relative;
    z-index: 1;
}

    .advisor-items .advisor-item .social::after {
        background: var(--color-primary) none repeat scroll 0 0;
        content: "";
        height: 2px;
        left: 50%;
        margin-left: -15px;
        position: absolute;
        top: -2px;
        width: 30px;
    }

.advisor-item .social li a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 5px 3px 0;
    text-align: center;
    width: 40px;
    color: #002147;
    background-color: var(--white);
}

.advisor-item .social li.facebook a {
    background-color: #3b5998;
    color: var(--white);
}

.advisor-item .social li.twitter a {
    background-color: #1da1f2;
    color: var(--white);
}

.advisor-item .social li.pinterest a {
    background-color: #bd081c;
    color: var(--white);
}

.advisor-item .social li.google-plus a {
    background-color: #db4437;
    color: var(--white);
}

.advisor-item .social li.linkedin a {
    background-color: #0077b5;
    color: var(--white);
}

.advisor-items .advisor-item .social li a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 5px 3px 0;
}

.advisor-area .advisor-carousel .owl-nav,
.advisor-area .advisor-carousel-solid .owl-nav {
    margin: 0;
}

    .advisor-area .advisor-carousel .owl-nav .owl-prev,
    .advisor-area .advisor-carousel .owl-nav .owl-next,
    .advisor-area .advisor-carousel-solid .owl-nav .owl-prev,
    .advisor-area .advisor-carousel-solid .owl-nav .owl-next {
        background: var(--white) none repeat scroll 0 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -moz-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
        -webkit-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
        -o-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
        box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
        color: var(--color-heading);
        font-size: 25px;
        height: 45px;
        left: 0;
        line-height: 45px;
        margin-top: -23px;
        padding: 0;
        position: absolute;
        text-align: center;
        top: 50%;
        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: 45px;
        opacity: 0;
    }

.advisor-area .advisor-carousel:hover .owl-nav .owl-prev,
.advisor-area .advisor-carousel:hover .owl-nav .owl-next,
.advisor-area .advisor-carousel-solid:hover .owl-nav .owl-prev,
.advisor-area .advisor-carousel-solid:hover .owl-nav .owl-next {
    opacity: 1;
}

.advisor-area .advisor-carousel:hover .owl-nav .owl-prev,
.advisor-area .advisor-carousel-solid:hover .owl-nav .owl-prev {
    left: -70px;
}

.advisor-area .advisor-carousel:hover .owl-nav .owl-next,
.advisor-area .advisor-carousel-solid:hover .owl-nav .owl-next {
    right: -70px;
}

.advisor-area .advisor-carousel .owl-nav .owl-prev:hover,
.advisor-area .advisor-carousel .owl-nav .owl-next:hover,
.advisor-area .advisor-carousel-solid .owl-nav .owl-prev:hover,
.advisor-area .advisor-carousel-solid .owl-nav .owl-next:hover {
    background: var(--white) none repeat scroll 0 0;
    color: var(--color-primary);
}

.advisor-area .advisor-carousel .owl-nav .owl-next,
.advisor-area .advisor-carousel-solid .owl-nav .owl-next {
    left: auto;
    right: 0;
}


/* ============================================================== 
     # Advisor Details 
=================================================================== */
.adviros-details-area .info.main-content {
    padding-left: 35px;
}

.adviros-details-area .thumb .desc {
    -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;
    padding: 30px;
}

    .adviros-details-area .thumb .desc h4 {
        font-weight: 600;
        margin-bottom: 5px;
        text-transform: capitalize;
    }

.adviros-details-area .thumb .desc span {
  color: var(--color-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  /*text-transform: uppercase;*/
}

    .adviros-details-area .thumb .desc ul {
        border-top: 1px solid #e7e7e7;
        margin-top: 15px;
        padding-top: 23px;
    }

.adviros-details-area .thumb img {
    width: 100%;
}

.adviros-details-area .thumb .desc li {
    display: inline-block;
}

.adviros-details-area .thumb .desc a {
    border: 1px solid #e7e7e7;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-right: 3px;
    text-align: center;
    width: 40px;
}

.adviros-details-area .info .nav-pills li button {
  background: #f4f4f4 none repeat scroll 0 0;
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  font-weight: 600;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 10px 35px;
  text-transform: uppercase;
  color: var(--color-heading);
}

    .adviros-details-area .info .nav-pills li button.active {
        background: var(--color-primary) none repeat scroll 0 0;
        border: 1px solid transparent;
        color: #002147;
    }

.adviros-details-area .info .nav-pills {
    margin-bottom: 20px;
    border: none;
}

.adviros-details-area .tab-content li {
  border-bottom: 1px solid #e7e7e7;
  font-family: var(--font-heading);
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-transform: uppercase;
}

    .adviros-details-area .tab-content li span {
        float: right;
        text-transform: inherit;
    }

    .adviros-details-area .tab-content li:last-child {
        border: medium none;
        margin: 0;
        padding: 0;
    }

.adviros-details-area .tab-content .info a {
    margin-top: 30px;
}

.adviros-details-area .info table a img {
    height: 50px;
    margin-right: 10px;
    width: 50px;
}

.adviros-details-area .info table a {
    text-transform: capitalize;
}

.adviros-details-area .info table th {
  text-transform: uppercase;
  font-weight: 500;
}

.adviros-details-area .info table a:hover {
    color: var(--color-primary);
}

.adviros-details-area .tab-content ul {
    margin-top: 25px;
}

.adviros-details-area .tab-content .course-tab-items .nav-pills a {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    margin: 0;
    padding: 0;
}

.adviros-details-area .tab-content .course-tab-items .nav-pills li.active a {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: var(--color-primary);
    margin: 0;
    padding: 0;
}

.adviros-details-area .tab-content .course-tab-items .nav-pills li {
    border: medium none;
    margin: 0 15px 0 0;
    padding: 0;
}

.adviros-details-area .tab-content .course-tab-items .nav-pills {
    border-bottom: 1px solid #e7e7e7;
    margin-top: 0;
    padding-bottom: 10px;
}

.adviros-details-area .tab-content table {
    font-family: var(--font-heading);
    margin: 0;
    text-transform: capitalize;
}

    .adviros-details-area .tab-content table td {
        vertical-align: middle;
    }

    .adviros-details-area .tab-content table tr td {
        padding: 15px;
    }

        .adviros-details-area .tab-content table tr td:last-child a {
            background: #002147 none repeat scroll 0 0;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            color: var(--white);
            font-size: 12px;
            font-weight: 500;
            padding: 5px 20px;
            text-transform: capitalize;
        }

            .adviros-details-area .tab-content table tr td:last-child a:hover {
                color: var(--white);
            }

.adviros-details-area .tab-content .info h4 {
  font-weight: 600;
  /*text-transform: uppercase;*/
}

.adviros-details-area .tab-content .info form input {
    border: 1px solid #e7e7e7;
    border-radius: inherit;
    box-shadow: inherit;
}

.adviros-details-area .tab-content .info form textarea {
    border: 1px solid #e7e7e7;
    border-radius: inherit;
    box-shadow: inherit;
    min-height: 180px;
}

.adviros-details-area .tab-content .info form button {
  background: #002147 none repeat scroll 0 0;
  border: medium none;
  display: inline-block;
  font-family: var(--font-heading);
  font-weight: 600;
  letter-spacing: 1px;
  padding: 10px 30px;
  text-transform: uppercase;
  color: var(--white);
}

    .adviros-details-area .tab-content .info form button i {
        margin-left: 3px;
    }

.adviros-details-area .tab-content .info .update-pass {
    margin-top: 30px;
}

.adviros-details-area .table-responsive {
    margin-bottom: 0;
}

/* ============================================================== 
     # Edit Profile 
=================================================================== */

.edit-profile .update-info img {
    border: 2px solid #e7e7e7;
    border-radius: 50%;
    height: 120px;
    margin-bottom: 20px;
    padding: 2px;
    width: 120px;
}

.edit-profile .update-info h4 {
    font-weight: 600;
    margin-bottom: 20px;
}

.edit-profile .update-info input {
    border: 1px solid #e7e7e7;
    box-shadow: inherit;
}

.edit-profile .update-info textarea {
    border: 1px solid #e7e7e7;
    box-shadow: inherit;
    min-height: 120px;
    padding: 15px;
}

.edit-profile .update-info button {
  background: var(--color-primary) none repeat scroll 0 0;
  border: medium none;
  box-shadow: inherit;
  font-family: var(--font-heading);
  font-weight: 600;
  padding: 8px 50px;
  text-transform: uppercase;
}

.edit-profile .update-pass h4 {
    font-weight: 600;
    margin-bottom: 20px;
}

.edit-profile .update-pass input {
    border: 1px solid #e7e7e7;
    box-shadow: inherit;
}

.edit-profile .update-pass button {
  background: var(--color-primary) none repeat scroll 0 0;
  border: medium none;
  font-family: var(--font-heading);
  font-weight: 600;
  padding: 10px 40px;
  text-transform: uppercase;
}

.edit-profile .update-info {
    border-right: 1px solid #e7e7e7;
    padding-right: 30px;
}

.edit-profile .update-pass {
    padding-left: 30px;
}



/* ============================================================== 
     # Event 
=================================================================== */
.event-area .event-items .item .thumb,
.event-area .event-items .item .info {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.event-area .event-items .item.vertical .thumb,
.event-area .event-items .item.vertical .info {
    display: block;
    float: none;
    vertical-align: middle;
}

.event-area .event-items .item .info {
    -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;
    padding: 50px;
}

.event-area.single-view .event-items .item .info {
    padding: 50px;
}

.event-area .event-items .item .info {
    background: var(--white) none repeat scroll 0 0;
}

.event-area.circle .event-items .item > .info {
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.event-area.circle .event-items .item.vertical > .info {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.event-area .event-items .item .info li {
    color: var(--color-heading);
    display: inline-block;
    font-weight: 300;
    margin-bottom: 10px;
    margin-right: 10px;
    text-transform: capitalize;
}

    .event-area .event-items .item .info li i {
        margin-right: 5px;
        font-weight: 500;
    }

.event-area .event-items .item .info h2,
.event-area .event-items .item .info h3,
.event-area .event-items .item .info h4 {
    font-weight: 600;
    line-height: 1.3;
}

.event-items .item .info h2 a:hover,
.event-items .item .info h3 a:hover,
.event-items .item .info h4 a:hover {
    color: var(--color-primary);
}

.event-area .event-items .item .info .price {
    background: #f4f4f4 none repeat scroll 0 0;
    color: #002147;
    display: inline-block;
    font-family: var(--font-heading);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 5px 20px;
    text-transform: capitalize;
}

.event-area .event-items .item .info .meta {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.event-area .event-items .item .info > a {
    margin-top: 10px;
    margin-right: 3px;
}

.event-area.circle .event-items .item .info > a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.event-area .event-items .item .thumb {
    position: relative;
    text-align: center;
    z-index: 1;
}

.event-area.circle .event-items .item .thumb {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.event-area.circle .item.vertical .thumb img {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.event-area .event-items .item .thumb .date {
    padding: 15px 20px;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 1;
}

.event-area .event-items .item .thumb .date h4 {
  color: var(--color-primary);
  font-size: 14px;
  margin: 0;
  /*text-transform: uppercase;*/
}

        .event-area .event-items .item .thumb .date h4 span {
            display: block;
            font-size: 40px;
            font-weight: 900;
        }

    .event-area .event-items .item .thumb .date::after {
        background: #002147 none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.7;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }

.event-area.circle .event-items .item .thumb .date::after {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.event-area .event-items .item {
    margin-bottom: 30px;
}

.event-area .event-items.event-carousel .item {
    margin-bottom: 0;
}

.event-area .event-items .more-btn a {
    margin-top: 20px;
}

.event-area .event-items.event-carousel .owl-nav {
    margin: 0;
}

    .event-area .event-items.event-carousel .owl-nav .owl-prev,
    .event-area .event-items.event-carousel .owl-nav .owl-next {
        background: var(--white) none repeat scroll 0 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -moz-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
        -webkit-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
        -o-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
        box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
        color: var(--color-heading);
        font-size: 25px;
        height: 45px;
        left: 0;
        line-height: 45px;
        margin-top: -23px;
        opacity: 0;
        padding: 0;
        position: absolute;
        text-align: center;
        top: 50%;
        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: 45px;
    }

.event-area .event-items.event-carousel:hover .owl-nav .owl-prev,
.event-area .event-items.event-carousel:hover .owl-nav .owl-next {
    opacity: 1;
}

.event-area .event-items.event-carousel:hover .owl-nav .owl-prev {
    left: -70px;
}

.event-area .event-items.event-carousel:hover .owl-nav .owl-next {
    right: -70px;
}

.event-area .event-items.event-carousel .owl-nav .owl-prev:hover,
.event-area .event-items.event-carousel .owl-nav .owl-next:hover {
    background: var(--white) none repeat scroll 0 0;
    color: var(--color-primary);
}

.event-area .event-items.event-carousel .owl-nav .owl-next {
    left: auto;
    right: 0;
}




/* event card */

.event-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); */
    transition: transform 0.3s ease;
    height: 270px;
    display: flex;
    flex-direction: column;
    margin: 10px;
    border: 1px solid var(--color-primary);
}

    .event-card:hover {
        transform: translateY(-5px);
    }

.event-image {
    width: 100%;
    height: 120px;
    object-fit: cover;
}

.event-content {
    padding: 15px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.event-title {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.event-date {
    font-size: 0.85rem;
    color: #666;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.explore-btn {
    background: linear-gradient(135deg, var(--dark) 0%, var(--dark-secondary) 100%);
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.3s ease;
    width: 100%;
}

    .explore-btn:hover {
        opacity: 0.9;
    }

.owl-carousel {
    padding: 0 50px;
}

.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.9) !important;
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    font-size: 24px !important;
    color: #667eea !important;
    transition: all 0.3s ease;
}

    .owl-nav button:hover {
        background: white !important;
    }

.owl-nav .owl-prev {
    left: 0;
}

.owl-nav .owl-next {
    right: 0;
}

.owl-dots {
    text-align: center;
    margin-top: 30px;
}

.owl-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: rgba(255,255,255,0.5) !important;
    border-radius: 50%;
    margin: 0 5px;
    transition: all 0.3s ease;
}

    .owl-dot.active {
        background: white !important;
        width: 30px;
        border-radius: 6px;
    }

h2 {
    font-weight: 700;
}

@media (max-width: 768px) {
    .event-card {
        height: 240px;
        margin: 5px;
    }

    .event-image {
        height: 110px;
    }

    .owl-carousel {
        padding: 0 40px;
    }

    .owl-nav button {
        width: 40px;
        height: 40px;
        font-size: 20px !important;
    }
}

/* event card ends */

/* ============================================================== 
     # Clients 
=================================================================== */
.clients-review-carousel .thumb {
    /* padding-left: 0; */
    padding: 0;
}


.item_row {
    position: relative;
}

    .item_row .info {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(0deg, #4a3900 0%, #74710a17 100%);
        padding: 15px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

.clients-review-carousel .item img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.clients-review-carousel .info {
    padding-right: 0;
}

.clients-review-carousel .item {
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    overflow: hidden;
    padding: 30px;
}

    .clients-review-carousel .item .info p {
        position: relative;
        z-index: 1;
    }

        .clients-review-carousel .item .info p::after {
            content: ",,";
            font-family: "Times New Roman";
            font-size: 180px;
            left: -7px;
            letter-spacing: -15px;
            opacity: 0.1;
            position: absolute;
            top: 70px;
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
        }

    .clients-review-carousel .item .info h4 {
        margin-bottom: 5px;
        text-transform: capitalize;
    }

.clients-review-carousel .item .info span {
  color: var(--color-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  /*text-transform: uppercase;*/
}

.testimonials-area .clients-review-carousel .owl-nav {
    margin: 0;
}

    .testimonials-area .clients-review-carousel .owl-nav .owl-prev,
    .testimonials-area .clients-review-carousel .owl-nav .owl-next {
        background: var(--white) none repeat scroll 0 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -moz-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
        -webkit-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
        -o-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
        box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
        color: var(--color-heading);
        font-size: 25px;
        height: 45px;
        left: 0;
        line-height: 45px;
        margin-top: -23px;
        opacity: 0;
        padding: 0;
        position: absolute;
        text-align: center;
        top: 50%;
        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: 45px;
    }

.testimonials-area .clients-review-carousel:hover .owl-nav .owl-prev,
.testimonials-area .clients-review-carousel:hover .owl-nav .owl-next {
    opacity: 1;
}

.testimonials-area .clients-review-carousel:hover .owl-nav .owl-prev {
    left: -70px;
}

.testimonials-area .clients-review-carousel:hover .owl-nav .owl-next {
    right: -70px;
}

.testimonials-area .clients-review-carousel .owl-nav .owl-prev:hover,
.testimonials-area .clients-review-carousel .owl-nav .owl-next:hover {
    background: var(--white) none repeat scroll 0 0;
    color: var(--color-primary);
}

.testimonials-area .clients-review-carousel .owl-nav .owl-next {
    left: auto;
    right: 0;
}


/* ============================================================== 
     # Registration & Faq
=================================================================== */
.faq-area .faq-content .panel-group {
    margin-bottom: 0;
}

.reg-area .reg-items .reg-form,
.reg-area .reg-items .thumb {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.reg-area .reg-items .reg-form {
    padding-right: 35px;
}

.reg-area .site-heading h2 {
  font-size: 24px;
  /*text-transform: uppercase;*/
}

.reg-area .acd-items .panel-body p {
    margin: 0;
}

.reg-area .reg-items .panel-group {
    margin-bottom: 0;
}

.reg-area.inc-faq .reg-items .reg-form {
    display: inherit;
    float: left;
}

.reg-area .site-heading {
    margin-bottom: 0;
}

.reg-area .reg-form input,
.reg-area .reg-form select {
    border: 1px solid #e7e7e7;
    border-radius: inherit;
    box-shadow: inherit;
    color: var(--color-heading);
    min-height: 50px;
}

    .reg-area .reg-form select option {
        padding: 5px 15px;
    }

.reg-area .reg-form button {
  background: var(--color-primary) none repeat scroll 0 0;
  border: medium none;
  box-shadow: inherit;
  font-family: var(--font-heading);
  font-weight: 600;
  margin-top: 15px;
  padding: 10px 40px;
  text-transform: uppercase;
}

.reg-area .reg-box {
    background: #002147 none repeat scroll 0 0;
    padding: 50px;
}

.reg-box h3 {
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: capitalize;
}


/* ============================================================== 
     # Portfolio
=================================================================== */
.portfolio-area.default-padding {
    padding-bottom: 105px;
}

.portfolio-area .mix-item-menu {
    display: inline-block;
    margin-bottom: 15px;
}

.portfolio-area .mix-item-menu button {
  background-color: transparent;
  border: 1px solid transparent;
  color: #002147;
  display: inline-block;
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0 2px 5px;
  padding: 8px 15px;
  position: relative;
  text-transform: uppercase;
  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;
}

        .portfolio-area .mix-item-menu button.active,
        .portfolio-area .mix-item-menu button:hover {
            border: 1px solid #e7e7e7;
        }

.portfolio-area .pf-item {
    float: left;
    padding: 15px;
    width: 33.333%;
}

.portfolio-area .portfolio-items.colums-2 .pf-item {
    width: 50%;
}

.portfolio-area .portfolio-items.colums-4 .pf-item {
    width: 25%;
}

.portfolio-area .portfolio-items.colums-6 .pf-item {
    width: 16.666%;
}

/* Hover Effect */
.portfolio-items-area .pf-item .item-effect {
    position: relative;
    overflow: hidden;
}

    .portfolio-items-area .pf-item .item-effect .overlay {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        width: 100%;
    }

    .portfolio-items-area .pf-item .item-effect a {
        background: var(--white) none repeat scroll 0 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color: #002147;
        display: inline-block;
        height: 45px;
        line-height: 45px;
        margin: 0 1px;
        opacity: 0;
        -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;
        -moz-transition-property: all;
        -o-transition-property: all;
        -webkit-transition-property: all;
        transition-property: all;
        -moz-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
        -moz-transition-duration: 0.35s;
        -o-transition-duration: 0.35s;
        -webkit-transition-duration: 0.35s;
        transition-duration: 0.35s;
        width: 45px;
    }

.portfolio-items-area .portfolio-items.col-6 .pf-item .item-effect a {
    height: 40px;
    line-height: 40px;
    width: 40px;
}

.portfolio-items-area .pf-item .item-effect:hover a {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.portfolio-items-area .pf-item .item-effect:hover a {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.portfolio-items-area .pf-item .item-effect:hover img {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    background-position: top;
    -webkit-filter: grayscale(0.4) blur(2px);
    filter: grayscale(0.4) blur(2px);
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.45s;
    -o-transition-duration: 0.45s;
    -webkit-transition-duration: 0.45s;
    transition-duration: 0.45s;
}

.portfolio-items-area .pf-item .item-effect:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

.portfolio-items-area .pf-item .item-effect img {
    display: inline-block;
    -moz-transform: scale(1.09, 1.09);
    -ms-transform: scale(1.09, 1.09);
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    height: 150px;
    width: 100%;
    object-fit: cover;
}


/* ============================================================== 
     # Faq Accordion 
=================================================================== */
.faq-items h2 {
    font-weight: 700;
}

.faq-area .sign-up {
    background: #002147;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    overflow: hidden;
    padding: 50px;
}

.testimonials-area .faq-items .panel-group {
    margin: 0;
}

.faq-area.color-crimson .sign-up {
    background: #e22a31;
}

.faq-area.color-yellow .sign-up {
    background: #fbba42;
}

.faq-area .signup-form {
    padding-right: 30px;
}

.accordion-item {
    border-radius: 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #e7e7e7;
}

    .accordion-item button.accordion-button {
        background: transparent;
        padding: 15px 0;
        border-radius: 0;
        font-weight: 600;
        padding-right: 60px;
        position: relative;
        border: none;
        box-shadow: none;
        font-size: 18px;
    }

        .accordion-item button.accordion-button::after {
            right: 0;
            margin: 0;
            position: absolute;
        }

    .accordion-item .accordion-body {
        border: none;
        padding: 0;
        padding-bottom: 30px;
        border-top: 1px solid #e7e7e7;
        padding-top: 20px;
        margin-top: 5px;
    }

    .accordion-item .accordion-header {
        border: none;
    }

    .accordion-item .accordion-body ul li {
        display: block;
        margin-bottom: 10px;
        padding-left: 25px;
        position: relative;
        text-transform: capitalize;
        z-index: 1;
    }

        .accordion-item .accordion-body ul li::before {
            content: "\f560";
            font-family: "Font Awesome 5 Pro";
            font-weight: 900;
            left: 0;
            position: absolute;
        }

    .accordion-item:last-child {
        border: none;
    }


/* ============================================================== 
     # Blog 
=================================================================== */
.blog-area.left-sidebar .blog-content {
    float: right;
}

.blog-area.left-sidebar .sidebar {
    padding-left: 15px;
    padding-right: 50px;
}

.blog-area .blog-items .single-item {
    margin-bottom: 30px;
}

.blog-area .blog-items .item .info .meta {
    border-top: 1px solid #e7e7e7;
    margin-top: 15px;
    padding-top: 15px;
}

.blog-area .blog-items .item .info .meta li {
  color: var(--color-heading);
  display: inline-block;
  margin-right: 10px;
  /*text-transform: uppercase;*/
}

        .blog-area .blog-items .item .info .meta li a {
            color: var(--color-heading);
            display: inline-block;
        }

        .blog-area .blog-items .item .info .meta li i {
            margin-right: 5px;
        }

.blog-area .blog-items .thumb {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    .blog-area .blog-items .thumb img {
        display: block;
        position: relative;
        -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;
        transition: all 0.35s ease-in-out;
    }

.blog-area.circle .blog-items .thumb img {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.blog-area .blog-items .item:hover .thumb img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.blog-area .blog-items .thumb .date {
    bottom: 15px;
    left: 15px;
    padding: 15px;
    position: absolute;
    z-index: 1;
}

    .blog-area .blog-items .thumb .date span {
        display: block;
        font-size: 40px;
        font-weight: 900;
    }

    .blog-area .blog-items .thumb .date::after {
        background: #002147 none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.7;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }

.blog-area.circle .blog-items .thumb .date::after {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.blog-area .blog-items .thumb .date h4 {
    color: var(--color-primary);
    font-size: 14px;
    margin: 0;
}

.blog-area .blog-items .info {
    padding-top: 30px;
}

    .blog-area .blog-items .info h2,
    .blog-area .blog-items .info h3,
    .blog-area .blog-items .info h4 {
        font-weight: 600;
        text-transform: capitalize;
    }

.blog-area .blog-items .info > a {
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-heading);
}

.blog-area .blog-items .item a:hover {
    color: var(--color-primary) !important;
}


/* Blog Single */
.blog-area .pagi-area .pagination li a {
    border: 1px solid #e7e7e7;
    color: #002147;
    font-weight: 600;
    padding: 15px 25px;
    margin-top: 5px;
    display: inline-block;
}

.blog-area .pagi-area .pagination li.active a {
    background: var(--color-primary) none repeat scroll 0 0;
    border: 1px solid transparent;
    color: var(--white);
}

.blog-area .pagi-area .pagination {
    margin-bottom: 0;
    margin-top: 20px;
    display: inline-block;
}

    .blog-area .pagi-area .pagination li {
        display: inline-block;
        margin-top: 5px;
        margin-right: 5px;
    }

.blog-area .pagi-area {
    margin-bottom: -10px;
}

/* Sidebar */
.blog-area .sidebar .sidebar-item {
    margin-bottom: 40px;
    overflow: hidden;
}

    .blog-area .sidebar .sidebar-item.category,
    .blog-area .sidebar .sidebar-item.archives {
        margin-bottom: 35px;
    }

.blog-area .sidebar {
    padding-left: 35px;
}

.blog-area .sidebar .sidebar-item .title h4 {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 15px;
  position: relative;
  /*text-transform: uppercase;*/
  z-index: 1;
}

        .blog-area .sidebar .sidebar-item .title h4::before {
            background: var(--color-primary) none repeat scroll 0 0;
            bottom: 0;
            content: "";
            height: 2px;
            left: 0;
            position: absolute;
            width: 30px;
        }

        .blog-area .sidebar .sidebar-item .title h4::after {
            background: var(--color-primary) none repeat scroll 0 0;
            bottom: 0;
            content: "";
            height: 2px;
            left: 35px;
            position: absolute;
            width: 10px;
        }

    .blog-area .sidebar .sidebar-item input {
        border: 1px solid #e7e7e7;
        border-radius: inherit;
        box-shadow: inherit;
    }

    .blog-area .sidebar .sidebar-item:last-child {
        margin-bottom: 0;
    }

    .blog-area .sidebar .sidebar-item form {
        position: relative;
    }

        .blog-area .sidebar .sidebar-item form input[type="submit"] {
            background: #002147 none repeat scroll 0 0;
            border: medium none;
            color: var(--white);
            font-family: var(--font-heading);
            font-weight: 600;
            padding: 0 20px;
            position: absolute;
            right: 0;
            text-transform: capitalize;
            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;
        }

            .blog-area .sidebar .sidebar-item form input[type="submit"]:hover {
                background: var(--color-primary) none repeat scroll 0 0;
                border: medium none;
            }

    .blog-area .sidebar .sidebar-item.category li a {
        color: var(--color-heading);
        display: block;
        position: relative;
        text-transform: capitalize;
        z-index: 1;
    }

    .blog-area .sidebar .sidebar-item.category li {
        border-bottom: 1px dashed #999999;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

        .blog-area .sidebar .sidebar-item.category li:last-child {
            border: medium none;
            margin: 0;
            padding: 0;
        }

        .blog-area .sidebar .sidebar-item.category li a span {
            background: #f4f4f4 none repeat scroll 0 0;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            color: #002147;
            float: right;
            padding: 0 5px;
            position: relative;
            right: 0;
            text-align: center;
        }

    .blog-area .sidebar .sidebar-item.recent-post h4 a {
        color: #002147;
        text-transform: capitalize;
    }

    .blog-area .sidebar .sidebar-item.recent-post .info h4 {
        margin-bottom: 12px;
    }

    .blog-area .sidebar .sidebar-item.recent-post .thumb,
    .blog-area .sidebar .sidebar-item.recent-post .info {
        display: table-cell;
        vertical-align: top;
    }

    .blog-area .sidebar .sidebar-item.recent-post .item {
        border-bottom: 1px solid #e7e7e7;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

        .blog-area .sidebar .sidebar-item.recent-post .item:last-child {
            border: medium none;
            margin: 0;
            padding: 0;
        }

    .blog-area .sidebar .sidebar-item.recent-post .thumb {
        height: 80px;
        padding-right: 0;
        width: 80px;
    }

    .blog-area .sidebar .sidebar-item.recent-post .info {
        padding: 0 0 0 15px;
    }

    .blog-area .sidebar .sidebar-item.recent-post .item :hover .thumb img {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    .blog-area .sidebar .sidebar-item.recent-post .rating {
        color: var(--color-heading);
    }

.blog-area .sidebar .sidebar-item.recent-post .meta {
  border: medium none;
  color: var(--color-heading);
  font-family: var(--font-heading);
  margin-top: 10px;
  padding: 0;
  /*text-transform: uppercase;*/
}

        .blog-area .sidebar .sidebar-item.recent-post .meta i {
            color: var(--color-heading);
            font-weight: 500;
            margin-right: 3px;
        }

    .blog-area .sidebar .sidebar-item.recent-post a {
        color: var(--color-heading);
    }

    .blog-area .sidebar .sidebar-item.recent-post .item .rating i {
        color: var(--color-primary);
    }

    .blog-area .sidebar .sidebar-item.archives a {
        color: var(--color-heading);
        text-transform: capitalize;
    }

    .blog-area .sidebar .sidebar-item.archives li {
        border-bottom: 1px dashed #999999;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

        .blog-area .sidebar .sidebar-item.archives li:last-child {
            border: medium none;
            margin-bottom: 0;
            padding-bottom: 0;
        }

.sidebar-item.gallery ul li {
    box-sizing: border-box;
    float: left;
    padding: 0 10px 10px 0;
    width: 33.333%;
}

    .sidebar-item.gallery ul li img {
        min-height: 70px;
        width: 100%;
    }

.sidebar-item.social-sidebar li {
    display: inline-block;
}

    .sidebar-item.social-sidebar li a {
        background: #002147 none repeat scroll 0 0;
        border: medium none;
        color: var(--white);
        display: inline-block;
        font-size: 16px;
        height: 50px;
        line-height: 53px;
        text-align: center;
        width: 50px;
    }

    .sidebar-item.social-sidebar li.facebook a {
        background: #3b5998 none repeat scroll 0 0;
    }

    .sidebar-item.social-sidebar li.twitter a {
        background: #1da1f2 none repeat scroll 0 0;
    }

    .sidebar-item.social-sidebar li.pinterest a {
        background: #bd081c none repeat scroll 0 0;
    }

    .sidebar-item.social-sidebar li.g-plus a {
        background: #db4437 none repeat scroll 0 0;
    }

    .sidebar-item.social-sidebar li.linkedin a {
        background: #0077b5 none repeat scroll 0 0;
    }

.sidebar .sidebar-item.tags li {
    display: inline-block;
}

.sidebar .sidebar-item.tags li a {
  border: 1px solid #e7e7e7;
  display: inline-block;
  float: left;
  margin-right: 3px;
  padding: 8px 20px;
  text-transform: uppercase;
}

/* Single Blog */
.blog-area.single-blog .item {
    margin-bottom: 0;
}

.blog-area.full-blog.single-blog .blog-items .blog-content .item .meta {
    border-bottom: 1px solid #e7e7e7;
    border-top: medium none;
    display: block;
    float: left;
    margin-bottom: 20px;
    margin-top: 5px;
    padding-bottom: 20px;
    padding-top: 0;
    width: 100%;
}

.blog-area.full-blog.single-blog .meta ul {
    display: inline-block;
}

.blog-area.full-blog.single-blog .meta > ul {
    display: inline-block;
    padding: 5px 0;
}

.blog-area.full-blog.single-blog .meta .share {
    float: right;
}

    .blog-area.full-blog.single-blog .meta .share > i {
        display: inline-block;
        float: left;
        font-size: 20px;
        margin: 0 7px 0 0;
        padding: 8px 0;
    }

    .blog-area.full-blog.single-blog .meta .share li a {
        background: #2154cf none repeat scroll 0 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color: var(--white);
        height: 35px;
        line-height: 37px;
        text-align: center;
        width: 35px;
    }

        .blog-area.full-blog.single-blog .meta .share li a i {
            margin: 0;
        }

    .blog-area.full-blog.single-blog .meta .share li {
        margin-left: 5px;
        margin-right: 0;
    }

.blog-area.full-blog.single-blog .meta li.twitter a {
    background-color: #00b6f1;
}

.blog-area.full-blog.single-blog .meta li.pinterest a {
    background-color: #bd081c;
}

.blog-area.full-blog.single-blog .meta li.facebook a {
    background-color: #3b5998;
}

.blog-area.full-blog.single-blog .meta li.g-plus a {
    background-color: #df4a32;
}

.blog-area.full-blog.single-blog .meta li.vimeo a {
    background-color: #1ab7ea;
}

.blog-area.full-blog.single-blog .meta li.instagram a {
    background-color: #cd486b;
}

.blog-area .item blockquote {
    background: #002147 none repeat scroll 0 0;
    border: medium none;
    color: #cccccc;
    font-size: 15px;
    padding: 50px;
    position: relative;
    text-align: center;
    z-index: 1;
}

    .blog-area .item blockquote::after {
        content: ",,";
        font-family: "Times New Roman";
        font-size: 180px;
        left: 80px;
        letter-spacing: -15px;
        margin-left: -20px;
        opacity: 0.2;
        position: absolute;
        top: 118px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }

    .blog-area .item blockquote p {
        margin: 0;
    }

.author-bio {
    display: block;
    margin-top: 45px;
    width: 100%;
}

    .author-bio .avatar {
        display: table-cell;
        vertical-align: top;
        width: 200px;
    }

    .author-bio .content {
        display: table-cell;
        padding: 0 0 0 10px;
        vertical-align: middle;
    }

        .author-bio .content p {
            font-style: italic;
            margin: 0;
            padding-left: 20px;
            position: relative;
            z-index: 1;
        }

            .author-bio .content p::after {
                content: ",,";
                font-family: "Times New Roman";
                font-size: 100px;
                left: 20px;
                letter-spacing: -12px;
                opacity: 0.1;
                position: absolute;
                top: 10px;
                transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
            }

.author-bio .content h4 {
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 15px;
  padding-left: 20px;
  /*text-transform: uppercase;*/
}

.blog-area.single-blog .post-pagi-area {
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    margin: 40px 0 50px;
    overflow: hidden;
    padding: 15px 0;
}

.blog-area.single-blog .post-pagi-area a {
  display: inline-block;
  font-weight: 600;
  /*text-transform: uppercase;*/
}

        .blog-area.single-blog .post-pagi-area a:hover {
            color: #2154cf;
        }

        .blog-area.single-blog .post-pagi-area a:last-child {
            float: right;
        }

        .blog-area.single-blog .post-pagi-area a:first-child i {
            margin-right: 3px;
        }

        .blog-area.single-blog .post-pagi-area a:last-child i {
            margin-left: 3px;
        }

.blog-area.single-blog .post-tags span {
  font-family: var(--font-heading);
  font-weight: 600;
  margin-right: 5px;
  /*text-transform: uppercase;*/
}

.blog-area.single-blog .post-tags a {
  border: 1px solid #e7e7e7;
  color: #002147;
  display: inline-block;
  font-size: 12px;
  margin-bottom: 8px;
  margin-right: 5px;
  padding: 3px 25px;
  /*text-transform: uppercase;*/
}

    .blog-area.single-blog .post-tags a:hover {
        color: #2154cf;
    }

.responsive-video {
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 25px;
    position: relative;
}

    .responsive-video iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

.comments-list .commen-item .avatar {
    float: left;
    height: 100px;
    width: 100px;
}

.comments-list .commen-item .content {
    display: table-cell;
    vertical-align: top;
}

.comments-list .commen-item .avatar img {
    height: 80px;
    width: 80px;
}

.comments-list .commen-item {
    margin-bottom: 30px;
}

    .comments-list .commen-item.reply {
        padding-left: 80px;
    }

.comments-area {
    margin-top: 50px;
}

.comments-area .comments-title h2, 
.comments-area .comments-title h3, 
.comments-area .comments-title h4 {
  border-bottom: 1px solid #e2e2e2;
  font-weight: 700;
  margin-bottom: 30px;
  padding-bottom: 15px;
  /*text-transform: uppercase;*/
}

.comments-list .commen-item .content h3,
.comments-list .commen-item .content h4,
.comments-list .commen-item .content h5 {
  font-size: 14px;
  font-weight: 600;
  /*text-transform: uppercase;*/
}

.comments-info a {
  border: 1px solid #e7e7e7;
  color: #002147;
  display: inline-block;
  font-size: 12px;
  margin-left: 14px;
  padding: 1px 10px;
  text-transform: uppercase;
}

    .comments-info a:hover {
        color: #2154cf;
    }

.color-yellow .comments-info a:hover {
    color: var(--color-secondary);
}

.comments-info a i {
    margin-right: 10px;
}

.comments-form input, .comments-form textarea {
    border: 1px solid #e7e7e7;
    border-radius: inherit;
    box-shadow: inherit;
}

.comments-form textarea {
    min-height: 150px;
}

.blog-area.full-blog.single-blog .form-group.submit {
    margin-bottom: 0;
}

.comments-form button {
  background-color: var(--color-primary);
  border: 1px solid transparent;
  color: #002147;
  display: inline-block;
  font-family: "Montserrat",sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 25px;
  margin-top: 20px;
  padding: 9px 35px;
  text-transform: uppercase;
  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;
}

    .comments-form button:hover {
        background-color: #002147;
        border: 1px solid transparent;
        color: var(--white);
    }

.comments-area .commen-item .comments-info {
    margin-bottom: 15px;
}

.comments-form .title h2,
.comments-form .title h3,
.comments-form .title h4 {
  border-bottom: 1px solid #e7e7e7;
  font-weight: 700;
  margin-bottom: 30px;
  padding-bottom: 15px;
  /*text-transform: uppercase;*/
}

.blog-area .contact-comments .comments {
    margin-top: 20px;
}

.blog-area.single .blog-items .item .contact-comments .col-md-6 {
    float: left;
    padding: 0 15px;
}


/* ============================================================== 
     # Clients 
=================================================================== */
.clients-area .row {
    align-items: center;
    align-self: center;
    display: flex;
    justify-content: center;
    vertical-align: middle;
}

.clients-area .clients-items img {
    margin: auto;
    width: auto;
}

.clients-area .info h4 {
  /*text-transform: uppercase;*/
}

.clients-area .info p {
    margin: 0;
}


/* ============================================================== 
     # Subscribe 
=================================================================== */

.subscribe-area .content {
    margin-bottom: 30px;
}

.subscribe-area .content h2 {
  font-weight: 600;
  /*text-transform: uppercase;*/
}

    .subscribe-area .content h4 {
        line-height: 1.4;
        margin: 0;
    }

.subscribe-area .form form {
    position: relative;
    z-index: 1;
}

    .subscribe-area .form form input {
        border: medium none;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        box-shadow: inherit;
        min-height: 60px;
        padding: 15px 25px;
        width: 100%;
    }

.subscribe-area .form form button {
  background: var(--color-primary) none repeat scroll 0 0;
  border: medium none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  box-shadow: inherit;
  font-family: var(--font-heading);
  font-weight: 600;
  min-height: 50px;
  min-width: 60px;
  padding: 0 30px;
  position: absolute;
  right: 5px;
  /*text-transform: uppercase;*/
  top: 5px;
}


/* ============================================================== 
     # Join With Us  
=================================================================== */

.join-us-area .info h2 {
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: capitalize;
    color: var(--color-primary);
}

.join-us-area .video {
    position: relative;
}

.join-us-area .info a {
    margin-top: 10px;
}


.join-us-area .thumb2 img {
    height: 500px;
    width: 500px;
    position: relative;
    z-index: 2;
    /* border-top: 30px solid var(--color-primary);
  border-left: 30px solid var(--color-primary);
  border-bottom: 30px solid transparent;
  border-right: 30px solid transparent; */
}

.join-us-area .thumb2 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .join-us-area .thumb2 span{
  z-index: 1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 550px;
  width: 550px;
  clip-path: polygon(100% 0, 0 0, 0 100%);
  background-color: var(--color-primary);
} */


.join-us-area .site-heading h2 {
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 25px;
    text-transform: capitalize;
}


/* ============================================================== 
     # Contact 
=================================================================== */

.contact-info-area {
    padding-bottom: 120px;
}

    .contact-info-area .contact-info .item {
        -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;
        padding: 50px 30px;
        text-align: center;
        background: var(--white) none repeat scroll 0 0;
    }

        .contact-info-area .contact-info .item i {
            color: var(--color-primary);
            display: block;
            font-size: 60px;
            text-align: center;
        }

        .contact-info-area .contact-info .item .info {
            margin-top: 20px;
        }

.contact-info-area .contact-info .item .info h4 {
  font-weight: 600;
  margin-bottom: 10px;
  /*text-transform: uppercase;*/
}

            .contact-info-area .contact-info .item .info p {
                margin: 0;
            }

    .contact-info-area .maps-form .form {
        padding-left: 35px;
    }

    .contact-info-area .maps-form {
        display: inline-block;
        margin-top: -10px;
    }

        .contact-info-area .maps-form .maps {
            overflow: hidden;
        }

        .contact-info-area .maps-form h2,
        .contact-info-area .maps-form h3,
        .contact-info-area .maps-form h4 {
            font-weight: 600;
            text-transform: capitalize;
        }

        .contact-info-area .maps-form iframe {
            height: 465px;
            margin-bottom: -10px;
            margin-top: 10px;
            position: relative;
            width: 100%;
            z-index: 1;
        }

    .contact-info-area .maps-form {
        display: inline-block;
        margin-top: -10px;
    }

        .contact-info-area .maps-form input {
            border: 1px solid #e7e7e7;
            border-radius: inherit;
            box-shadow: inherit;
        }

        .contact-info-area .maps-form textarea {
            border: 1px solid #e7e7e7;
            border-radius: inherit;
            box-shadow: inherit;
            min-height: 150px;
        }

.contact-info-area .maps-form button {
  background: #002147 none repeat scroll 0 0;
  border: medium none;
  color: var(--white);
  font-family: var(--font-heading);
  font-weight: 600;
  padding: 10px 25px;
  /*text-transform: uppercase;*/
}

            .contact-info-area .maps-form button i {
                margin-left: 3px;
            }

form img.loader {
    margin-left: 5px;
}

.contact-info-area form .alert-notification {
    padding: 0;
}

    .contact-info-area form .alert-notification h3 {
        color: green;
        margin-bottom: 5px;
    }

    .contact-info-area form .alert-notification .alert-error {
        background: #e7e7e7 none repeat scroll 0 0;
        color: red;
        margin-top: 15px;
        margin-bottom: 0;
    }

    .contact-info-area form .alert-notification .alert-success {
        margin-top: 15px;
        margin-bottom: 0;
    }



/* ======================== Contact Us Starts ======================== */

.contact_us_form {
    max-width: 600px;
    margin: auto;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.cu_heading {
    text-align: center;
    font-size: 25px;
    color: #ff9000;
}

.cu_img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.form__group {
    position: relative;
    padding: 20px 0 0;
    width: 100%;
    margin: 20px 0;
}

.form__field {
    font-family: inherit;
    width: 100%;
    border: none;
    border-bottom: 2px solid #9b9b9b;
    outline: 0;
    font-size: 17px;
    color: #ce6e00;
    padding: 7px 0;
    background: transparent;
    transition: border-color 0.2s;
}

    .form__field::placeholder {
        color: transparent;
    }

    .form__field:placeholder-shown ~ .form__label {
        font-size: 17px;
        cursor: text;
        top: 20px;
    }

.form__label {
    position: absolute;
    top: 0;
    display: block;
    transition: 0.2s;
    font-size: 17px;
    color: #9b9b9b;
    pointer-events: none;
}

.form__field:focus {
    padding-bottom: 6px;
    font-weight: 700;
    border-width: 3px;
    border-image: linear-gradient(to right, #116399, #38caef);
    border-image-slice: 1;
}

    .form__field:focus ~ .form__label {
        position: absolute;
        top: 0;
        display: block;
        transition: 0.2s;
        font-size: 17px;
        color: #38caef;
        font-weight: 700;
    }

/* reset input */
.form__field:required, .form__field:invalid {
    box-shadow: none;
}

/* ======================== Contact Us ends ======================== */

/* ============================================================== 
     # 404 
=================================================================== */
.error-page-area ul li {
    display: inline-block;
}

    .error-page-area ul li a {
        color: var(--white);
        display: inline-block;
        height: 40px;
        line-height: 40px;
        margin: 0 2px;
        text-align: center;
        width: 40px;
    }

.error-page-area ul {
    border-top: 1px solid #e7e7e7;
    margin-top: 30px;
    padding-top: 28px;
}

.error-page-area h1 {
    font-size: 120px;
    font-weight: 900;
    line-height: 90px;
    margin-bottom: 30px;
}

.error-page-area h2 {
    font-weight: 600;
}

.error-page-area a {
    margin: 15px 3px 0;
}

.error-page-area li.facebook a {
    background: #3b5998 none repeat scroll 0 0;
}

.error-page-area li.twitter a {
    background: #1da1f2 none repeat scroll 0 0;
}

.error-page-area li.pinterest a {
    background: #bd081c none repeat scroll 0 0;
}

.error-page-area li.g-plus a {
    background: #db4437 none repeat scroll 0 0;
}

.error-page-area li.linkedin a {
    background: #0077b5 none repeat scroll 0 0;
}


/* ============================================================== 
     # Popup Form 
=================================================================== */

form.white-popup-block {
    background: var(--white) none repeat scroll 0 0;
    border-radius: 5px;
    margin: auto;
    padding: 50px 30px;
    position: relative;
    width: 50%;
    overflow: hidden;
}

    form.white-popup-block button.mfp-close {
        color: red;
    }

    form.white-popup-block li {
        display: inline-block;
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
    }

        form.white-popup-block li a {
            background: #002147 none repeat scroll 0 0;
            border: medium none;
            color: var(--white);
            display: inline-block;
            font-size: 16px;
            height: 80px;
            line-height: 80px;
            text-align: center;
            width: 50px;
        }

        form.white-popup-block li.facebook a {
            background: #3b5998 none repeat scroll 0 0;
        }

        form.white-popup-block li.twitter a {
            background: #1da1f2 none repeat scroll 0 0;
        }

        form.white-popup-block li.pinterest a {
            background: #bd081c none repeat scroll 0 0;
        }

        form.white-popup-block li.g-plus a {
            background: #db4437 none repeat scroll 0 0;
        }

        form.white-popup-block li.linkedin a {
            background: #0077b5 none repeat scroll 0 0;
        }

    form.white-popup-block .col-md-6:last-child {
        border-left: 1px solid #e7e7e7;
    }

    form.white-popup-block .col-md-6:last-child {
        border-left: 1px solid;
    }

form.white-popup-block h3,
form.white-popup-block h4 {
  font-weight: 600;
  margin-bottom: 20px;
  /*text-transform: uppercase;*/
}

    form.white-popup-block .login-social {
        padding-right: 30px;
    }

    form.white-popup-block .login-custom {
        border-left: 1px solid #e7e7e7;
        padding-left: 30px;
    }

    form.white-popup-block input {
        border: 1px solid #e7e7e7;
        box-shadow: inherit;
    }

    form.white-popup-block .lost-pass-link {
        float: right;
    }

        form.white-popup-block .lost-pass-link:hover {
            text-decoration: underline;
        }

    form.white-popup-block label {
        float: left;
    }

        form.white-popup-block label input {
            float: left;
            margin-right: 5px;
            min-height: 20px;
        }

form.white-popup-block button[type="submit"] {
  background: var(--color-primary) none repeat scroll 0 0;
  border: medium none;
  display: inline-block;
  font-family: var(--font-heading);
  font-weight: 600;
  margin-top: 10px;
  padding: 8px 50px;
  text-transform: uppercase;
}

    form.white-popup-block .link-bottom {
        display: block;
        float: left;
        margin-bottom: 0;
        margin-top: 15px;
        width: 100%;
    }

        form.white-popup-block .link-bottom a:hover {
            text-decoration: underline;
        }

.login-area form.white-popup-block {
    width: auto;
    -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;
}


/* ============================================================== 
     # Footer 
=================================================================== */
footer .f-items .item {
    padding-right: 30px;
}

    footer .f-items .item:last-child {
        padding-right: 15px;
    }

.f-items {
    overflow: hidden;
}

footer .f-item p {
    color: #cccccc;
}

footer.bg-fixed .f-item p {
    color: var(--white);
}

footer.bg-light .f-item p {
    color: var(--color-heading);
}

footer .f-item > h3,
footer .f-item > h4,
footer .f-item > h5 {
  font-weight: 600;
  margin-bottom: 30px;
  position: relative;
  /*text-transform: uppercase;*/
  z-index: 1;
}

footer .f-item > img {
    margin-bottom: 30px;
    width: auto;
}

footer p.text-italic {
    font-style: italic;
    margin-bottom: 20px;
}

footer p.text-italic {
    font-style: italic;
    margin-bottom: 20px;
}

footer .subscribe form {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    position: relative;
    width: 100%;
}

    footer .subscribe form input, footer .subscribe form input::placeholder {
        color: var(--color-primary);
    }

        footer .subscribe form input, footer .subscribe form input:focus {
            background: transparent none repeat scroll 0 0 !important;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 30px !important;
            box-shadow: none;
            padding: 0 20px;
            color: var(--color-heading);
        }

footer.bg-dark .subscribe form input,
footer.bg-dark .subscribe form input:focus {
    color: var(--white);
}


    footer.bg-dark .subscribe form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #cccccc;
    }

    footer.bg-dark .subscribe form input::-moz-placeholder { /* Firefox 19+ */
        color: #cccccc;
    }

    footer.bg-dark .subscribe form input:-ms-input-placeholder { /* IE 10+ */
        color: #cccccc;
    }

    footer.bg-dark .subscribe form input:-moz-placeholder { /* Firefox 18- */
        color: #cccccc;
    }

footer.bg-light .subscribe form input,
footer.bg-light .subscribe form input:focus {
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    border-radius: 30px !important;
    width: 100%;
}

footer.bg-fixed .subscribe form input {
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: var(--white);
}

    footer.bg-fixed .subscribe form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #cccccc;
    }

    footer.bg-fixed .subscribe form input::-moz-placeholder { /* Firefox 19+ */
        color: #cccccc;
    }

    footer.bg-fixed .subscribe form input:-ms-input-placeholder { /* IE 10+ */
        color: #cccccc;
    }

    footer.bg-fixed .subscribe form input:-moz-placeholder { /* Firefox 18- */
        color: #cccccc;
    }

footer .subscribe form {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    padding: 0;
}

    footer .subscribe form button {
        background: var(--white) none repeat scroll 0 0;
        border: medium none;
        border-radius: 30px !important;
        color: var(--color-primary);
        font-size: 20px;
        min-height: 40px;
        padding: 0 30px;
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 9;
    }

    footer .subscribe form .input-group {
        width: 100%;
    }

footer.bg-light .subscribe form button {
    background: var(--color-primary) none repeat scroll 0 0;
    color: var(--white);
}

footer .f-item.address i,
footer .f-item.address p {
    display: table-cell;
    vertical-align: middle;
}

footer .f-item.address i {
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--white);
    height: 40px;
    text-align: center;
    width: 40px;
    font-size: 20px;
}

footer.bg-light .f-item.address i {
    border: 1px solid #e7e7e7;
    color: var(--color-primary);
}

footer.bg-fixed .f-item.address i {
    border: 1px solid rgba(255, 255, 255, 0.3);
}

footer .f-item.address p {
  font-weight: 500;
  margin: 0;
  padding-left: 10px;
  /*text-transform: uppercase;*/
}

    footer .f-item.address p span {
        display: block;
        text-transform: lowercase;
    }

footer .f-item.address li {
    margin-bottom: 15px;
}

    footer .f-item.address li:last-child {
        margin: 0;
    }

    footer .f-item.address li a {
        color: #cccccc;
        font-family: "Open Sans",sans-serif;
    }

footer.bg-fixed .f-item.address li a {
    color: var(--white);
}

footer.bg-light .f-item.address li a {
    color: var(--color-heading);
    font-family: "Open Sans",sans-serif;
    font-weight: normal;
}

footer .opening-info {
    border-top: 1px dashed rgba(255, 255, 255, 0.1);
    color: #cccccc;
    margin-top: 20px;
    padding-top: 20px;
}

footer.bg-light .opening-info {
    border-top: 1px dashed #e7e7e7;
    color: var(--color-heading);
}

footer.bg-fixed .opening-info {
    border-top: 1px dashed rgba(255, 255, 255, 0.3);
}

footer .opening-info h5 {
  margin-bottom: 15px;
  /*text-transform: uppercase;*/
}

footer .opening-info li {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
    margin-bottom: 5px !important;
    padding-bottom: 5px;
}

footer.bg-light .opening-info li {
    border-bottom: 1px dashed #cccccc;
    color: var(--color-heading);
}

footer.bg-fixed .opening-info li {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
    color: var(--white);
}

footer .opening-info li:last-child {
    border: medium none;
    margin: 0 !important;
    padding: 0 !important;
}


/* Recent Post */
footer .f-item.recent-post li a {
    color: #cccccc;
    display: block;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}

footer.bg-fixed .f-item.recent-post li a {
    color: var(--white);
}

footer.bg-light .f-item.recent-post li a {
    color: #002147;
}

footer .f-item.recent-post li a:last-child {
    display: inline-block;
    font-weight: 400;
}

footer .f-item.recent-post .meta-title {
    color: #cccccc;
    font-family: var(--font-heading);
    margin-top: 10px;
}

footer.bg-light .f-item.recent-post .meta-title {
    color: var(--color-heading);
}

footer.bg-fixed .f-item.recent-post .meta-title {
    color: var(--white);
}

footer.bg-fixed .f-item.recent-post .meta-title {
    color: var(--white);
}

footer .f-item.recent-post li a:hover {
    color: var(--color-primary);
}

footer .f-item.recent-post li a span {
    display: inline-block;
    color: #cccccc;
}

footer .f-item.recent-post li span {
    display: inline-block;
    text-transform: capitalize;
}

footer .f-item.recent-post .meta-title a {
    text-transform: capitalize;
}

footer .f-item.recent-post li {
    color: #cccccc;
}

footer.bg-fixed .f-item.recent-post li {
    color: var(--white);
}

footer.bg-light .f-item.recent-post li {
    color: var(--color-heading);
}

footer .f-item.recent-post li {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
    margin-bottom: 15px;
    padding-bottom: 15px;
}

footer.bg-fixed .f-item.recent-post li {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
}

footer .f-item.recent-post li:last-child {
    border: medium none;
    margin: 0;
    padding: 0;
}

footer .f-item.recent-post li:last-child {
    margin: 0;
}

footer .f-item.recent-post li .thumb {
    display: table-cell;
    padding-top: 5px;
    vertical-align: top;
    width: 80px;
}

footer .f-item .thumb img {
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

footer .f-item.recent-post li .info {
    display: table-cell;
    padding-left: 20px;
    vertical-align: top;
    line-height: 26px;
    color: #837f7e;
}

/* Footer Social */
footer .social li {
    display: inline-block;
}

    footer .social li a {
        border: 1px solid rgba(255, 255, 255, 0.1);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        display: inline-block;
        font-size: 14px;
        height: 40px;
        line-height: 39px;
        margin-right: 5px;
        text-align: center;
        width: 40px;
        font-weight: 500;
    }

footer.bg-light .social li a {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #e7e7e7;
    border-radius: inherit;
    color: #002147;
    line-height: 40px;
}

    footer.bg-light .social li a:hover {
        background: #002147 none repeat scroll 0 0;
        border: medium none;
        color: var(--white);
        border: 1px solid transparent;
    }

footer.bg-fixed .social li a {
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: var(--white);
}

footer .social li a:hover {
    border: 1px solid transparent;
    background-color: rgba(255, 255, 255, 0.1);
}

footer.bg-fixed .social li a:hover {
    border: 1px solid transparent;
    background-color: var(--white);
    color: var(--color-primary);
}

footer .social {
    border-top: 1px dashed rgba(255, 255, 255, 0.1);
    margin-top: 20px;
    padding-top: 20px;
}

footer.bg-fixed .social {
    border-top: 1px dashed rgba(255, 255, 255, 0.3);
}

/* Footer Link */
footer .f-item > img {
    margin-bottom: 30px;
}

footer .f-item.link li {
    display: block;
    margin-bottom: 15px;
}

    footer .f-item.link li a {
        color: #cccccc;
        display: inline-block;
        font-weight: 400;
        padding-left: 15px;
        position: relative;
        /* text-transform: capitalize; */
        font-family: "Open Sans",sans-serif;
    }

footer.bg-fixed .f-item.link li a {
    color: var(--white);
}

footer.bg-light .f-item.link li a {
    color: var(--color-heading);
}

footer .f-item.link li a::before {
    background: #cccccc none repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 0;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 4px;
}

footer.bg-fixed .f-item.link li a::before {
    background: var(--white) none repeat scroll 0 0;
}

footer.bg-light .f-item.link li a::before {
    background: var(--color-heading) none repeat scroll 0 0;
}

footer .f-item.link li a:hover {
    color: var(--color-primary);
}


/* Twitter Widget */
footer .f-item.twitter-widget .twitter-item {
    border-bottom: 1px solid #363636;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

footer .f-item.twitter-widget .twitter-content p {
    margin: 0;
}

footer .f-item.twitter-widget .twitter-content a {
    color: var(--white);
}

    footer .f-item.twitter-widget .twitter-content a:hover {
        color: var(--color-primary);
    }

footer .f-item.twitter-widget .twitter-context {
    color: #cccccc;
    margin: 5px 0 0;
}

    footer .f-item.twitter-widget .twitter-context i {
        color: var(--color-primary);
        margin-right: 3px;
    }

footer .f-item.twitter-widget .twitter-item:last-child {
    border: medium none;
    margin: 0;
    padding: 0;
}


/* Footer Bottom */
.footer-bottom .col-md-6:first-child {
    padding-left: 0;
}

.footer-bottom .col-md-6:last-child {
    padding-right: 0;
}

.footer-bottom .link li {
    display: inline-block;
}

.footer-bottom .link li a {
  color: var(--white);
  display: inline-block;
  font-weight: 400;
  line-height: 40px;
  margin-left: 10px;
  padding-left: 15px;
  position: relative;
  /*text-transform: uppercase;*/
  z-index: 1;
}

.footer-bottom.bg-light .link li a {
    color: var(--color-heading);
}

.footer-bottom .link li a::before {
    background: var(--white) none repeat scroll 0 0;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 15px;
    width: 1px;
}

.footer-bottom .link li:first-child a::before {
    display: none;
}

.footer-bottom.bg-light .link li a::before {
    background: #999999 none repeat scroll 0 0;
}

.footer-bottom .link li:first-child a {
    margin: 0;
    padding: 0;
}

.footer-bottom .link li:first-child::before {
    display: none;
}

.footer-bottom .link li a:hover {
    color: var(--color-primary);
}

footer .footer-bottom p a {
    color: var(--color-primary);
    text-transform: capitalize;
    font-weight: 600;
}

footer .footer-bottom {
    background: var(--dark) none repeat scroll 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 20px;
    padding: 20px 0;
}

    footer .footer-bottom.bg-light {
        background: var(--white) none repeat scroll 0 0;
        border-top: 1px solid var(--bg-gray);
    }

    footer .footer-bottom.bg-transparent {
        background: transparent none repeat scroll 0 0;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    footer .footer-bottom p {
        color: var(--white);
        margin: 0;
        text-transform: capitalize;
        line-height: 40px;
    }

    footer .footer-bottom.bg-light p {
        color: var(--color-heading);
    }


/* ============================================================== 
     # Preloader 
=================================================================== */
.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: url(assets/img/preloader.gif) center no-repeat #fff;
    text-align: center;
}


@media (max-width: 991px) {
    .footer-bottom .text-end {
        text-align: center !important;
    }
}

/*================================ 
    #RESPONSIVE CSS 
====================================*/

/* Tablet Layout: 768px.*/
@media only screen and (min-width: 768px) and (max-width: 991px) {


    /* Topbar */
    .top-bar-area.address-two-lines .user-login {
        margin: 10px 0;
        text-align: center;
        display: none;
    }

    .top-bar-area.inc-transparent-nav {
        display: none;
    }

    .top-bar-area .user-login {
        display: none;
    }

    .top-bar-area .simple-link {
        display: none;
    }

    .banner-area.transparent-nav .content {
        padding-top: 60px;
    }

    .banner-area.banner-box .thumb {
        display: none;
    }

    .banner-area.banner-box .content {
        padding: 120px 0;
    }

    .banner-area.standard {
        padding-top: 150px;
        padding-bottom: 120px;
        height: auto !important;
    }

        .banner-area.standard .thumb {
            padding-left: 15px;
            margin-top: 50px;
            margin-bottom: 0;
        }

            .banner-area.standard .thumb img:nth-child(2) {
                bottom: 0;
            }

            .banner-area.standard .thumb .join {
                right: 0;
            }

    /* What you learn */
    .what-learn-area .row > .info {
        padding-right: 15px;
        margin-bottom: 30px;
    }

    /* About */
    .about-area .thumb {
        margin-bottom: 30px;
        padding-right: 15px;
    }

    .about-area .our-features .item {
        text-align: center;
        padding: 30px;
    }

        .about-area .our-features .item .info h4 {
            line-height: 1.3;
            margin-bottom: 10px;
        }

    .about-area .our-features .col-md-3:last-child .item,
    .about-area .our-features .col-md-4:last-child .item,
    .about-area .our-features .col-md-6:last-child .item {
        margin-bottom: 0;
    }

    .about-area .our-features .item .icon,
    .about-area .our-features .item .info {
        display: block;
    }

    .about-area .our-features .item .icon {
        margin-bottom: 20px;
        padding-right: 0;
    }

    .our-featues-area.inc-trending-courses .our-feature-items {
        padding-right: 15px;
    }

    .our-featues-area.inc-trending-courses .col-md-6:first-child .item,
    .our-featues-area.inc-trending-courses .col-md-6:nth-child(2) .item {
        margin-top: 15px;
    }

    .our-featues-area .home-sidebar {
        margin-top: 30px;
    }

    .our-featues-area.inc-trending-courses .our-feature-items .info {
        padding-right: 15px;
    }

    .our-featues-area.inc-trending-courses .our-features {
        padding-right: 0;
    }

    .our-featues-area .about-info {
        padding-right: 15px;
    }


    /* Course Offer  */
    .course-offer-area .offer-box .thumb {
        padding-right: 15px;
        margin-bottom: 30px;
    }

    .course-offer-area .offer-box .row {
        display: block;
        text-align: center;
    }

    /* Why Chose Us */

    .wcs-area.content-default .content {
        margin-top: 30px;
    }

    .wcs-area .thumb,
    .wcs-area .content {
        display: block;
    }

    .wcs-area .thumb {
        min-height: 350px;
    }

    .wcs-area .content {
        padding: 80px 50px;
    }

    /* Featured Courses */
    .featured-courses-area .info {
        margin-top: 30px;
        padding-left: 15px;
    }

        .featured-courses-area .info > h4 {
            margin-bottom: 25px;
        }

    .featured-courses-area .featured-courses-carousel .owl-nav {
        display: none;
    }

    .featured-courses-area .featured-courses-carousel:hover .owl-nav .owl-prev {
        left: 30px;
    }

    .featured-courses-area .featured-courses-carousel:hover .owl-nav .owl-next {
        right: 30px;
    }


    /* Top Category */
    .top-cat-area .top-cat-items.text-center {
        padding-right: 15px;
        margin-bottom: 30px;
    }

    .top-cat-items .item {
        text-align: center;
    }

        .top-cat-items .item i,
        .top-cat-items .item .info {
            display: block;
        }

        .top-cat-items .item i {
            margin-bottom: 15px;
        }


    /* Popular Courses */
    .popular-courses .popular-courses-items .owl-nav {
        display: none;
    }

    .popular-courses .popular-courses-items:hover .owl-nav .owl-prev {
        left: 5px;
    }

    .popular-courses .popular-courses-items:hover .owl-nav .owl-next {
        right: 5px;
    }

    .course-details-area .sidebar {
        margin-top: 50px;
        padding-left: 0;
    }

    /* Advisor */

    .advisor-area .advisor-carousel .owl-nav {
        display: none;
    }

    .advisor-area .advisor-carousel:hover .owl-nav .owl-prev {
        left: 30px;
    }

    .advisor-area .advisor-carousel:hover .owl-nav .owl-next {
        right: 30px;
    }

    .adviros-details-area .info.main-content {
        margin-top: 30px;
        padding-left: 15px;
    }

    /* Edit Profile */
    .edit-profile .update-info {
        border: medium none;
        padding-right: 15px;
    }

    .edit-profile .about-user {
        margin-bottom: 30px;
    }

    .edit-profile .update-pass {
        margin-top: 30px;
        padding-left: 15px;
    }


    /* Event */
    .event-area .event-items .item .thumb,
    .event-area .event-items .item .info {
        display: block;
        float: none;
        vertical-align: middle;
    }

    .event-area .event-items .item.horizontal .thumb {
        min-height: 350px;
    }

    .event-area .event-items.event-carousel .owl-nav {
        display: none;
        margin: 0;
    }

    /* Reg Form */
    .reg-area .reg-items .reg-form.default-padding-bottom {
        padding-bottom: 30px;
        padding-right: 15px;
    }

    .reg-area .reg-form {
        padding-right: 15px;
    }

    .reg-area .reg-items .reg-form,
    .reg-area .reg-items .thumb {
        display: block;
    }

    .reg-area .reg-items .thumb {
        text-align: center;
    }

    .reg-area.inc-faq .reg-items .reg-form {
        display: inherit;
        float: inherit;
        margin-bottom: 30px;
    }

    .join-us-area .info {
        margin-bottom: 30px;
        padding-right: 15px;
    }

    .faq-area.left-sidebar .faq-content {
        float: none;
        margin-bottom: 50px;
        padding-left: 15px;
    }


    /* Blog */
    .blog-area.left-sidebar .blog-content {
        float: none;
    }

    .blog-area.left-sidebar .sidebar {
        margin-top: 50px;
        padding-left: 0;
        padding-right: 0;
    }

    .blog-area .sidebar {
        margin-top: 50px;
        padding-left: 15px;
    }


    /* Portfolio */
    .portfolio-area .portfolio-items .pf-item,
    .portfolio-area .portfolio-items.colums-2 .pf-item,
    .portfolio-area .portfolio-items.colums-3 .pf-item,
    .portfolio-area .portfolio-items.colums-4 .pf-item {
        width: 50%;
    }

    .portfolio-area .portfolio-items.colums-6 .pf-item {
        width: 33.333%;
    }


    /* Testimonials */
    .clients-review-carousel {
        text-align: center;
        ;
    }

        .clients-review-carousel .item .thumb img {
            border-radius: 50%;
            height: 150px;
            margin: auto auto 30px;
            width: 150px;
        }

        .clients-review-carousel .thumb,
        .clients-review-carousel .info {
            padding-left: 0;
            padding-right: 0;
        }

    .testimonials-area .clients-review-carousel .owl-nav {
        display: none;
    }

    .testimonials-area .clients-review-carousel:hover .owl-nav .owl-prev {
        left: 30px;
    }

    .testimonials-area .clients-review-carousel:hover .owl-nav .owl-next {
        right: 30px;
    }

    /* Partner */

    .clients-area {
        text-align: center;
    }

        .clients-area .row {
            align-items: inherit;
            display: inherit;
        }

        .clients-area .clients .clients-items {
            margin-top: 20px;
            text-align: center;
        }

    /* Subscribe Form */
    .subscribe-area .content,
    .subscribe-area .form {
        display: block;
        float: none;
        text-align: center;
        vertical-align: middle;
    }

    .subscribe-area .content {
        margin-bottom: 30px;
    }

    /* Contact page */
    .contact-info-area .maps-form .form {
        margin-top: 30px;
        padding-left: 15px;
    }

    /* Login Register Form */

    form.white-popup-block .login-social {
        border-bottom: 1px solid #e7e7e7;
        margin-bottom: 15px;
        overflow: hidden;
        padding-bottom: 15px;
        padding-right: 0;
        padding-left: 0;
    }

    form.white-popup-block .login-custom {
        border-left: medium none;
        padding: 0;
    }

    form.white-popup-block {
        width: 80%;
    }


    /* Footer */
    footer .f-items .item {
        margin-bottom: 50px;
        padding-right: 15px;
    }

        footer .f-items .item:last-child {
            margin-bottom: 0;
        }

    footer .footer-bottom {
        text-align: center;
    }

    .footer-bottom .col-md-6:first-child {
        padding-left: 15px;
    }

    .footer-bottom .col-md-6:last-child {
        padding-right: 15px;
        text-align: center;
    }

    footer .f-items .f-item.link ul {
        margin-top: -10px;
    }
}


/* Custom Device */
@media only screen and (min-width: 850px) and (max-width: 991px) {

    /* Popular Courses */
    .popular-courses .popular-courses-items:hover .owl-nav .owl-prev {
        left: -60px;
    }

    .popular-courses .popular-courses-items:hover .owl-nav .owl-next {
        right: -60px;
    }


    /* Featured Courses */
    .featured-courses-area .featured-courses-carousel:hover .owl-nav .owl-prev {
        left: -60px;
    }

    .featured-courses-area .featured-courses-carousel:hover .owl-nav .owl-next {
        right: -60px;
    }

    /* Advisor */
    .advisor-area .advisor-carousel:hover .owl-nav .owl-prev {
        left: -60px;
    }

    .advisor-area .advisor-carousel:hover .owl-nav .owl-next {
        right: -60px;
    }

    /* Testimonials */
    .testimonials-area .clients-review-carousel:hover .owl-nav .owl-prev {
        left: -60px;
    }

    .testimonials-area .clients-review-carousel:hover .owl-nav .owl-next {
        right: -60px;
    }
}


/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {

    /* Heading */
    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
        line-height: 1.4;
    }

    h5, h6 {
        font-size: 14px;
        line-height: 1.4;
    }

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

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

    .default-padding.bottom-less {
        padding-bottom: 20px;
        padding-top: 50px;
    }

    .default-padding-bottom {
        padding-bottom: 50px;
    }

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

    .default-padding.bottom-30 {
        padding-bottom: 0;
        padding-top: 50px;
    }

    .default-padding.bottom-20 {
        padding-bottom: 20px;
        padding-top: 50px;
    }

    .site-heading {
        margin-bottom: 30px;
    }

    .default-padding.carousel-shadow {
        padding-bottom: 35px;
    }

    .seperator .border {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .side {
        width: 320px;
    }

    /* Topbar */
    .top-bar-area {
        display: none;
    }

        .top-bar-area.inc-transparent-nav {
            display: none;
        }

        .top-bar-area .address-info {
            display: none;
        }

            .top-bar-area .address-info li {
                -moz-border-bottom-colors: none;
                -moz-border-left-colors: none;
                -moz-border-right-colors: none;
                -moz-border-top-colors: none;
                border-color: rgba(255, 255, 255, 0.2);
                border-image: none;
                border-style: none none solid;
                border-width: medium medium 1px;
                color: #ffffff;
                display: block;
                font-family: "Poppins",sans-serif;
                line-height: 24px;
                margin-bottom: 15px;
                margin-right: 0;
                padding-bottom: 15px;
                padding-right: 0;
                text-align: center;
            }

        .top-bar-area.address-two-lines .user-login {
            margin: 10px 0;
            text-align: center;
        }

        .top-bar-area .user-login {
            text-align: center;
            margin: 10px 0;
        }

            .top-bar-area .user-login a {
                margin: 0 3px;
            }

    /* Accordion */
    .nav-pills {
        text-align: center;
    }

        .nav-pills > li {
            display: block;
            float: none;
        }

            .nav-pills > li button {
                margin-right: 0 !important;
                width: 100%;
            }

    /* Breadcrumb */
    .breadcrumb-area {
        padding: 70px 0 80px;
    }

        .breadcrumb-area h1 {
            font-size: 36px;
        }


    /* Banner */
    .banner-area.text-normal h3 {
        font-size: 24px;
    }

    .banner-area.text-normal h1 {
        font-size: 36px;
        font-weight: 600;
        line-height: 1.2;
    }

    .banner-area.text-normal.banner-style-four h1,
    .banner-area.text-normal.banner-style-one h1 {
        font-size: 36px;
    }


    .banner-area.transparent-nav .content {
        padding-top: 100px;
    }

    .banner-area.auto-height {
        padding: 0;
    }

        .banner-area.auto-height .content {
            padding: 50px 0;
        }

        .banner-area.auto-height.banner-box {
            padding: 0;
        }

    .banner-area.text-default .content h1 {
        font-size: 36px;
    }

    .banner-area form {
        width: 100%;
    }

    .banner-area.banner-box {
        margin: 0;
        border-radius: inherit;
    }

        .banner-area.banner-box .thumb {
            display: none;
        }

        .banner-area.banner-box .content {
            padding: 60px 0;
        }

    .banner-area.standard {
        padding-top: 100px;
        padding-bottom: 50px;
        height: auto !important;
    }

        .banner-area.standard .content-box h1 {
            font-size: 36px;
            margin-bottom: 25px;
        }

        .banner-area.standard .thumb {
            display: none;
        }


    /* What you learn */
    .what-learn-area .row > .info {
        padding-right: 15px;
        margin-bottom: 30px;
    }


    /* About */
    .about-area .thumb {
        margin-bottom: 30px;
        padding-right: 15px;
    }

    .our-featues-area.inc-trending-courses .col-md-6:nth-child(1) .item,
    .our-featues-area.inc-trending-courses .col-md-6:nth-child(2) .item {
        margin-top: 0;
    }

    .about-area .our-features .item {
        margin-bottom: 30px;
        text-align: center;
    }

    .about-area .our-features .col-md-3:last-child .item,
    .about-area .our-features .col-md-4:last-child .item,
    .about-area .our-features .col-md-6:last-child .item {
        margin-bottom: 0;
    }

    .about-area .our-features .item .icon,
    .about-area .our-features .item .info {
        display: block;
    }

    .about-area .our-features .item .icon {
        margin-bottom: 15px;
        padding-right: 0;
    }

    .search-course form {
        width: 100%;
    }

    .about-area.inc-trending-courses .about-info {
        padding-right: 15px;
    }

    /* Course Offer  */
    .course-offer-area .offer-box .thumb {
        padding-right: 15px;
        margin-bottom: 30px;
    }

    .course-offer-area .offer-box .row {
        display: block;
        text-align: center;
    }


    /* Top Category */

    .top-cat-area .top-cat-items.text-center {
        padding-right: 15px;
        margin-bottom: 30px;
    }

    .top-cat-items .item {
        text-align: center;
    }

        .top-cat-items .item i,
        .top-cat-items .item .info {
            display: block;
        }

        .top-cat-items .item i {
            margin-bottom: 15px;
        }



    /* Why Chose Us */
    .wcs-area .site-heading {
        margin-bottom: 20px;
        text-align: center;
    }

        .wcs-area .site-heading h2::before {
            background: #ffb606 none repeat scroll 0 0;
            bottom: 0;
            content: "";
            height: 2px;
            left: 50%;
            margin-left: -40px;
            position: absolute;
            width: 40px;
            z-index: 1;
        }

        .wcs-area .site-heading h2::after {
            background: #ffb606 none repeat scroll 0 0;
            bottom: 0;
            content: "";
            height: 2px;
            left: 50%;
            margin-left: 5px;
            position: absolute;
            width: 40px;
        }

    .wcs-area.content-default .content {
        margin-top: 30px;
    }

    .wcs-area .item .icon, .wcs-area .item .info {
        display: block;
        text-align: center;
    }

    .wcs-area .item .icon {
        margin-bottom: 20px;
    }

    .wcs-area .item .info {
        padding-left: 0;
    }

    .wcs-area .thumb, .wcs-area .content {
        display: block;
    }

    .wcs-area .thumb {
        min-height: 300px;
    }

    .wcs-area .content {
        padding: 50px 15px;
    }

    /* Featured Courses */
    .featured-courses-area.default-padding {
        padding-bottom: 0;
    }

    .featured-courses-area .info {
        margin-top: 30px;
        padding-left: 15px;
    }

        .featured-courses-area .info > h4 {
            margin-bottom: 25px;
        }

    .featured-courses-area .bottom-info {
        border: medium none;
        margin-top: 0;
        padding-top: 25px;
    }

        .featured-courses-area .bottom-info .item {
            border-bottom: 1px solid #e7e7e7;
            border-right: inherit;
            display: block;
            margin-bottom: 15px;
            margin-right: 0;
            padding: 0 0 15px;
        }

    .featured-courses-area .overlay-video {
        margin-left: -15px;
    }

    .featured-courses-area .bottom-info .col-md-3:last-child .item,
    .featured-courses-area .bottom-info .col-md-4:last-child .item,
    .featured-courses-area .bottom-info .col-md-6:last-child .item {
        margin-bottom: 0;
    }

    .featured-courses-area .featured-courses-carousel .owl-nav {
        display: none;
        margin: 0;
    }

    .our-featues-area.inc-trending-courses .col-md-3:first-child .item,
    .our-featues-area.inc-trending-courses .col-md-4:first-child .item,
    .our-featues-area.inc-trending-courses .col-md-6:first-child .item {
        margin-top: 15px;
    }

    .our-featues-area.inc-trending-courses .our-feature-items {
        padding-right: 15px;
    }

    .our-featues-area .home-sidebar {
        margin-top: 30px;
    }

    .our-featues-area.inc-trending-courses .our-feature-items .info {
        padding-right: 15px;
    }

    .our-featues-area.inc-trending-courses .our-features {
        padding-right: 0;
    }


    /* Portfolio */
    .portfolio-area.default-padding {
        padding-bottom: 35px;
    }

    .portfolio-area .portfolio-items .pf-item,
    .portfolio-area .portfolio-items.colums-2 .pf-item,
    .portfolio-area .portfolio-items.colums-3 .pf-item,
    .portfolio-area .portfolio-items.colums-4 .pf-item,
    .portfolio-area .portfolio-items.colums-6 .pf-item {
        width: 100%;
    }


    /* Popular Courses */

    .popular-courses.heading-less.default-padding {
        padding-top: 35px;
    }

    .popular-courses .popular-courses-items .owl-nav {
        display: none;
    }

    .popular-courses .popular-courses-items:hover .owl-nav .owl-prev {
        left: 5px;
    }

    .popular-courses .popular-courses-items:hover .owl-nav .owl-next {
        right: 5px;
    }

    /* Advisor */

    .advisor-area.info-default {
        padding-bottom: 5px;
    }

    .advisor-area .advisor-carousel .owl-nav,
    .advisor-area .advisor-carousel-solid .owl-nav {
        display: none;
    }

    .advisor-area .advisor-carousel:hover .owl-nav .owl-prev,
    .advisor-area .advisor-carousel-solid:hover .owl-nav .owl-prev {
        left: 5px;
    }

    .advisor-area .advisor-carousel:hover .owl-nav .owl-next,
    .advisor-area .advisor-carousel-solid:hover .owl-nav .owl-next {
        right: 5px;
    }

    .adviros-details-area .info.main-content {
        margin-top: 30px;
        padding-left: 15px;
    }

    /* Edit Profile */
    .edit-profile .update-info {
        border: medium none;
        padding-right: 15px;
    }

    .edit-profile .about-user {
        margin-bottom: 30px;
    }

    .edit-profile .update-pass {
        margin-top: 30px;
        padding-left: 15px;
    }


    /* Courses Details */
    .course-details-area .course-details-info .course-meta .item:first-child {
        border-bottom: 1px dashed #999999;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .course-details-area .course-details-info .course-meta .item {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #999999;
        border-image: none;
        border-style: none none dashed;
        border-width: medium medium 1px;
        display: block;
        float: none;
        margin: 0 0 15px;
        padding-bottom: 15px;
        padding-left: 0;
        width: 100%;
    }

    .course-details-area .course-meta .align-right {
        float: none;
        margin-top: 15px;
    }

    .course-details-area .sidebar {
        margin-top: 50px;
        padding-left: 0;
    }

    .course-list-items li .item {
        display: block;
        margin-bottom: 10px;
        padding: 0;
    }

        .course-list-items li .item:last-child {
            float: left;
            margin: 0;
        }

    .course-details-area .advisor-list-items .item .thumb,
    .course-details-area .advisor-list-items .item .info {
        display: block;
    }

    .course-details-area .advisor-list-items .item .thumb {
        margin-bottom: 15px;
    }

    .course-details-area .advisor-list-items .item .info {
        padding-left: 0;
    }

    .course-details-area .course-details-info .top-info .course-meta {
        margin-bottom: 30px;
        text-align: center;
    }

    .course-details-area .course-details-info .course-meta .item.author .thumb,
    .course-details-area .course-details-info .course-meta .item.author .desc {
        display: block;
        vertical-align: top;
    }

    .course-details-area .course-details-info .course-meta .item.author .thumb {
        margin-bottom: 10px;
    }

    .course-list-items li .item:last-child span {
        display: block;
        margin-bottom: 10px;
    }

    .course-list-items li .item:last-child a {
        padding: 5px 20px;
    }

    .course-details-area .advisor-list-items .item {
        text-align: center;
    }

        .course-details-area .advisor-list-items .item .thumb {
            margin: auto auto 15px;
        }


    /* Fun Factor */
    .fun-factor-area.default-padding.bottom-less {
        padding-bottom: 10px;
    }

    /* Event */
    .event-area .event-items .item .thumb,
    .event-area .event-items .item .info {
        display: block;
        float: none;
        vertical-align: middle;
    }

    .event-area .event-items .item.horizontal .thumb {
        min-height: 300px;
    }

    .event-area .event-items.event-carousel .owl-nav {
        display: none;
        margin: 0;
    }


    /* Reg Area */

    .reg-area .reg-items .reg-form.default-padding-bottom {
        padding-bottom: 30px;
        padding-right: 15px;
    }

    .reg-area .reg-form {
        padding-right: 15px;
    }

    .reg-area .reg-items .reg-form,
    .reg-area .reg-items .thumb {
        display: block;
    }

    .reg-area .reg-items .thumb {
        text-align: center;
    }

    .reg-area.inc-faq .reg-items .reg-form {
        margin-bottom: 30px;
    }

    .reg-area.inc-faq .reg-items .reg-form {
        display: inherit;
        float: inherit;
    }

        .reg-area.inc-faq .reg-items .reg-form .reg-box {
            padding: 30px;
        }

    .faq-area.left-sidebar .faq-content {
        float: none;
        padding-left: 15px;
    }

    /* Blog */
    .blog-area.left-sidebar .blog-content {
        float: none;
    }

    .blog-area.left-sidebar .sidebar {
        margin-top: 50px;
        padding-left: 0;
        padding-right: 0;
    }

    .blog-area .sidebar {
        margin-top: 50px;
        padding-left: 15px;
    }

    .comments-list .commen-item.reply {
        padding-left: 0;
    }

    .blog-area.full-blog.single-blog .meta .share {
        display: block;
        float: left;
        margin-top: 15px;
        width: 100%;
    }

    .blog-area.full-blog.single-blog .blog-items .blog-content .item .meta {
        margin-top: 0;
    }

    .author-bio .avatar {
        display: block;
        margin: auto auto 30px;
        width: 200px;
    }

    .author-bio .content {
        display: block;
        padding: 0;
        text-align: center;
    }

        .author-bio .content p::after {
            left: 10px;
            top: 35px;
        }


    /* Testimonials */
    .clients-review-carousel {
        text-align: center;
        ;
    }

        .clients-review-carousel .item .thumb img {
            border-radius: 50%;
            height: 150px;
            margin: auto auto 30px;
            width: 150px;
        }

        .clients-review-carousel .thumb,
        .clients-review-carousel .info {
            padding-left: 0;
            padding-right: 0;
        }

    .testimonials-area .clients-review-carousel .owl-nav {
        display: none;
    }

    .testimonials-area .clients-review-carousel:hover .owl-nav .owl-prev {
        left: 5px;
    }

    .testimonials-area .clients-review-carousel:hover .owl-nav .owl-next {
        right: 5px;
    }

    /* Partner */

    .clients-area {
        text-align: center;
    }

        .clients-area .row {
            align-items: inherit;
            display: inherit;
        }

        .clients-area .clients .clients-items {
            margin-top: 20px;
            text-align: center;
        }

    /* Subscribe Form */
    .subscribe-area .content,
    .subscribe-area .form {
        display: block;
        float: none;
        text-align: center;
        vertical-align: middle;
    }

    .subscribe-area .content {
        margin-bottom: 30px;
    }

    /* Join Us */
    .join-us-area .info {
        margin-bottom: 30px;
        padding-right: 15px;
    }


    /* Contact page */
    .contact-info-area .maps-form .form {
        margin-top: 30px;
        padding-left: 15px;
    }

    .contact-info-area .item {
        margin-bottom: 30px;
    }

    .contact-info-area .col-md-4:last-child .item {
        margin-bottom: 0;
    }

    .contact-info-area .maps-form iframe {
        height: 300px;
    }

    /* Login Register Form */

    form.white-popup-block .login-social {
        border-bottom: 1px solid #e7e7e7;
        margin-bottom: 15px;
        overflow: hidden;
        padding-bottom: 15px;
        padding-right: 0;
        padding-left: 0;
    }

    form.white-popup-block .login-custom {
        border-left: medium none;
        padding: 0;
    }

    form.white-popup-block {
        width: 95%;
    }

        form.white-popup-block .lost-pass-link {
            float: left;
            text-decoration: underline;
        }

        form.white-popup-block label {
            float: left;
            margin-right: 5px;
        }

    /* Footer */
    footer .f-items .item {
        margin-bottom: 50px;
        padding-right: 15px;
    }

        footer .f-items .item:last-child {
            margin-bottom: 0;
        }

    footer .footer-bottom {
        margin-top: 50px;
        text-align: center;
    }

    .footer-bottom .col-md-6:first-child {
        padding-left: 15px;
    }

    .footer-bottom .col-md-6:last-child {
        padding-right: 15px;
        text-align: center;
    }

    footer .f-items .f-item.link ul {
        margin-top: -10px;
    }
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    form.white-popup-block .lost-pass-link {
        float: right;
        text-decoration: none;
    }

    form.white-popup-block label {
        float: left;
    }
}

/* Max Wide Mobile Layout: 480px. */
@media only screen and (min-width: 600px) and (max-width: 800px) {

    /* Portfolio */
    .portfolio-area .portfolio-items .pf-item,
    .portfolio-area .portfolio-items.colums-2 .pf-item,
    .portfolio-area .portfolio-items.colums-3 .pf-item,
    .portfolio-area .portfolio-items.colums-4 .pf-item,
    .portfolio-area .portfolio-items.colums-6 .pf-item {
        width: 50%;
    }

    /* Popular Courses */
    .popular-courses .popular-courses-carousel .bottom-info ul {
        width: 100%;
        margin-bottom: 20px;
    }

    .popular-courses .popular-courses-carousel .bottom-info .price-btn {
        display: block;
        float: left;
        padding: 0;
    }

    .popular-courses .popular-courses-carousel .bottom-info a {
        float: left;
    }
}

/* Small Mobile Layout: 480px. */
@media only screen and (max-width: 480px) {
    .popular-courses .bottom-info ul {
        width: 100%;
        margin-bottom: 20px;
    }

    .popular-courses .popular-courses-items.bottom-price .bottom-info ul {
        width: auto;
    }

    .popular-courses .bottom-info a {
        float: left;
    }

    .popular-courses .bottom-info .price-btn {
        display: block;
        float: left;
        padding: 0;
    }

    .popular-courses .popular-courses-items.bottom-price .bottom-info .price-btn {
        float: right;
        padding: 5px 0;
    }
}

/* Mobile Layout: 600px. */
@media only screen and (max-width: 600px) {

    .course-offer-area .offer-box .info .item {
        width: 50%;
    }
}




/* ======================================= */
/* Custom */
/* ======================================= */


.home_bg {
    background-image: url('../img/home_bg.png');
    /*background-image: url(../img/119/619/index/home_bg.png);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



.home_banner {
    height: calc(100vh - 162px);
}


@media (min-width: 1024px) {
    nav.navbar ul.nav > li > a {
        padding: 0px 8px;
        font-weight: 600;
        font-size: 16px;
        text-transform: capitalize;
        color: #fff;
    }
}

nav.navbar.validnavs {
    background-color: #ffffff49;
    z-index: 100;
    padding: 0 !important;
}


a.navbar-brand {
    max-width: 300px;
}

.navbar-brand > img {
    display: block;
    height: 70px;
    object-fit: contain;
}

.aff_text {
    max-width: 100%;
    display: inline-flex;
    text-wrap: wrap;
}

    .aff_text span {
        font-size: 12px;
        color: #24579e;
        padding: 0 5px;
        position: relative;
        text-transform: none;
    }

        .aff_text span::after {
            content: "|";
            display: block;
            margin-top: 4px;
            position: absolute;
            right: 0;
            top: -3px;
            font-size: 13px;
            font-weight: 300;
        }

        .aff_text span:last-child:after {
            display: none;
        }

.nav_middle {
    position: relative;
    background: #ffffffd3;
    overflow: hidden;
}

    .nav_middle::before {
        content: "";
        position: absolute;
        background-image: url(../img/119/619/others/nav_bg.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        width: 100vw;
        z-index: -1;
        left: 0;
        top: 0;
    }
/* cm */

.cm {
    display: flex;
    align-items: center;
    padding-left: 0.7rem;
}

    .cm img {
        height: 98px;
    }

    .cm h5 {
        font-size: 14px;
        font-weight: 600;
        margin-right: 6px;
    }

        .cm h5 span {
            font-weight: 400;
            font-size: 12px;
            display: block;
            text-align: right;
        }

@media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
        left: -90%;
    }

    .navbar .dropdown .dropdown:hover > ul {
        left: -100%;
    }

    .cm h5 {
        display: none;
    }
}

@media (max-width: 560px) {
    .logo img {
        height: 68px;
    }

    .cm {
        display: none;
    }
}

@media (max-width: 1023px) {
    a.navbar-brand {
        position: absolute;
        left: 15%;
        transform: translate(-15%, -50%);
        top: 50%;
    }
}

@media (max-width: 768px) {
    .sec_log .logo {
        height: 60px !important;
        width: auto;
    }

    .sec_log h5 {
        font-size: 21px !important;
        line-height: 25px !important;
    }

    .sec_log h6 {
        font-size: 13px !important;
        line-height: 25px !important;
    }

    .aff_text span {
        font-size: 9px;
    }

    .cm img {
        height: 60px;
    }
}

nav.navbar.validnavs ul li.dropdown ul.dropdown-menu li a:hover,
nav.navbar.validnavs ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover {
    color: var(--bg-gray);
    background: var(--dark) !important;
}


.sec_log {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

    .sec_log .logo {
        height: 90px;
        width: auto;
        margin-bottom: 7px;
    }

    .sec_log h5 {
        font-size: 30px;
        font-weight: 600;
        line-height: 30px;
        margin: 0;
        color: var(--dark-secondary);
    }

    .sec_log h6 {
        font-size: 18px;
        font-weight: 600;
        line-height: 30px;
        margin: 0;
        color: var(--dark-secondary);
        text-transform: none;
    }


.footer_logo .sec_log h5 {
    font-size: 26px;
}

.footer_logo .sec_log h6 {
    font-size: 16px;
}


nav.navbar.validnavs ul li.dropdown ul.dropdown-menu li a {
    padding: 6px 10px !important;
    line-height: 20px;
    border-bottom: 1px solid rgb(232, 232, 232);
}

@media screen and (max-width: 1024px){
    .sec_log .logo {
        height: 50px;

    }

    .sec_log h5 {
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
        margin: 0;
        color: var(--dark-secondary);
    }
    .sec_log h6 {
        font-size: 15px;
        font-weight: 600;
        line-height: 8px;
    }

}


@media (min-width: 1024px) {
    nav.navbar.validnavs ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
        border-bottom: medium none;
        color: var(--dark);
        display: block;
        font-size: 15px;
        margin-bottom: 3px;
        border-top: 3px;
        padding: 0 !important;
        text-align: left;
        width: 100%;
        /* border-bottom: 1px solid gray; */
    }
}

@media (min-width: 1024px) {
    nav.navbar ul.nav > li > a {
        margin: 8px 0 !important;
        padding: 0 !important;
    }


}

.more_manu_main {
    left: -50px !important;
}

/* nav.navbar.validnavs ul.nav .dropdown-menu .dropdown-menu {
    top: 50px !important;
    left: 0;
} */

@media (min-width: 1024px) {
    nav.navbar.validnavs ul.nav.navbar-right .dropdown-menu {
        width: 250px;
    }
}

.more_drpdw_li .dd_show_left {
    top: 0;
    left: -250px !important;
}


.more_drpdw.dropdown-toggle::after {
    content: "\f0c9" !important;
}

.container_custom_width {
    width: 100%;
    max-width: 1353px;
    margin: auto;
    padding: 0 15px;
    margin: auto;
}

.icon_img {
    max-width: 60px;
    width: 60px;
    height: 60px;
    max-height: 60px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    padding: 5px;
}

/* .wcs-area .item .icon  {
    border: 1px solid rgba(255, 255, 255, 0.2);
    -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    color: var(--color-primary);
    display: inline-block;
    font-size: 50px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    width: 80px;
} */


.inner-textP {
    font-size: 14px;
}

.custom_item {
    padding-bottom: 10px !important;
}



.container-fluid.d-flex.justify-content-center.align-items-center.ps-3 {
    background: var(--dark);
}

.sticked .container-fluid.d-flex.justify-content-center.align-items-center.ps-3 {
    background: var(--color-primary);
}

@media (min-width: 1024px) {
    nav.navbar.validnavs ul.nav.navbar-right .dropdown-menu.megamenu-content {
        right: 100px !important;
        /* position: fixed; */
        /* top: 160px; */
        height: auto;
        /* overflow-y: scroll;
        max-height: calc(100vh - 165px); */
    }
}

@media (min-width: 1024px) {
    .megamenu-content .title {
        font-size: 20px;
        color: var(--color-primary);
    }
}


.stats-container {
    padding: 60px 0;
    text-align: center;
}

.stats-card {
    background: var(--bg-gray);
    border-radius: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    padding: 25px 20px;
    transition: all 0.3s ease;
    cursor: pointer;
    min-height: 250px;
    border: 1px solid var(--color-primary)
}

    /* 🔥 Hover active effect */
    .stats-card:hover {
        box-shadow: 0 6px 20px rgba(0,0,0,0.1);
        transform: scale(1.05);
    }

.icon-box {
    width: 80px;
    height: 80px;
    border-radius: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    color: #fff;
    font-size: 32px;
    position: relative;
}

    .icon-box i {
        color: var(--color-primary);
    }

/* Slight icon bounce on hover */
/* .stats-card:hover .icon-box {
      transform: translateY(-5px);
    } */
/* .stats-card:hover .orange::before,
    .stats-card:hover .blue::before,
    .stats-card:hover .green::before,
    .stats-card:hover .red::before,
    .stats-card:hover .purple::before,
    .stats-card:hover .pink::before,
    .stats-card:hover .icon-box i{
      color: var(--color-primary);
    } */

.stats-card:hover .icon-box i {
    color: var(--bg-gray);
}



.orange::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ff7043;
    height: 80px;
    width: 80px;
    border-radius: 20px;
    z-index: -1;
}

.blue::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #42a5f5;
    height: 80px;
    width: 80px;
    border-radius: 20px;
    z-index: -1;
}

.green::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #4db6ac;
    height: 80px;
    width: 80px;
    border-radius: 20px;
    z-index: -1;
}

.red::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ec407a;
    height: 80px;
    width: 80px;
    border-radius: 20px;
    z-index: -1;
}

.purple::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #7e57c2;
    height: 80px;
    width: 80px;
    border-radius: 20px;
    z-index: -1;
}

.pink::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #e040fb;
    height: 80px;
    width: 80px;
    border-radius: 20px;
    z-index: -1;
}

.stats-number {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 5px;
    color: #000;
}

.stats-label {
    color: #555;
    font-size: 14px;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .stats-card {
        margin-bottom: 20px;
    }
}





/* Tabs container */
.custom-tabs .nav {
    border-bottom: none;
    justify-content: center;
}

/* Individual tab */
.custom-tabs .nav-link {
    border: none;
    border-radius: 0;
    padding: 10px 30px;
    color: #000;
    font-weight: 500;
    background-color: #f3f3f3;
    margin-right: 5px;
    transition: 0.3s;
}

    /* Active tab */
    .custom-tabs .nav-link.active {
        background-color: #2b54e8;
        color: #fff;
        font-weight: 600;
    }

/* Tab content */
.tab-content {
    margin-top: 20px;
    padding: 20px;
    background: #fff;
}

/* Two column layout */
.notice-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #eaeaea;
    padding-top: 20px;
}

.notice-column {
    width: 48%;
}

.notice-item {
    margin-bottom: 20px;
}

    .notice-item span.new {
        color: #e60000;
        font-weight: 700;
        margin-right: 5px;
    }

    .notice-item p {
        margin: 0;
        color: #000;
        font-size: 15px;
        line-height: 1.5;
    }

/* Divider between columns */
/* .notice-columns::before {
      content: "";
      position: absolute;
      left: 50%;
      width: 1px;
      height: 100%;
      background: #e0e0e0;
      transform: translateX(-50%);
    } */

/* .notice-columns {
      position: relative;
    }

    @media (max-width: 768px) {
      .notice-column {
        width: 100%;
      }
      .notice-columns::before {
        display: none;
      }
    }

    } */

.top_shape_parent {
    position: relative;
    z-index: 1;
}

.top_shape {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 200px;
    width: 415px;
    z-index: 2;
}

/* Section titles */
h2.section-title {
    text-align: center;
    font-weight: 500;
    margin-bottom: 10px;
}

.divider {
    width: 80px;
    height: 2px;
    background-color: #000;
    margin: 0 auto 30px;
}

/* Placement cards */
.person-card {
    text-align: center;
    padding: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .person-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    }

    .person-card img {
        width: 120px;
        height: 120px;
        object-fit: cover;
        margin-bottom: 15px;
    }

    .person-card h5 {
        font-weight: 600;
        margin-bottom: 5px;
    }

    .person-card p {
        font-size: 0.9rem;
        color: #555;
        margin: 0;
    }

/* Activity images */
.activity-card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 5px;
    transition: transform 0.4s ease;
}

    .activity-card img:hover {
        transform: scale(1.05);
    }

/* Center carousel arrows */
.carousel-control-prev, .carousel-control-next {
    width: 5%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #000;
    border-radius: 50%;
    background-size: 60%;
    padding: 10px;
}
/* ======== */
/* ======== */

.section-title {
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px;
}

.notable_alumni .carousel-inner {
    padding: 20px 0;
}

/* Alumni Card */
.alumni-card {
    border-radius: 15px;
    background: #f6f2ef;
    text-align: center;
    transition: all 0.4s ease;
    padding: 20px;
    width: 90%;
    margin: auto;
}

    .alumni-card img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 12px;
        margin-bottom: 15px;
    }

    .alumni-card h5 {
        font-size: 1.1rem;
        font-weight: 600;
        color: #444;
    }

    .alumni-card p {
        font-size: 0.9rem;
        color: #555;
        margin: 0;
    }

    /* Highlight Effect */
    .alumni-card.active,
    .alumni-card:hover {
        background: linear-gradient(180deg, #ffb74d, #ffa726);
        color: #fff;
        transform: scale(1.05);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    }

        .alumni-card.active h5,
        .alumni-card.active p,
        .alumni-card:hover h5,
        .alumni-card:hover p {
            color: #fff;
        }

/* Carousel Controls */
.carousel-control-prev,
.carousel-control-next {
    width: 5%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #000;
    border-radius: 50%;
    background-size: 60%;
    padding: 10px;
}

@media (max-width: 767px) {
    .alumni-card img {
        height: 160px;
    }
}

/* ======== */



.bg-footer-custom::before {
    content: "";
    background-image: url(../img/119/619/others/footer_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.bg-footer-custom {
    /* background-color: #13135bd9; */
    background-color: var(--bg-ffooter-custom);
    position: relative;
    overflow: hidden;
    border-top-left-radius: 150px;
}

@media (max-width: 992px) {
    .bg-footer-custom {
        border-top-left-radius: 100px;
    }
}

@media (max-width: 768px) {
    .bg-footer-custom {
        border-top-left-radius: 70px;
    }
}

.about-area .thumb1 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0;
}

.thumb1_image {
    height: 650px;
    width: 500px;
    object-fit: cover;
    margin: auto;
}

.about_image_model {
    position: absolute;
    right: 0;
    bottom: 20px;
}


@media (max-width: 768px) {

    .about-area .thumb1 {
        height: 80vw;
        margin: 20px auto;
    }

    .about_image_model_3 img {
        border: 4px solid var(--dark);
        border-radius: 50%;
        width: 25vw;
        height: 25vw;
        object-fit: cover;
    }
}

@media (max-width: 992px) {
    .about_image_model_2 img {
        height: 70vw;
        width: 70vw;
    }

    .about-area .thumb1::before {
        content: "";
        z-index: -1;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        height: 70vw;
        width: 70vw;
        clip-path: polygon(100% 0, 0 0, 100% 100%);
        background-color: var(--color-primary);
    }
}



/* ======================Notice & Events=============== */
.ntc_event-section {
    /* background: #f8f9fa; */
    /* padding: 20px; */
    overflow: hidden;
    height: 300px;
    position: relative;
}

/*.ntc_event-list {
  position: absolute;
  width: 100%;
  animation: ntc_scroll-up 15s linear infinite;
}*/

.ntc_event-list {
    position: relative; /* or keep absolute if needed */
    width: 100%;
    max-height: 300px; /* set a fixed height */
    overflow-y: auto; /* enable vertical scrollbar */
}


.ntc_event-section:hover .ntc_event-list {
    animation-play-state: paused;
}

@keyframes ntc_scroll-up {
    0% {
        top: 100%;
    }

    100% {
        top: -100%;
    }
}

.ntc_event-card {
    background: var(--bg-gray);
    border: 1px solid var(--color-primary);
    border-radius: 8px;
    padding: 5px 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .ntc_event-card h6 {
        color: var(--color-primary);
    }

.ntc_event-date {
    font-weight: bold;
    background: var(--dark-secondary);
    color: var(--bg-gray);
    max-width: max-content;
    padding: 0px 6px;
    border-radius: 14px;
}

.ntc_event-new {
    color: var(--bg-gray);
    background: var(--color-primary);
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 4px;
    animation: ntc_blink 1s infinite;
}

@keyframes ntc_blink {
    50% {
        opacity: 0;
    }
}
/* ======================Notice & Events=============== */



/* Custom background colors */
.bg-rl_1 {
    background-color: #FBD836;
}

.bg-rl_2 {
    background-color: #FA9F1B;
}

.bg-rl_3 {
    background-color: #EF6D22;
}

.bg-rl_4 {
    background-color: #BE3926;
}

.right-fixed-menu {
    position: fixed;
    top: 40%;
    right: 0;
    transform: translateY(-40%);
    display: flex;
    flex-direction: column;
    z-index: 999;
    transition: all .6s ease !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
}


    /* Fade In */
    .right-fixed-menu.fade-up {
        opacity: 1 !important;
        transform: translateY(-10px) !important;
    }

    /* Fade Out */
    .right-fixed-menu.fade-down {
        opacity: 0 !important;
        transform: translateY(20px) !important;
    }

.menu-item {
    writing-mode: sideways-lr;
    text-orientation: mixed;
    text-align: center;
    padding: 20px 5px;
    cursor: pointer;
    font-weight: 500;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: all 0.4s ease;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    height: 150px;
    font-size: 14px;
    line-height: 13px;
}

/* Default staggered widths */
.right-fixed-menu .menu-item:nth-child(1) {
    width: 25px;
    height: 170px;
    z-index: 4;
}

.right-fixed-menu .menu-item:nth-child(2) {
    width: 50px;
    height: 190px;
    z-index: 3;
}

.right-fixed-menu .menu-item:nth-child(3) {
    width: 75px;
    height: 210px;
    z-index: 2;
}

.right-fixed-menu .menu-item:nth-child(4) {
    width: 100px;
    height: 230px;
    z-index: 1;
}

/* Hover effect: fade others */
.right-fixed-menu:hover .menu-item {
    opacity: 0;
}

/* Expand hovered item */
.right-fixed-menu .menu-item:hover {
    width: 100px;
    opacity: 1;
}




/* Social Media starts */
/* From Uiverse.io by asgardOP */
.button {
    cursor: pointer;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: none;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    transition: 0.1s;
}

    .button i {
        color: var(--bg-gray);
        font-size: 20px;
        z-index: 9;
    }

    .button.instagram {
        background: linear-gradient(120deg, #833ab4, #fd1d1d, #fcb045);
    }

    .button.facebook {
        background: rgb(79, 79, 240);
    }

    .button.whatsapp {
        background: linear-gradient(120deg, #02ff2c, #008a12);
    }

    .button.youtube {
        background: rgb(255, 33, 33);
    }

    .button.twitter {
        background: black;
    }

    .button:active {
        transform: scale(0.85);
    }

    .button::before {
        content: "";
        position: absolute;
        width: 44px;
        height: 44px;
        background-color: var(--dark-secondary);
        border-radius: 50px;
        z-index: -1;
        border: 0px solid rgba(255, 255, 255, 0.411);
        transition: 0.4s;
    }

    .button:hover::before {
        width: 0px;
        height: 0px;
    }

/* Social Media ends */


/* User_type */
.ut_section {
    padding: 100px 0;
    position: relative;
}

/* Animated background particles */
.ut_particles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

.ut_particle {
    position: absolute;
    width: 4px;
    height: 4px;
    background: rgba(102, 126, 234, 0.5);
    border-radius: 50%;
    animation: ut_float 15s infinite;
}

@keyframes ut_float {
    0%, 100% {
        transform: translateY(0) translateX(0);
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        transform: translateY(-100vh) translateX(50px);
        opacity: 0;
    }
}

.ut_heading-wrapper {
    position: relative;
    margin-bottom: 60px;
}

.ut_main-heading {
    font-size: 3rem;
    font-weight: 800;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin: 0;
    line-height: 1.2;
    animation: ut_fadeInUp 1s ease-out;
    position: relative;
}

    .ut_main-heading::after {
        content: '';
        position: absolute;
        bottom: -15px;
        left: 0;
        width: 100px;
        height: 4px;
        background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
        border-radius: 2px;
        animation: ut_expandWidth 1s ease-out 0.5s backwards;
    }

@keyframes ut_fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

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

@keyframes ut_expandWidth {
    from {
        width: 0;
    }

    to {
        width: 100px;
    }
}

.ut_user-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    perspective: 1000px;
}

.ut_user-box {
    background: linear-gradient(135deg, var(--dark-secondary) 0%, var(--color-secondary) 100%);
    backdrop-filter: blur(10px);
    border: 2px solid transparent;
    border-radius: 15px;
    padding: 25px 20px;
    text-align: center;
    position: relative;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    overflow: hidden;
    animation: ut_fadeInScale 0.6s ease-out backwards;
}

    .ut_user-box:nth-child(1) {
        animation-delay: 0.2s;
    }

    .ut_user-box:nth-child(2) {
        animation-delay: 0.3s;
    }

    .ut_user-box:nth-child(3) {
        animation-delay: 0.4s;
    }

    .ut_user-box:nth-child(4) {
        animation-delay: 0.5s;
    }

@keyframes ut_fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.8) rotateY(20deg);
    }

    to {
        opacity: 1;
        transform: scale(1) rotateY(0);
    }
}

.ut_user-box::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: var(--color-primary);
    border-radius: 15px;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
}

.ut_user-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transition: left 0.5s ease;
}

.ut_user-box:hover {
    transform: translateY(-10px) scale(1.05);
    box-shadow: 0 20px 60px rgba(102, 126, 234, 0.4);
}

    .ut_user-box:hover::before {
        opacity: 1;
    }

    .ut_user-box:hover::after {
        left: 100%;
    }

.ut_icon-wrapper {
    width: 60px;
    height: 60px;
    margin: 0 auto 15px;
    background: var(--color-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 0.4s ease;
}

.ut_user-box:hover .ut_icon-wrapper {
    transform: rotateY(360deg);
    box-shadow: 0 10px 30px rgba(102, 126, 234, 0.6);
}

.ut_icon-wrapper::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--color-primary);
    animation: ut_pulse 2s infinite;
}

@keyframes ut_pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.2);
        opacity: 0;
    }
}

.ut_icon-wrapper i {
    font-size: 1.5rem;
    color: white;
    position: relative;
    z-index: 1;
}

.ut_user-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: white;
    margin: 0;
    transition: all 0.3s ease;
}

.ut_user-box:hover .ut_user-title {
    color: var(--bg-gray);
    transform: scale(1.1);
}

.ut_user-description {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 8px;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.ut_user-box:hover .ut_user-description {
    opacity: 1;
    transform: translateY(0);
}

/* Responsive */
@media (max-width: 768px) {
    .ut_main-heading {
        font-size: 2rem;
    }

    .ut_user-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .ut_section {
        padding: 60px 0;
    }
}


/* User_type ends */



/* Animation Keyframes */
@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }

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

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(50px);
    }

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

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

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

@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes pulse-light {
    0%, 100% {
        box-shadow: 0 0 20px rgba(100, 200, 255, 0.5);
    }

    50% {
        box-shadow: 0 0 40px rgba(100, 200, 255, 0.8);
    }
}

@keyframes underlineSlide {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

/* Join Us Area */
.m_v_join-us-area {
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

/* Info Column Animation */
.m_v_info {
    animation: slideInLeft 0.8s ease-out;
}

    .m_v_info h2 {
        font-size: 2.5rem;
        font-weight: 700;
        margin-bottom: 40px;
        position: relative;
        display: inline-block;
        color: var(--color-primary);
        text-shadow: 0 0 10px rgba(100, 200, 255, 0.3);
    }

        .m_v_info h2::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 0;
            height: 3px;
            background: linear-gradient(90deg, #64c8ff, #00d4ff, transparent);
            animation: underlineSlide 0.8s ease-out 0.2s forwards;
            width: 0;
        }

    /* Section Titles */
    .m_v_info h4 {
        font-size: 1.3rem;
        font-weight: 600;
        color: var(--color-primary);
        margin-bottom: 15px;
        position: relative;
        padding-left: 15px;
        animation: fadeInUp 0.6s ease-out 0.3s both;
    }

        .m_v_info h4::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 20px;
            background: linear-gradient(180deg, #64c8ff, #00d4ff);
            border-radius: 2px;
        }

    /* Paragraphs */
    .m_v_info p {
        font-size: 1rem;
        line-height: 1.8;
        margin-bottom: 20px;
        animation: fadeInUp 0.6s ease-out 0.4s both;
        transition: all 0.3s ease;
    }

        .m_v_info p:hover {
            padding-left: 10px;
        }

    /* H5 Subtitle */
    .m_v_info h5 {
        font-size: 1.1rem;
        font-weight: 600;
        margin-top: 25px;
        margin-bottom: 15px;
        animation: fadeInUp 0.6s ease-out 0.5s both;
    }

/* Mission Vision List */


/* Video Column Animation */
.m_v_video {
    animation: slideInRight 0.8s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .m_v_video img {
        width: 100%;
        border-radius: 10px;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
        animation: scaleIn 0.8s ease-out;
        transition: all 0.3s ease;
        position: relative;
    }

    .m_v_video::before {
        content: '';
        position: absolute;
        inset: -5px;
        background: linear-gradient(135deg, #64c8ff, #00d4ff);
        border-radius: 10px;
        opacity: 0;
        z-index: -1;
        animation: pulse-light 2s infinite;
    }

    .m_v_video img:hover {
        transform: scale(1.02);
        box-shadow: 0 15px 50px rgba(100, 200, 255, 0.4);
    }

/* Button Styles */
.m_v_btn-light {
    background: #64c8ff;
    color: #1a1a2e;
    border: 2px solid #64c8ff;
    font-weight: 600;
    transition: all 0.3s ease;
    animation: fadeInUp 0.6s ease-out 1s both;
}

    .m_v_btn-light:hover {
        background: transparent;
        color: #64c8ff;
        box-shadow: 0 0 20px rgba(100, 200, 255, 0.5);
    }

/* Responsive */
@media (max-width: 768px) {
    .m_v_join-us-area {
        padding: 50px 0;
    }

    .m_v_info h2 {
        font-size: 2rem;
    }

    .m_v_info {
        margin-bottom: 40px;
    }

    .m_v_video {
        margin-top: 30px;
    }

    .m_v_info h4 {
        font-size: 1.2rem;
    }
}

/* Default Padding */
.m_v_default-padding {
    padding: 60px 0;
}

@media (max-width: 768px) {
    .m_v_default-padding {
        padding: 50px 0;
    }
}



.cev-section-wrapper {
    padding: 80px 20px;
    background: linear-gradient(135deg, var(--bg-gray) 0%, #ffffff 100%);
    position: relative;
    overflow: hidden;
}

    .cev-section-wrapper::before {
        content: '';
        position: absolute;
        top: -50%;
        right: -10%;
        width: 500px;
        height: 500px;
        background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);
        border-radius: 50%;
        animation: cev-float 20s ease-in-out infinite;
    }

    .cev-section-wrapper::after {
        content: '';
        position: absolute;
        bottom: -30%;
        left: -10%;
        width: 400px;
        height: 400px;
        background: radial-gradient(circle, rgba(26, 71, 42, 0.08) 0%, transparent 70%);
        border-radius: 50%;
        animation: cev-float 25s ease-in-out infinite reverse;
    }

.cev-container {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.cev-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--dark-secondary);
    margin-bottom: 60px;
    text-align: center;
    letter-spacing: -0.5px;
    position: relative;
    display: inline-block;
    width: 100%;
}

    .cev-title::after {
        content: '';
        position: absolute;
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 4px;
        background: linear-gradient(90deg, transparent, var(--color-primary), transparent);
        border-radius: 2px;
    }

.cev-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-top: 50px;
}

.cev-card {
    background: white;
    border: 2px solid transparent;
    border-radius: 15px;
    padding: 40px 25px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: pointer;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: start;
}

    .cev-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.2), transparent);
        transition: left 0.6s ease;
    }

    .cev-card:hover::before {
        left: 100%;
    }

    .cev-card:hover {
        transform: translateY(-15px) scale(1.02);
        border-color: var(--color-primary);
        box-shadow: 0 20px 50px rgba(212, 175, 55, 0.2);
    }

.cev-icon-wrapper {
    width: 100px;
    height: 100px;
    margin: 0 auto 25px;
    background: var(--);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    animation: cev-pulse 2s ease-in-out infinite;
}

    .cev-icon-wrapper img {
        font-size: 1.8rem;
        color: var(--color-primary);
        z-index: 2;
        transition: transform 0.3s ease;
        height: 70%;
        width: 70%;
    }



.cev-card-text {
    font-size: 1.1rem;
    color: #333;
    line-height: 1.6;
    font-weight: 500;
    position: relative;
    z-index: 2;
}

.cev-card-highlight {
    color: var(--color-primary);
    font-weight: 600;
}


/* Citizen Charter, Affiliating University, Annual Report */
.cc_sections-wrapper {
    background: var(--bg-gray);
    padding: 60px 20px;
    position: relative;
    overflow: hidden;
    min-height: 100vh;
}

    .cc_sections-wrapper::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: radial-gradient(circle at 20% 50%, rgba(249, 170, 0, 0.08) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(2, 43, 109, 0.08) 0%, transparent 50%);
        pointer-events: none;
        z-index: 0;
    }

.cc_section-card {
    background: var(--white);
    border-radius: 12px;
    margin-bottom: 40px;
    box-shadow: var(--box-shadow-regular);
    overflow: hidden;
    animation: cc-slideUp 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
    transition: all 0.4s ease;
    border-left: 6px solid transparent;
    position: relative;
}

    .cc_section-card:nth-child(1) {
        animation-delay: 0.1s;
        border-left-color: var(--color-secondary);
    }

    .cc_section-card:nth-child(2) {
        animation-delay: 0.3s;
        border-left-color: var(--color-secondary-alt);
    }

    .cc_section-card:nth-child(3) {
        animation-delay: 0.5s;
        border-left-color: var(--color-primary);
    }

    .cc_section-card:hover {
        transform: translateY(-8px);
        box-shadow: var(--box-shadow-secondary);
    }

    .cc_section-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(249, 170, 0, 0.1), transparent);
        transition: left 0.6s ease;
        z-index: 1;
    }

    .cc_section-card:hover::before {
        left: 100%;
    }

.cc_section-header {
    background: var(--dark);
    padding: 40px 30px;
    position: relative;
    overflow: hidden;
}

    .cc_section-header::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 300px;
        height: 300px;
        background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%);
        border-radius: 50%;
        animation: cc-float 6s ease-in-out infinite;
    }

    .cc_section-header h2 {
        color: var(--white);
        font-size: 1.8rem;
        font-weight: 700;
        display: flex;
        align-items: center;
        gap: 20px;
        position: relative;
        z-index: 2;
        margin: 0;
        font-family: var(--font-heading);
    }

.cc_section-icon {
    width: 65px;
    height: 65px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: var(--white);
    animation: cc-iconBounce 2.5s ease-in-out infinite;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

    .cc_section-icon img {
        height: 30px;
    }

.cc_section-content {
    padding: 40px 30px;
    position: relative;
    z-index: 2;
}

.cc_badge {
    display: inline-block;
    background: linear-gradient(135deg, var(--dark), var(--color-secondary));
    color: var(--bg-gray);
    padding: 8px 18px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    animation: cc-slideInRight 0.6s ease;
    margin-bottom: 20px;
}

.cc_content-text {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--color-paragraph);
    animation: cc-fadeIn 0.8s ease;
}

.cc_divider {
    height: 2px;
    background: var(--var-gradiant1);
    margin: 25px 0;
    animation: cc-expandWidth 0.6s ease;
}

.cc_content-box {
    margin: 30px 0;
    animation: cc-fadeIn 0.8s ease 0.2s backwards;
}

.cc_content-title {
    color: var(--color-heading);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 20px;
    position: relative;
    padding-left: 15px;
    font-family: var(--font-heading);
}

    .cc_content-title::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 24px;
        background: var(--var-gradiant1);
        border-radius: 2px;
    }

.cc_content-list {
    list-style: none;
    margin: 0;
}

    .cc_content-list li {
        padding: 12px 0 12px 35px;
        position: relative;
        color: var(--color-paragraph);
        line-height: 1.6;
        animation: cc-slideInLeft 0.6s ease backwards;
    }

        .cc_content-list li:nth-child(1) {
            animation-delay: 0.1s;
        }

        .cc_content-list li:nth-child(2) {
            animation-delay: 0.2s;
        }

        .cc_content-list li:nth-child(3) {
            animation-delay: 0.3s;
        }

        .cc_content-list li:nth-child(4) {
            animation-delay: 0.4s;
        }

        .cc_content-list li:nth-child(5) {
            animation-delay: 0.5s;
        }

        .cc_content-list li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: var(--color-primary);
            font-weight: bold;
            font-size: 1.2rem;
            animation: cc-checkmark 0.5s ease backwards;
        }

        .cc_content-list li:nth-child(1)::before {
            animation-delay: 0.15s;
        }

        .cc_content-list li:nth-child(2)::before {
            animation-delay: 0.25s;
        }

        .cc_content-list li:nth-child(3)::before {
            animation-delay: 0.35s;
        }

        .cc_content-list li:nth-child(4)::before {
            animation-delay: 0.45s;
        }

        .cc_content-list li:nth-child(5)::before {
            animation-delay: 0.55s;
        }

.cc_grid-2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

.cc_info-box {
    background: var(--bg-gray);
    padding: 25px;
    border-radius: 10px;
    border-left: 4px solid var(--color-primary);
    transition: all 0.3s ease;
    animation: cc-fadeIn 0.6s ease backwards;
}

    .cc_info-box:nth-child(2) {
        border-left-color: var(--color-secondary-alt);
    }

    .cc_info-box:nth-child(3) {
        border-left-color: var(--color-secondary);
    }

    .cc_info-box:nth-child(4) {
        border-left-color: var(--color-primary);
    }

    .cc_info-box:hover {
        transform: translateX(8px);
        background: var(--white);
        box-shadow: var(--box-shadow-regular);
    }

    .cc_info-box h4 {
        color: var(--color-heading);
        font-weight: 700;
        font-size: 1.05rem;
        margin-bottom: 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        font-family: var(--font-heading);
    }

        .cc_info-box h4 i {
            color: var(--color-primary);
            font-size: 1.3rem;
        }

    .cc_info-box a {
        color: var(--color-paragraph);
        font-size: 0.95rem;
        line-height: 1.5;
        margin: 0;
    }



.cc_btn-secondary {
    background: transparent;
    color: var(--dark-secondary);
    border: 2px solid var(--dark-secondary);
}

    .cc_btn-secondary:hover {
        background: var(--dark-secondary);
        color: var(--white);
        transform: translateY(-3px);
        text-decoration: none;
    }

@keyframes cc-slideUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

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

@keyframes cc-slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

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

@keyframes cc-slideInRight {
    from {
        opacity: 0;
        transform: translateX(20px);
    }

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

@keyframes cc-slideInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

@keyframes cc-fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes cc-expandWidth {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@keyframes cc-float {
    0%, 100% {
        transform: translateY(0px) translateX(0px);
    }

    50% {
        transform: translateY(-20px) translateX(15px);
    }
}

@keyframes cc-iconBounce {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

@keyframes cc-checkmark {
    from {
        opacity: 0;
        transform: scale(0);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width: 768px) {
    .cc_sections-wrapper {
        padding: 50px 15px;
    }

    .cc_section-header h2 {
        font-size: 1.3rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .cc_section-icon {
        width: 55px;
        height: 55px;
        font-size: 1.4rem;
    }

    .cc_section-content {
        padding: 25px 20px;
    }

    .cc_section-header {
        padding: 25px 20px;
    }

    .cc_grid-2 {
        grid-template-columns: 1fr;
    }
}


/* Acts, Circulars, and Guidelines ends*/

.rcg-wrapper {
    background: var(--bg-gray);
    padding: 80px 20px;
    position: relative;
    overflow: hidden;
    min-height: 100vh;
}

    .rcg-wrapper::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: radial-gradient(circle at 20% 50%, rgba(249, 170, 0, 0.08) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(2, 43, 109, 0.08) 0%, transparent 50%);
        pointer-events: none;
        z-index: 0;
    }


.rcg-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.rcg-card {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--box-shadow-regular);
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    animation: rcg-slideUp 0.8s ease backwards;
    position: relative;
    border-top: 5px solid var(--color-primary);
    cursor: pointer;
}

    .rcg-card:nth-child(1) {
        animation-delay: 0.1s;
        border-top-color: var(--color-primary);
    }

    .rcg-card:nth-child(2) {
        animation-delay: 0.2s;
        border-top-color: var(--color-secondary-alt);
    }

    .rcg-card:nth-child(3) {
        animation-delay: 0.3s;
        border-top-color: var(--color-secondary);
    }

    .rcg-card:nth-child(4) {
        animation-delay: 0.4s;
        border-top-color: var(--color-primary);
    }

    .rcg-card:nth-child(5) {
        animation-delay: 0.5s;
        border-top-color: var(--color-secondary-alt);
    }

    .rcg-card:hover {
        transform: translateY(-12px);
        box-shadow: var(--box-shadow-secondary);
    }

    .rcg-card::before {
        content: '';
        position: absolute;
        top: -100%;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(135deg, rgba(249, 170, 0, 0.08), rgba(11, 87, 227, 0.08));
        transition: top 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
        z-index: 0;
    }

    .rcg-card:hover::before {
        top: 0;
    }

.rcg-card-header {
    background: linear-gradient(135deg, transparent 0%, transparent 100%);
    padding: 30px 25px 20px;
    position: relative;
    z-index: 2;
    min-height: 120px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.rcg-card:nth-child(1) .rcg-card-header {
    background: linear-gradient(135deg, rgba(249, 170, 0, 0.15), rgba(249, 170, 0, 0.05));
}

.rcg-card:nth-child(2) .rcg-card-header {
    background: linear-gradient(135deg, rgba(11, 87, 227, 0.15), rgba(11, 87, 227, 0.05));
}

.rcg-card:nth-child(3) .rcg-card-header {
    background: linear-gradient(135deg, rgba(224, 153, 47, 0.15), rgba(224, 153, 47, 0.05));
}

.rcg-card:nth-child(4) .rcg-card-header {
    background: linear-gradient(135deg, rgba(249, 170, 0, 0.15), rgba(249, 170, 0, 0.05));
}

.rcg-card:nth-child(5) .rcg-card-header {
    background: linear-gradient(135deg, rgba(11, 87, 227, 0.15), rgba(11, 87, 227, 0.05));
}

.rcg-card-icon {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    flex-shrink: 0;
    animation: rcg-iconBounce 2.5s ease-in-out infinite;
}

.rcg-card:nth-child(1) .rcg-card-icon {
    background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    color: var(--white);
}

.rcg-card:nth-child(2) .rcg-card-icon {
    background: linear-gradient(135deg, var(--color-secondary-alt), #004cb3);
    color: var(--white);
}

.rcg-card:nth-child(3) .rcg-card-icon {
    background: linear-gradient(135deg, var(--color-secondary), var(--color-primary));
    color: var(--white);
}

.rcg-card:nth-child(4) .rcg-card-icon {
    background: linear-gradient(135deg, var(--color-primary), #ff8c00);
    color: var(--white);
}

.rcg-card:nth-child(5) .rcg-card-icon {
    background: linear-gradient(135deg, var(--color-secondary-alt), #0b57e3);
    color: var(--white);
}

.rcg-card-title-wrapper {
    flex: 1;
    margin-left: 15px;
}

.rcg-card-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--color-heading);
    font-family: var(--font-heading);
    line-height: 1.3;
    margin: 0;
    animation: rcg-slideInLeft 0.6s ease 0.2s backwards;
}

.rcg-card-content {
    padding: 25px;
    position: relative;
    z-index: 2;
}

.rcg-card-text {
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--color-paragraph);
    animation: rcg-fadeIn 0.8s ease 0.3s backwards;
    margin: 0;
}

.rcg-card-badge {
    display: inline-block;
    margin-top: 15px;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    animation: rcg-slideInUp 0.6s ease 0.4s backwards;
}

.rcg-card:nth-child(1) .rcg-card-badge {
    background: rgba(249, 170, 0, 0.2);
    color: var(--color-primary);
}

.rcg-card:nth-child(2) .rcg-card-badge {
    background: rgba(11, 87, 227, 0.2);
    color: var(--color-secondary-alt);
}

.rcg-card:nth-child(3) .rcg-card-badge {
    background: rgba(224, 153, 47, 0.2);
    color: var(--color-secondary);
}

.rcg-card:nth-child(4) .rcg-card-badge {
    background: rgba(249, 170, 0, 0.2);
    color: var(--color-primary);
}

.rcg-card:nth-child(5) .rcg-card-badge {
    background: rgba(11, 87, 227, 0.2);
    color: var(--color-secondary-alt);
}

.rcg-card-footer {
    padding: 0 25px 20px;
    position: relative;
    z-index: 2;
    display: flex;
    gap: 10px;
    align-items: center;
}

.rcg-card-link {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--dark-secondary);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
    animation: rcg-slideInRight 0.6s ease 0.5s backwards;
}

    .rcg-card-link:hover {
        color: var(--color-primary);
        transform: translateX(5px);
    }

    .rcg-card-link i {
        transition: transform 0.3s ease;
    }

    .rcg-card-link:hover i {
        transform: translateX(3px);
    }

.rcg-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: var(--var-gradiant1);
    transition: width 0.4s ease;
    z-index: 2;
}

.rcg-card:hover::after {
    width: 100%;
}

@keyframes rcg-slideUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

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

@keyframes rcg-slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

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

@keyframes rcg-slideInRight {
    from {
        opacity: 0;
        transform: translateX(20px);
    }

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

@keyframes rcg-slideInUp {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

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

@keyframes rcg-fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes rcg-iconBounce {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

@media (max-width: 768px) {
    .rcg-wrapper {
        padding: 50px 15px;
    }

    .rcg-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .rcg-card-header {
        padding: 20px 20px 15px;
        min-height: auto;
    }

    .rcg-card-title {
        font-size: 1rem;
    }

    .rcg-card-content {
        padding: 20px;
    }

    .rcg-card-text {
        font-size: 0.9rem;
    }
}

/* Acts, Circulars, and Guidelines ends*/


/* OIC Examination starts */

.responsible_text {
    color: var(--dark-secondary);
    padding: 15px 0;
    font-weight: 600;
    padding-right: 60px;
    font-size: 22px;
}

.custom_ul {
    margin: 0;
    padding: 0;
    list-style: none;
    li

{
    display: block;
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative;
    text-transform: capitalize;
    z-index: 1;
}

}

.custom_ul li::before {
    content: "\f560";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    left: 0;
    position: absolute;
}



.latest-news {
    background-color: var(--color-secondary);
    width: 100%;
    padding: 5px 0 5px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 2px solid #00006714;
    border-bottom: 2px solid #00006714;
}

.left-news-box {
    width: 10%;
    padding: 5px 10px;
    text-align: center;
    background-color: var(--color-primary);
    position: relative;
    font-weight: bold;
    color: #000;
}

    .left-news-box .polygon {
        position: absolute;
        width: 15px;
        top: 0;
        left: 100%;
        height: 100%;
        background: var(--color-primary);
        clip-path: polygon(0% 0, 100% 50%, 0% 100%);
    }

.news-contents {
    width: 85%;
    margin-right: 20px;
    height: 100%;
    display: flex;
    align-items: center;
    p

{
    margin: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
}

}

.cutsom_padding {
    padding-top: 60px;
}



/* OIC Examination ends */

/* Governing Body starts */

.key_responsibility ul li i {
    color: var(--color-primary);
    margin-right: 10px;
}

.key_responsibility ul li span {
    color: var(--bg-gray);
}

.key_responsibility ul li {
    margin-bottom: 12px;
    color: var(--color-paragraph);
    line-height: 1.6;
}

    .key_responsibility ul li:hover {
        color: var(--color-primary);
        transform: translateX(5px);
        transition: all 0.3s ease;
    }


.inner_img {
    max-height: 400px !important;
    width: 100%;
    object-fit: cover;
}



.gbody_container {
    max-width: 1200px;
    margin: 0 auto;
}

.gbody_title {
    font-family: var(--font-heading);
    font-size: 2.5rem;
    color: var(--dark);
    text-align: center;
    margin-bottom: 15px;
    font-weight: 700;
}

.gbody_subtitle {
    font-size: 1rem;
    color: var(--color-paragraph);
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px;
    line-height: 1.8;
    font-style: italic;
}

.gbody_cards_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 30px;
    margin-top: 30px;
}

.profile_card_heading {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    color: var(--dark);
    font-weight: 600;
    margin-top: 35px;
    margin-bottom: 20px;
}

.gbody_member_card {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--box-shadow-regular);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: row;
    min-height: 220px;
}

    .gbody_member_card:hover {
        transform: translateY(-5px);
        box-shadow: var(--box-shadow-primary);
    }

.gbody_card_image {
    flex: 0 0 180px;
    background: var(--bg-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 3px solid var(--color-primary);
    position: relative;
}

    .gbody_card_image img {
        width: 150px;
        height: 150px;
        object-fit: cover;
        border-radius: 50%;
        border: 3px solid var(--color-primary);
    }

.gbody_image_placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    color: var(--color-paragraph);
    font-size: 0.85rem;
    text-align: center;
    padding: 15px;
}



.gbody_card_content {
    flex: 1;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gbody_position_badge {
  display: inline-block;
  background: var(--dark-secondary);
  color: var(--white);
  padding: 5px 15px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
  font-family: var(--font-heading);
}

    .gbody_position_badge.secretary,
    .gbody_position_badge.president {
        background: var(--color-primary);
        color: var(--dark);
    }


.gbody_member_name {
    font-family: var(--font-heading);
    font-size: 1.35rem;
    color: var(--color-heading);
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1.3;
}

.gbody_member_designation {
    font-size: 0.95rem;
    color: var(--color-paragraph);
    margin-bottom: 15px;
    line-height: 1.5;
}

.gbody_contact_info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.gbody_contact_item {
    display: flex;
    align-items: start;
    font-size: 0.9rem;
    color: var(--color-paragraph);
}

.gbody_contact_label {
    font-weight: 600;
    color: var(--dark);
    min-width: 60px;
}

.gbody_contact_value {
    color: var(--color-blue);
    overflow-wrap: break-word;
    word-break: break-word;
}

.gbody_divider {
    height: 1px;
    background: #e0e0e0;
    margin: 15px 0;
}

@media (max-width: 768px) {
    .gbody_cards_grid {
        grid-template-columns: 1fr;
    }

    .gbody_member_card {
        flex-direction: column;
        min-height: auto;
    }

    .gbody_card_image {
        flex: 0 0 200px;
        border-right: none;
        border-bottom: 3px solid var(--color-primary);
    }

    .gbody_title {
        font-size: 2rem;
    }
}

@media (max-width: 550px) {
    .gbody_cards_grid {
        grid-template-columns: 1fr;
    }
}

/* Governing Body ends */

/* Finance Administration starts*/

.bullet_points {
    list-style: none;
    padding: 0;
}

    .bullet_points li {
        position: relative;
        padding-left: 25px;
        margin-bottom: 10px;
        color: var(--dark);
        line-height: 1.6;
    }

        .bullet_points li::before {
            content: "\f00c";
            font-family: "Font Awesome 5 Pro";
            font-weight: 900;
            position: absolute;
            left: 0;
            color: var(--color-primary);
        }

.bullet_points1 {
    list-style: none;
    padding: 0;
}

    .bullet_points1 li {
        position: relative;
        padding-left: 25px;
        margin-bottom: 10px;
        color: var(--color-paragraph);
        line-height: 1.6;
    }

        .bullet_points1 li::before {
            content: "\2022";
            font-family: "Font Awesome 5 Pro";
            font-weight: 900;
            position: absolute;
            left: 0;
            color: var(--color-primary);
        }

.heading_one {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-heading) !important;
    margin-bottom: 20px;
    font-family: var(--font-heading);
}

.heading_two {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-primary) !important;
    margin-bottom: 20px;
    font-family: var(--font-heading);
}

.bullet_points.light li {
    color: var(--bg-gray);
    font-weight: 400;
}


/* Finance Administration ends*/


/* vertical_tabination starts */
.vertical_tabination {
    .nav-link

{
    background: var(--white);
    color: var(--color-heading);
    border: 2px solid transparent;
    border-left: 3px solid var(--color-primary);
    border-radius: 3px 0 0 3px;
    padding: 16px 20px;
    margin-bottom: 10px !important;
    font-weight: 600;
    font-family: var(--font-heading);
    font-size: 0.95rem;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
    overflow: hidden;
    box-shadow: var(--box-shadow-regular);
    animation: bursar-slideInLeft 0.6s ease backwards;
}

.fade:not(.show) {
    opacity: 0;
    display: none;
}


/* .nav-link:hover::before {
    content: "";
    left: 0;
    position: absolute;
    width: 5px;
    height: 100%;
    background: var(--color-primary);
    top: 0;
    transition: all 0.3s ease;
  } */

.nav-link span {
    position: relative;
    z-index: 2;
}

.nav-link i {
    margin-right: 10px;
    position: relative;
    z-index: 2;
}

.nav-link:hover {
    border-left-color: var(--color-secondary-alt);
    color: var(--color-secondary-alt);
    background: linear-gradient(135deg, rgba(249, 170, 0, 0.08), rgba(11, 87, 227, 0.08));
}

.nav-link.active {
    background: var(--var-gradiant1);
    color: var(--white);
    border-left-color: var(--color-primary);
    transform: translateX(5px);
    position: relative;
    /* background: #043c95; */
}

    .nav-link.active::after {
        content: '';
        position: absolute;
        right: -8px;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-left: 8px solid var(--color-secondary);
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        animation: bursar-arrowSlide 0.4s ease;
    }

.tab-pane {
    background: var(--white);
    padding: 30px;
    border-radius: 12px;
    box-shadow: var(--box-shadow-regular);
    min-height: 300px;
    animation: bursar-fadeIn 0.6s ease;
    height: calc(100vh - 150px);
    overflow-y: scroll;
}

    .tab-pane.fade:not(.active) {
        animation: bursar-fadeOut 0.3s ease;
    }

    .tab-pane p {
        line-height: 1.8;
        color: #000000;
        margin-bottom: 20px;
    }

        .tab-pane p:last-child {
            margin-bottom: 0;
        }

    .tab-pane strong {
        color: var(--color-heading);
    }

.tab-content {
    margin-top: 0;
    padding: 0 20px;
    background: var(--bg-gray);
}

}

/* Bursar members starts */
.bursar_container {
    max-width: 1200px;
    margin: 0 auto;
}

.bursar_section_title {
    font-family: var(--font-heading);
    font-size: 2.5rem;
    color: var(--dark);
    text-align: center;
    margin-bottom: 50px;
    font-weight: 700;
}

.bursar_cards_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 30px;
    margin-top: 30px;
}

.bursar_member_card {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--box-shadow-regular);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: row;
    min-height: 280px;
}

    .bursar_member_card:hover {
        transform: translateY(-5px);
        box-shadow: var(--box-shadow-primary);
    }

.bursar_card_image {
    flex: 0 0 180px;
    background: var(--bg-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 3px solid var(--color-primary);
    position: relative;
}

    .bursar_card_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.bursar_image_placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--color-paragraph);
    font-size: 0.85rem;
    text-align: center;
    padding: 15px;
}

.bursar_image_icon {
    width: 80px;
    height: 80px;
    background: var(--dark);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    color: var(--white);
    font-size: 1.5rem;
    font-weight: 600;
}

.bursar_card_content {
    flex: 1;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bursar_position_badge {
  display: inline-block;
  background: var(--dark-secondary);
  color: var(--white);
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
  font-family: var(--font-heading);
  align-self: flex-start;
}

    .bursar_position_badge.administrative {
        background: var(--color-primary);
        color: var(--dark);
    }

    .bursar_position_badge.accounts {
        background: #28a745;
    }

    .bursar_position_badge.academic {
        background: var(--color-primary);
    }

    .bursar_position_badge.associate {
        background: #6c757d;
    }

    .bursar_position_badge.legal {
        background: #dc3545;
    }

.bursar_member_quote {
    font-size: 0.9rem;
    color: var(--color-paragraph);
    font-style: italic;
    margin-bottom: 15px;
    line-height: 1.6;
    border-left: 3px solid var(--color-primary);
    padding-left: 12px;
}

.bursar_member_name {
    font-family: var(--font-heading);
    font-size: 1.3rem;
    color: var(--color-heading);
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1.3;
}

.bursar_member_department {
    font-size: 0.9rem;
    color: var(--color-paragraph);
    margin-bottom: 15px;
    font-weight: 500;
}

.bursar_contact_info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bursar_contact_item {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    color: var(--color-paragraph);
}

.bursar_contact_label {
    font-weight: 600;
    color: var(--dark);
    min-width: 60px;
}

.bursar_contact_value {
    color: var(--color-blue);
}

.bursar_divider {
    height: 1px;
    background: #e0e0e0;
    margin: 15px 0;
}

@media (max-width: 768px) {
    .bursar_cards_grid {
        grid-template-columns: 1fr;
    }

    .bursar_member_card {
        flex-direction: column;
        min-height: auto;
    }

    .bursar_card_image {
        flex: 0 0 200px;
        border-right: none;
        border-bottom: 3px solid var(--color-primary);
    }

    .bursar_section_title {
        font-size: 2rem;
    }
}

@media (max-width: 550px) {
    .bursar_cards_grid {
        grid-template-columns: 1fr;
    }
}
/* Bursar members ends */

/* oic examination starts */
.oic_container {
    max-width: 1200px;
    margin: 0 auto;
}

.oic_section_title {
    font-family: var(--font-heading);
    font-size: 2.5rem;
    color: var(--dark);
    text-align: center;
    margin-bottom: 50px;
    font-weight: 700;
}

.oic_cards_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 30px;
    margin-top: 30px;
}

.oic_member_card {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--box-shadow-regular);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: row;
    min-height: 220px;
}

    .oic_member_card:hover {
        transform: translateY(-5px);
        box-shadow: var(--box-shadow-primary);
    }

.oic_card_image {
    flex: 0 0 180px;
    background: var(--bg-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 3px solid var(--color-primary);
    position: relative;
}

    .oic_card_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.oic_image_placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--color-paragraph);
    font-size: 0.85rem;
    text-align: center;
    padding: 15px;
}

.oic_image_icon {
    width: 80px;
    height: 80px;
    background: var(--dark);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    color: var(--white);
    font-size: 1.5rem;
    font-weight: 600;
}

.oic_card_content {
    flex: 1;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.oic_position_badge {
  display: inline-block;
  background: var(--dark-secondary);
  color: var(--white);
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
  font-family: var(--font-heading);
  align-self: flex-start;
}



    .oic_position_badge.members {
        background: var(--dark-secondary);
    }

.oic_member_name {
    font-family: var(--font-heading);
    font-size: 1.3rem;
    color: var(--color-heading);
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1.3;
}

.oic_member_department {
    font-size: 0.9rem;
    color: var(--color-paragraph);
    margin-bottom: 15px;
    font-weight: 500;
}

.oic_contact_info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.oic_contact_item {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    color: var(--color-paragraph);
}

.oic_contact_label {
    font-weight: 600;
    color: var(--dark);
    min-width: 60px;
}

.oic_contact_value {
    color: var(--color-blue);
}

.oic_divider {
    height: 1px;
    background: #e0e0e0;
    margin: 15px 0;
}

@media (max-width: 768px) {
    .oic_cards_grid {
        grid-template-columns: 1fr;
    }

    .oic_member_card {
        flex-direction: column;
        min-height: auto;
    }

    .oic_card_image {
        flex: 0 0 200px;
        border-right: none;
        border-bottom: 3px solid var(--color-primary);
    }

    .oic_section_title {
        font-size: 2rem;
    }
}

@media (max-width: 550px) {
    .oic_cards_grid {
        grid-template-columns: 1fr;
    }
}
/* oic examination ends */

/* vertical_tabination ends */

.desc {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: -20px;
}

    .desc h4 {
        background-color: var(--dark);
        color: var(--white);
        padding: 10px 20px;
        font-size: 18px;
        border-radius: 28px;
    }

.tab_heading {
    font-size: 30px;
    color: var(--dark);
    font-weight: 600;
    text-transform: capitalize;
}

.tab_sub_heading {
    font-size: 20px;
    color: var(--color-primary);
    font-weight: 600;
    text-transform: capitalize;
}

/* nhbgfdxcfvgbhjk */


#tranding {
    padding: 4rem 0;
}

@media (max-width:1440px) {
    #tranding {
        padding: 7rem 0;
    }
}

#tranding .tranding-slider {
    height: 42rem;
    padding: 2rem 0;
    position: relative;
}

@media (max-width:500px) {
    #tranding .tranding-slider {
        height: 45rem;
    }
}

.tranding-slide {
    width: 30rem;
    height: 35rem;
    position: relative;
}

@media (max-width:500px) {
    .tranding-slide {
        width: 28rem !important;
        height: 36rem !important;
    }

        .tranding-slide .tranding-slide-img img {
            width: 28rem !important;
            height: 36rem !important;
        }
}

.tranding-slide .tranding-slide-img img {
    width: 30rem;
    height: 30rem;
    border-radius: 2rem;
    object-fit: cover;
}

.tranding-slide .tranding-slide-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.tranding-slide-content .food-price {
    position: absolute;
    top: 2rem;
    right: 2rem;
    color: var(--white);
}

.tranding-slide-content .tranding-slide-content-bottom {
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    color: var(--white);
}

.swiper-slide-shadow-left,
.swiper-slide-shadow-right {
    display: none;
}

.tranding-slider-control {
    position: relative;
    bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .tranding-slider-control .swiper-button-next {
        left: 58% !important;
        transform: translateX(-58%) !important;
    }

@media (max-width:990px) {
    .tranding-slider-control .swiper-button-next {
        left: 70% !important;
        transform: translateX(-70%) !important;
    }
}

@media (max-width:450px) {
    .tranding-slider-control .swiper-button-next {
        left: 80% !important;
        transform: translateX(-80%) !important;
    }
}

@media (max-width:990px) {
    .tranding-slider-control .swiper-button-prev {
        left: 30% !important;
        transform: translateX(-30%) !important;
    }
}

@media (max-width:450px) {
    .tranding-slider-control .swiper-button-prev {
        left: 20% !important;
        transform: translateX(-20%) !important;
    }
}

.tranding-slider-control .slider-arrow {
    background: var(--white);
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    left: 42%;
    transform: translateX(-42%);
    filter: drop-shadow(0px 8px 24px rgba(18, 28, 53, 0.1));
}

    .tranding-slider-control .slider-arrow ion-icon {
        font-size: 2rem;
        color: #222224;
    }

    .tranding-slider-control .slider-arrow::after {
        content: '';
    }

.tranding-slider-control .swiper-pagination {
    position: relative;
    width: 15rem;
    bottom: 1rem;
}

    .tranding-slider-control .swiper-pagination .swiper-pagination-bullet {
        filter: drop-shadow(0px 8px 24px rgba(18, 28, 53, 0.1));
    }

    .tranding-slider-control .swiper-pagination .swiper-pagination-bullet-active {
        background: var(--primary);
        background: #007aff;
    }

/* nhbgfdxcfvgbhjk */



/* principals_message starts */

.principal_img {
    max-height: 600px !important;
    max-width: 400px !important;
    width: 100% !important;
    object-fit: cover !important;
    border-radius: 15px;
}

.principal_img_h {
    max-height: 400px;
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
}

.sign_text_desg {
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    text-align: end;
    font-size: 20px;
}

.sign_text {
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    text-align: end;
    font-size: 20px;
}

.message_quote {
    position: relative;
    z-index: 2;
    padding-left: 90px;
}


    .message_quote::before {
        content: "";
        position: absolute;
        left: 0;
        top: -30px;
        width: 70px;
        height: 70px;
        background-image: url("data:image/svg+xml;utf8,\
          <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 473'>\
          <path fill='%23F9AA00' stroke='%23F9AA00' stroke-width='15' d='M100.3 259.28l131.53 0 0 214.69 -131.53 0 -100.3 0 0 -214.69 0 -107.28c0,-83.93 68.04,-151.97 151.96,-151.97 1.99,0 3.97,0.05 5.94,0.13l0 102.04c-24.54,-1.6 -55.8,11.21 -57.6,49.8l0 107.28z'/>\
          <path fill='%23F9AA00' stroke='%23F9AA00' stroke-width='15' d='M368.47 259.28l131.53 0 0 214.69 -131.53 0 -100.31 0 0 -214.69 0 -107.28c0,-83.93 68.04,-151.97 151.97,-151.97 1.99,0 3.97,0.05 5.94,0.13l0 102.04c-24.55,-1.6 -55.81,11.21 -57.6,49.8l0 107.28z'/>\
          </svg>");
        background-size: contain;
        background-repeat: no-repeat;
    }



/* principals_message ends */
ul.list_type {
    list-style: none;
    padding-left: 0;
}

    ul.list_type li {
        padding-left: 25px;
        position: relative;
        margin-bottom: 8px;
    }

        ul.list_type li::before {
            content: "\25CB";
            font-weight: 900;
            position: absolute;
            left: 0;
            top: 2px;
            color: #0d6efd;
        }

/* Act Circular & Guideline starsts */
.acg_rti_wrapper {
    padding: 20px 0;
}

.acg_rti_header {
    padding: 10px 0;
    margin-bottom: 10px;
    text-align: center;
}

.acg_rti_title {
    font-family: var(--font-heading);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: var(--dark);
    text-align: left;
}

.acg_rti_subtitle {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.9);
    max-width: 800px;
    margin: 0 auto;
}

.acg_section_heading {
    font-family: var(--font-heading);
    font-size: 1.7rem;
    color: var(--dark);
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 15px;
}

    .acg_section_heading::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 80px;
        height: 4px;
        background: var(--color-primary);
    }

.acg_subsection_heading {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    color: var(--color-primary);
    font-weight: 600;
    margin-top: 35px;
    margin-bottom: 20px;
}

.acg_content_card {
    background: var(--white);
    border-radius: 12px;
    padding: 35px;
    margin-bottom: 30px;
    box-shadow: var(--box-shadow-regular);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .acg_content_card:hover {
        transform: translateY(-5px);
        box-shadow: var(--box-shadow-primary);
    }

.acg_overview_text {
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--color-paragraph);
    margin-bottom: 20px;
}

.acg_officer_grid {
    display: flex;
    margin-top: 30px;
    flex-direction: column;
    justify-content: flex-start;
}

.acg_officer_card {
    background: var(--white);
    border: 2px solid var(--bg-gray);
    border-radius: 10px;
    padding: 25px;
    margin: 5px 0;
    text-align: center;
    transition: all 0.3s ease;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: self-start;
}

    .acg_officer_card:hover {
        border-color: var(--color-primary);
        transform: translateY(-3px);
        box-shadow: var(--box-shadow-regular);
    }

.acg_officer_badge {
  display: inline-block;
  background: var(--dark-secondary);
  color: var(--white);
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
}

    .acg_officer_badge.pio {
        background: var(--dark-secondary);
    }

    .acg_officer_badge.apio {
        background: var(--dark-secondary);
    }

    .acg_officer_badge.faa {
        background: var(--dark-secondary);
    }

.acg_officer_name {
    font-family: var(--font-heading);
    font-size: 1.2rem;
    color: var(--color-heading);
    font-weight: 600;
    margin-bottom: 10px;
}

.acg_officer_desc {
    font-size: 0.95rem;
    color: var(--color-paragraph);
    line-height: 1.6;
    text-align: left;
}

.acg_list_items {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

    .acg_list_items li {
        padding: 12px 0 12px 30px;
        position: relative;
        font-size: 1rem;
        color: var(--color-paragraph);
        line-height: 1.7;
    }

        .acg_list_items li::before {
            content: '●';
            color: var(--color-primary);
            font-size: 1.2rem;
            position: absolute;
            left: 0;
            top: 12px;
        }

.acg_timeline_list {
    list-style: none;
    padding: 0;
    margin: 25px 0;
}

.acg_timeline_item {
    display: flex;
    align-items: flex-start;
    padding: 15px;
    margin-bottom: 15px;
    background: var(--bg-gray);
    border-radius: 8px;
    border-left: 4px solid var(--color-primary);
}

.acg_timeline_duration {
    font-family: var(--font-heading);
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--dark);
    min-width: 100px;
    margin-right: 20px;
}

.acg_timeline_desc {
    flex: 1;
    font-size: 1rem;
    color: var(--color-paragraph);
}

.acg_highlight_box {
    background: linear-gradient(135deg, var(--dark) 0%, var(--dark-secondary) 100%);
    color: var(--white);
    padding: 30px;
    border-radius: 12px;
    margin: 30px 0;
}

.acg_highlight_title {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--white);
}

.acg_highlight_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .acg_highlight_list li {
        padding: 10px 0 10px 30px;
        position: relative;
        font-size: 1rem;
        color: rgba(255, 255, 255, 0.95);
    }

        .acg_highlight_list li::before {
            content: '✓';
            color: var(--color-primary);
            font-weight: 700;
            font-size: 1.2rem;
            position: absolute;
            left: 0;
        }

.acg_info_box {
    background: #fff3cd;
    border-left: 5px solid var(--color-primary);
    padding: 20px;
    border-radius: 8px;
    margin: 25px 0;
}

.acg_info_box_title {
    font-family: var(--font-heading);
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--dark);
    margin-bottom: 12px;
}

.acg_info_box p {
    margin-bottom: 8px;
    color: var(--color-paragraph);
}


.ac g_authorities_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 25px;
    margin-top: 30px;
}


.acg_authorities_table {
    margin-top: 30px;
}

.acg_table_wrapper {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--box-shadow-regular);
}

.acg_authorities_table table {
    width: 100%;
    margin: 0;
}

.acg_authorities_table th {
    background: var(--dark);
    color: var(--white);
    font-family: var(--font-heading);
    font-weight: 600;
    padding: 18px;
    text-align: left;
    font-size: 1rem;
}

.acg_authorities_table td {
    padding: 18px;
    border-bottom: 1px solid var(--bg-gray);
    color: var(--color-paragraph);
    font-size: 1rem;
}

.acg_authorities_table tr:last-child td {
    border-bottom: none;
}

.acg_authorities_table tr:hover {
    background: var(--bg-gray);
}

.acg_authority_card {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--box-shadow-regular);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: row;
    min-height: 220px;
    border: 2px solid transparent;
}

    .acg_authority_card:hover {
        transform: translateY(-5px);
        box-shadow: var(--box-shadow-primary);
        border-color: var(--color-primary);
    }

.acg_authority_image {
    flex: 0 0 160px;
    background: var(--bg-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 3px solid var(--color-primary);
}

    .acg_authority_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.acg_authority_image {
    flex: 0 0 160px;
    background: var(--bg-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 3px solid var(--color-primary);
}

    .acg_authority_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.acg_authority_placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--color-paragraph);
    font-size: 0.85rem;
    text-align: center;
    padding: 15px;
}

.acg_authority_icon {
    width: 70px;
    height: 70px;
    background: var(--dark);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    color: var(--white);
    font-size: 1.3rem;
    font-weight: 600;
}

.acg_authority_content {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.acg_authority_badge {
  display: inline-block;
  background: var(--dark-secondary);
  color: var(--white);
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
  font-family: var(--font-heading);
  align-self: flex-start;
}

    .acg_authority_badge.public {
        background: var(--color-primary);
        color: var(--dark);
    }

    .acg_authority_badge.faa {
        background: #dc3545;
    }

    .acg_authority_badge.pio {
        background: #3636e4;
    }

.acg_authority_name {
    font-family: var(--font-heading);
    font-size: 1.2rem;
    color: var(--color-heading);
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1.3;
}

.acg_authority_dept {
    font-size: 0.9rem;
    color: var(--color-paragraph);
    margin-bottom: 12px;
    font-weight: 500;
}

.acg_authority_divider {
    height: 1px;
    background: #e0e0e0;
    margin: 12px 0;
}

.acg_authority_contact {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.acg_authority_contact_item {
    display: flex;
    align-items: center;
    font-size: 0.85rem;
    color: var(--color-paragraph);
}

.acg_authority_label {
    font-weight: 600;
    color: var(--dark);
    min-width: 55px;
}

.acg_authority_value {
    color: var(--color-blue);
    font-size: 0.85rem;
}

.acg_authorities_grid {
    display: grid;
    /* grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); */
    grid-template-columns: 1fr;
    gap: 25px;
    margin-top: 30px;
}

.acg_warning_box {
    background: #ffe5e5;
    border-left: 5px solid #dc3545;
    padding: 20px;
    border-radius: 8px;
    margin: 25px 0;
}

.acg_warning_box_title {
    font-family: var(--font-heading);
    font-size: 1.2rem;
    font-weight: 600;
    color: #dc3545;
    margin-bottom: 12px;
}

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

.acg_warning_box li {
    padding: 8px 0 8px 25px;
    position: relative;
    color: var(--color-paragraph);
}

    .acg_warning_box li::before {
        content: '⚠';
        color: #dc3545;
        font-size: 1.1rem;
        position: absolute;
        left: 0;
    }


/* ICC Specific Styling (optional) */
.acg_icc_card {
    background: var(--white);
    border: 2px solid var(--bg-gray);
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

    .acg_icc_card:hover {
        border-color: var(--color-primary);
        box-shadow: var(--box-shadow-regular);
    }

/* POSH Highlighted Notes (Optional Feature) */
.acg_posh_note {
    background: #fff3e6;
    border-left: 5px solid var(--color-primary);
    padding: 18px;
    border-radius: 10px;
    margin: 20px 0;
    font-size: 0.95rem;
}

@media (max-width: 768px) {
    .acg_rti_title {
        font-size: 2rem;
    }

    .acg_section_heading {
        font-size: 1.6rem;
    }

    .acg_content_card {
        padding: 25px;
    }

    .acg_authorities_grid {
        grid-template-columns: 1fr;
    }

    .acg_timeline_item {
        flex-direction: column;
    }

    .acg_timeline_duration {
        margin-bottom: 10px;
    }

    .acg_authorities_table {
        overflow-x: auto;
    }
}
/* Act Circular & Guideline ends */


/* Mous and Collboratioin starts */
.mou-section {
    font-family: var(--font-default);
}

/* Card Layout */
.mou-card {
    background: var(--white);
    padding: 35px;
    border-radius: 12px;
    box-shadow: var(--box-shadow-regular);
    transition: all .3s ease;
}

    .mou-card:hover {
        transform: translateY(-4px);
        box-shadow: var(--box-shadow-secondary);
    }

.mou-heading {
    font-family: var(--font-heading);
    font-size: 1.7rem;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 20px;
}

/* Feature Blocks */
.mou-feature {
    margin-bottom: 22px;
}

.mou-feature-title {
    font-family: var(--font-heading);
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 6px;
}

.mou-feature-text {
    font-size: 1.05rem;
    color: var(--color-paragraph);
    line-height: 1.7;
}

/* Highlight Box */
.mou-highlight {
    background: linear-gradient(135deg, var(--dark) 0%, var(--dark-secondary) 100%);
    padding: 40px;
    border-radius: 12px;
    color: var(--white);
}

.mou-highlight-title {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 18px;
    color: var(--bg-gray);
}

.mou-highlight-list {
    padding-left: 20px;
}

    .mou-highlight-list li {
        color: var(--white);
        margin-bottom: 10px;
        font-size: 1rem;
        position: relative;
    }

.mou-highlight-text {
    margin-top: 15px;
    color: rgba(255,255,255,0.92);
    font-size: 1.05rem;
}

.mou-highlight-list li:before {
    position: absolute;
    content: "\2713";
    left: -15px;
    top: 0;
    color: var(--color-primary);
    font-weight: 700;
}

/* Mous and Collboratioin ends */

/*today*/
.library-bullet {
    list-style: disc;
    color: black;
    margin: 0;
    padding: 0;
}

ol.library-bullet {
    color: black;
    margin: 0;
    padding: 0;
    list-style: decimal;
}

.tab-header {
    font-size: 25px;
    font-weight: 600;
}

table.table {
    border: 1px solid gray;
}

    table.table thead tr th {
        background: var(--dark) !important;
        color: var(--bg-gray) !important;
    }

/* Profile Table starts */
.profile_tbl_container {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--box-shadow-regular);
    animation: profile_tbl_fadeIn 0.6s ease-out;
    margin-bottom: 20px;
}

@keyframes profile_tbl_fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

.profile_tbl_header {
    background: var(--dark);
    color: var(--white);
    padding: 10px;
    text-align: center;
    margin: 20px 20px 0;
}

    .profile_tbl_header h1 {
        font-family: var(--font-heading);
        font-size: 2rem;
        margin-bottom: 10px;
        animation: profile_tbl_slideDown 0.8s ease-out;
        color: var(--bg-gray);
    }

@keyframes profile_tbl_slideDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

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

.profile_tbl_wrapper {
    padding: 20px;
}

.profile_tbl_table thead th {
    background: var(--dark-secondary);
    color: var(--white);
    font-family: var(--font-heading);
    font-weight: 600;
    letter-spacing: 0.5px;
    border: none;
    vertical-align: middle;
}

    .profile_tbl_table thead th:last-child,
    .profile_tbl_table tbody td:last-child {
        width: 30%;
        text-align: center;
    }

.profile_tbl_table.downld_doc_tbl thead th:last-child,
.profile_tbl_table.downld_doc_tbl tbody td:last-child {
    width: auto;
    text-align: center;
}

.profile_tbl_table thead th:last-child,
.profile_tbl_table tbody td:last-child {
    width: 30%;
    text-align: center;
}


.profile_tbl_table tbody tr:hover {
    background: var(--bg-gray);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.profile_tbl_role_badge {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
    animation: profile_tbl_pulse 2s infinite;
}

@keyframes profile_tbl_pulse {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}

.profile_tbl_badge_primary {
    background: var(--color-primary);
    color: var(--dark);
}

.profile_tbl_badge_secondary {
    background: var(--dark-secondary);
    color: var(--white);
}

.profile_tbl_name {
    font-weight: 600;
    color: var(--color-heading);
}

.profile_tbl_department {
    color: var(--color-paragraph);
    font-style: italic;
}

@media (max-width: 768px) {
    .profile_tbl_header h1 {
        font-size: 1.5rem;
    }

    .profile_tbl_role_badge {
        padding: 4px 8px;
        font-size: 0.8rem;
    }
}
/* Profile Table ends */


.circle_icon {
    font-size: 12px;
    margin-right: 10px;
    color: #f9aa00;
}



/* profile table 2 starts */


.profile_table2_filter-section {
    padding: 25px 30px;
    background: var(--white);
    border-bottom: 2px solid var(--bg-gray);
}

    .profile_table2_filter-section label {
        font-weight: 600;
        color: var(--color-heading);
        font-size: 0.95rem;
    }

#profile_table2_departmentFilter {
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    font-family: var(--font-default);
    font-size: 0.95rem;
    transition: all 0.3s ease;
}

    #profile_table2_departmentFilter:hover,
    #profile_table2_searchInput:hover {
        border-color: var(--color-secondary);
    }

    #profile_table2_departmentFilter:focus,
    #profile_table2_searchInput:focus {
        border-color: var(--color-secondary);
        box-shadow: 0 0 0 3px rgba(11, 87, 227, 0.1);
    }

#profile_table2_searchInput {
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    font-family: var(--font-default);
    font-size: 0.95rem;
    transition: all 0.3s ease;
}

.profile_table2_table-wrapper {
    overflow-x: auto;
    padding: 30px;
}

#profile_table2_facultyTable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

    #profile_table2_facultyTable thead {
        background: var(--dark-secondary);
        color: var(--white);
    }

#profile_table2_facultyTable thead th {
  padding: 18px 15px;
  text-align: left;
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

            #profile_table2_facultyTable thead th:first-child {
                border-radius: 8px 0 0 0;
                text-align: center;
                width: 80px;
            }

            #profile_table2_facultyTable thead th:last-child {
                border-radius: 0 8px 0 0;
                text-align: center;
            }

    #profile_table2_facultyTable tbody tr {
        background: var(--white);
        transition: all 0.3s ease;
    }

        #profile_table2_facultyTable tbody tr:nth-child(even) {
            background: var(--bg-gray);
        }

        #profile_table2_facultyTable tbody tr:hover {
            background: #fff8e6;
            transform: scale(1.01);
            box-shadow: var(--box-shadow-regular);
        }

    #profile_table2_facultyTable tbody td {
        padding: 20px 15px;
        border-bottom: 1px solid #e8e8e8;
        font-size: 0.95rem;
        color: var(--color-paragraph);
    }

        #profile_table2_facultyTable tbody td:first-child {
            text-align: center;
            font-weight: 600;
            color: var(--dark);
            font-size: 1rem;
        }

.profile_table2_name-cell {
    font-weight: 600;
    color: var(--color-heading);
    font-size: 1rem;
}

.profile_table2_designation-cell {
    color: var(--color-secondary);
    font-weight: 500;
}

.profile_table2_department-badge {
    display: inline-block;
    padding: 6px 12px;
    background: var(--color-primary);
    color: var(--dark);
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
}

.profile_table2_cv-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background: var(--color-secondary);
    color: var(--white);
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.85rem;
    transition: all 0.3s ease;
}

    .profile_table2_cv-link:hover {
        background: var(--dark);
        box-shadow: var(--box-shadow-secondary);
        transform: translateY(-2px);
        color: #fff;
    }

    .profile_table2_cv-link.profile_table2_disabled {
        background: #cccccc;
        cursor: not-allowed;
    }

        .profile_table2_cv-link.profile_table2_disabled:hover {
            background: #cccccc;
            transform: none;
            box-shadow: none;
        }

.profile_table2_photo-cell {
    text-align: center;
}

.profile_table2_profile-photo {
    width: 60px;
    height: 80px;
    border-radius: 10px;
    object-fit: cover;
    border: 1px solid var(--color-primary);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.profile_table2_no-photo {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--bg-gray);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-paragraph);
    font-size: 0.8rem;
    border: 2px dashed #cccccc;
}

@media (max-width: 768px) {
    #profile_table2_facultyTable {
        font-size: 0.85rem;
    }

        #profile_table2_facultyTable thead th {
            padding: 12px 8px;
            font-size: 0.8rem;
        }

        #profile_table2_facultyTable tbody td {
            padding: 15px 8px;
        }

    .profile_table2_profile-photo,
    .profile_table2_no-photo {
        width: 60px;
        height: 60px;
    }
}
/* profile table 2 ends */





/* ==================================Dark Mode=============================== */
.dark-mode {
    body, #main-content, .home_bg

{
    background-image: none !important;
    background-color: #000000;
}

.bg-footer-custom,
.navbar-sticky .nav_middle,
.nav_middle {
    background: #000000a1 !important;
}


nav.navbar.validnavs ul li.dropdown ul.dropdown-menu li a {
    color: #ffffff !important;
}

.banner-area.text-normal.banner-style-one h1,
.banner-area.text-normal h3 {
    color: #ffffff;
}


.mou-card,
.mou-ca,
.cc_sections-wrapper,
.ntc_event-card,
.stats-card,
.btn.btn-light,
.vertical_tabination .tab-pane {
    background: #1c1c1c;
}




.profile_tbl_container,
.cc_section-card,
.about-area.our-featues-area .our-features .item,
nav.navbar.validnavs li.dropdown ul.dropdown-menu,
.acg_officer_card,
table.table tbody tr td,
.acg_highlight_box,
.oic_member_card,
.gbody_member_card,
.acg_content_card {
    background: #48494a;
}


.acg_section_heading::after {
    background: #ffb606; /* orange */
}


.acg_timeline_duration,
.vertical_tabination .nav-link:hover {
    color: #ffb606 !important;
}




.bullet_points li::before,
.mou-feature-title,
.mou-highlight-list li:before {
    color: #ffb606 !important;
}

.bullet_points li a,
.bullet_points li,
.mou-highlight-list li {
    color: #ffffff !important;
}




.sticked .container-fluid.d-flex.justify-content-center.align-items-center,
.cc_section-header,
footer .footer-bottom,
.vertical_tabination .tab-content {
    background-color: #000;
}






.profile_tbl_table tbody td a {
    color: var(--color-primary);
}


.apply_admission,
.acg_officer_desc,
.table tbody td,
.profile_tbl_table tbody td,
.acg_overview_text,
.profile_tbl_department,
.profile_tbl_name,
.acg_list_items li,
.acg_list_items li strong,
.about-area .info h4,
.cc_content-text,
.info p, .principals_message p,
.about-info p,
.message_quote p,
.cm h5 div, .cm h5 span,
.profile_tbl_header h1,
.breadcrumb-area .breadcrumb a, .breadcrumb-area .breadcrumb li,
.breadcrumb > li + li::before,
.breadcrumb-area .breadcrumb li i,
.acg_officer_badge,
.acg_officer_badge,
.mou-highlight-title,
.mou-heading,
.acg_section_heading,
.profile_tbl_role_badge,
table.table thead tr th,
.left-news-box,
.left-news-box .polygon,
.bursar_position_badge,
.about-area .info h1,
.about-area .info h2,
.about-area .info h2 a,
.gbody_position_badge,
.acg_rti_title,
.vertical_tabination .nav-link.active,
.vertical_tabination .tab-content,
.cc_info-box h4 i,
.cc_section-icon,
.cc_section-header h2,
.profile_table2_cv-link,
.profile_table2_department-badge,
#profile_table2_facultyTable thead th,
.cc_section-icon,
.cc_badge,
.cc_section-header h2,
.m_v_info h4,
.m_v_info h2,
.m_v_info p,
.footer-bottom .link li a,
footer .footer-bottom p,
.advisor-item .info-box .info-title span,
.advisor-item .info-title h4,
.ntc_event-card h6,
.site-heading h2,
.site-heading p,
.site-heading h2,
.wcs-area .item .info p,
.wcs-area .item .info h4 a,
.ut_user-title,
.stats-label,
.stats-number,
.icon-box i,
.btn.btn-light,
.btn-theme.effect {
    color: #ffffff !important;
}

    footer .footer-bottom p a {
        color: #ffe174 !important;
    }

.button i {
    color: #ffffff !important;
}

.cev-section-wrapper {
    background: #121212 !important;
}


.profile_table2_cv-link.profile_table2_disabled {
    background: #494444;
    cursor: not-allowed;
}

#profile_table2_facultyTable tbody td {
    background-color: #000 !important;
    color: #ffffff !important;
}

.swiper-pagination-bullet,
.ntc_event-new,
.ntc_event-date {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.sec_log h6,
.sec_log h5 {
    color: #ffffff !important;
}

}


.footer_div_bottom h5 {
    color: #fff;
}

.footer_div_bottom h6 {
    color: #fff;
}

.footer_div_bottom .aff_text span {
    color: #fff;
}

.footer_div_bottom {
    margin-bottom: 20px;
}

.owl-carousel img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

/* ========================================================================== */


tr.dragging {
    opacity: 0.6;
    background-color: #ffe8a3;
}

tr.drag-over {
    background-color: #d4edff;
    border-top: 2px solid #0d6efd;
}