/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
    font-family: "Open Sans", sans-serif, Eczar-Medium;
    color: #000;
}

a {
    color: #861619;
    text-decoration: none;
}

    a:hover {
        color: #ab862d;
        text-decoration: none;
    }

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", sans-serif, Eczar-SemiBold;
}

@font-face {
    font-family: 'Eczar-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Eczar Regular'), url('../fonts/Eczar-Regular.woff') format('woff');
}


@font-face {
    font-family: 'Eczar Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Eczar Medium'), url('../fonts/Eczar-Medium.woff') format('woff');
}


@font-face {
    font-family: 'Eczar-SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Eczar-SemiBold'), url('../fonts/Eczar-SemiBold.woff') format('woff');
}


@font-face {
    font-family: 'Eczar Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Eczar Bold'), url('../fonts/Eczar-Bold.woff') format('woff');
}


@font-face {
    font-family: 'Eczar ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Eczar ExtraBold'), url('Eczar-ExtraBold.woff') format('woff');
}
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
}

    #preloader:before {
        content: "";
        position: fixed;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        border: 6px solid #861619;
        border-top-color: #d1e6f9;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        animation: animate-preloader 1s linear infinite;
    }
.loader {
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 6px solid #861619;
    border-top-color: #d1e6f9;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: animate-preloader 1s linear infinite;
    cursor: wait;
}

.fade-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.5;
    pointer-events: none;
}
@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 996;
    background: #861619;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: all 0.4s;
}

    .back-to-top i {
        font-size: 28px;
        color: #fff;
        line-height: 0;
    }

    .back-to-top:hover {
        background: #ab862d;
        color: #fff;
    }

    .back-to-top.active {
        visibility: visible;
        opacity: 1;
    }

.datepicker-dropdown {
    padding: 20px !important;
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
    background: #5a0606;
    height: 36px;
    font-size: 14px;
    transition: all 0.5s;
    z-index: 996;
    color: #fff;
    font-family: Eczar-SemiBold;
}

    #topbar.topbar-scrolled {
        top: -36px;
    }

    #topbar .contact-info a {
        line-height: 1;
        color: #fff;
        transition: 0.3s;
        padding-right: 20px;
        font-family: 'Eczar-Regular';
    }

        #topbar .contact-info a:hover {
            color: #ab862d;
        }

    #topbar .contact-info i {
        color: #ab862d;
        padding-right: 4px;
        margin-left: 15px;
        line-height: 0;
        margin-right: 0px;
    }

        #topbar .contact-info i:first-child {
            margin-left: 0;
        }


    #topbar .dark-call {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: #FFC107;
        border-radius: 50%;
        position: relative;
        top: 3px;
        right: 3px;
    }

    #topbar .light-call {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: #fff;
        border-radius: 50%;
        position: relative;
        top: 3px;
    }

    #topbar .social-links .facebook {
        padding-right: 5px !important;
    }

        #topbar .social-links .facebook i {
            padding: 0px;
            line-height: 1.6;
            color: #fff;
            text-decoration: none;
            font-size: 1.2em;
        }

            #topbar .social-links .facebook i:hover {
                color: #ab862d;
                font-size: 1.2em;
            }

    #topbar .social-links .linkedin {
        padding: 0 2px;
    }

        #topbar .social-links .linkedin i {
            padding: 0px;
            line-height: 0;
            color: #fff;
            text-decoration: none;
            font-size: 1.2em;
        }

            #topbar .social-links .linkedin i:hover {
                color: #ab862d;
                font-size: 1.2em;
            }



    #topbar .social-links .twitter {
        padding: 0 2px;
    }

        #topbar .social-links .twitter i {
            padding: 0px;
            line-height: 0;
            color: #fff;
            text-decoration: none;
            font-size: 1.2em;
        }

            #topbar .social-links .twitter i:hover {
                color: #ab862d;
                font-size: 1.2em;
            }


    #topbar .js-font-decrease {
        padding-right: 10px !important;
    }

    #topbar .js-font-normal {
        padding-right: 10px !important;
    }

@media (max-width: 400px) {
    #topbar .contact-info a {
        padding-right: 6px;
    }
}

@media (max-width: 550px) {
    .d-none-head1 {
        display: none;
    }
}

@media (max-width: 993px) {
    .d-none-head {
        display: none;
    }

    .d-sm-hide {
        display: none;
    }

    .contact-info {
        font-size: 12px;
    }

    #topbar .contact-info a {
        padding-right: 10px;
    }
}

@media (max-width:480px) {
    #onhoverfb {
        display: none;
        width: auto;
        position: absolute;
        left: 10px;
        top: 18px;
        background: #861619;
        z-index: 99999;
        padding: 5px;
    }

    #clockicon:hover ~ #onhoverfb {
        display: block;
        padding: 5px;
    }

    .d-none-475 {
        display: none;
    }
}

@media (max-width: 1200px) {

    .contact-info {
        font-size: 12px;
    }
}

#onhoverfb {
    display: none;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
    background: #fff;
    transition: all 0.5s;
    z-index: 997;
    padding: 10px 0;
    top: 36px;
    box-shadow: 0px 2px 15px rgba(25, 119, 204, 0.1);
    position: relative;
}


#header-menu {
    position: relative;
    top: 10px;
    z-index: 999;
    /* border-radius: 10px;  */
    background: #861619;
    right: 0;
    font-family: Eczar-SemiBold;
}

    /* #header-menu .header-scrolled .login-btn {
  margin-left: 25px;
  background: #ed7b03;
}
#header-menu .header-scrolled .mobile-nav-toggle {
  color: #fff;
  
} */

    #header-menu.header-scrolled {
        top: 0;
        position: fixed !important;
        left: 0;
        right: 0;
        /* background: #000; */
        box-shadow: rgba(0,0,0,.16) 0px 3px 6px, rgba(0,0,0,.23) 0px 3px 6px;
        max-width: 100%;
        border-radius: 0;
        font-family: Eczar-SemiBold;
    }




.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.header-login-btn {
    position: absolute !important;
    right: -240px;
}

#header .logo-text h2 {
    color: #861619;
    text-shadow: 0 0 #000;
    font-size: 22px;
    margin: 0;
    font-family: Eczar-SemiBold;
    line-height: 38px;
}

#header .logo-text h4 {
    color: #000;
    text-shadow: 0 0 #000;
    font-size: 15px;
    margin: 0;
    font-family: Eczar-SemiBold;
}

#header .logo-text h2 a {
    color: #2c4964;
}

#header .logo-text img {
    max-height: 70px;
}

#header .logo-text-right img {
    max-height: 70px;
}

@media (max-width: 990px) {
    #header .logo-text-right {
        display: none;
    }

    #header-menu {
        position: absolute;
        top: 0px;
        z-index: 999;
        border-radius: 10px;
        background: transparent;
        max-width: 1150px;
    }

    .header-login-btn {
        position: relative !important;
        right: 0px;
        ;
    }

    .navbar {
        padding: 0;
        margin: 20px 0;
        float: right;
    }
}



@media (max-width: 400px) {
    #header .logo-text h2 {
        font-size: 15px !important;
    }
}

@media (max-width: 768px) {
    #header .logo-text h2 {
        font-size: 15px !important;
        font-family: Eczar-SemiBold;
    }

    #header .logo-text h4 {
        font-size: 14px;
    }

    #header .logo-text img {
        max-height: 50px;
    }

    #header {
        padding: 10px 0;
    }
}

@media (max-width: 1250px) {
    #header .logo-text h2 {
        font-size: 18px;
        font-family: Eczar-SemiBold;
    }

    .header-login-btn {
        position: absolute !important;
        right: -150px;
    }
}

.navbar > ul > li {
    position: relative;
    white-space: nowrap;
    padding: 8px 0 8px 10px;
}

#header .logo-text img {
    max-height: 70px;
}

/**
* Login Button *
*/

.login-btn {
    margin-left: 25px;
    background: #ab862d;
    color: #fff !important;
    border-radius: 50px;
    padding: 8px 25px !important;
    white-space: nowrap !important;
    transition: 0.3s;
    font-size: 14px !important;
    display: inline-block !important;
    font-family: 'Eczar-SemiBold' !important;
}

    .login-btn:hover {
        background: #984d07;
        color: #fff;
    }

@media (max-width: 768px) {
    .login-btn {
        margin: 0 0px 0 15px;
        padding: 6px 18px;
    }
}


@media (max-width: 991px) {
    .header-login-btn {
        position: relative !important;
        right: 0px;
    }

    #header-menu.header-scrolled {
        top: -80px;
        position: relative;
    }

    #topbar.topbar-scrolled {
        top: 0px;
    }

    .home-slide {
        margin-top: 36px;
    }
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/


/**
* Desktop Navigation 
*/
.navbar {
    padding: 0;
}

    .navbar ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        align-items: center;
        font-family: Eczar-SemiBold;
    }

    .navbar li {
        position: relative;
    }

    .navbar > ul > li {
        position: relative;
        white-space: nowrap;
        padding: 5px 15px 5px 15px
    }

        .navbar > ul > li:first-child {
            padding: 5px 15px 5px 0px
        }

    .navbar a,
    .navbar a:focus {
        display: flex;
        align-items: center;
        justify-content: left;
        font-size: 15px;
        color: #fff;
        white-space: nowrap;
        transition: 0.3s;
        /* border-bottom: 2px solid #fff; */
        padding: 5px 2px;
        font-weight: 600;
        font-family: 'Eczar-Medium';
    }

        .navbar a i,
        .navbar a:focus i {
            font-size: 12px;
            line-height: 0;
            margin-left: 5px;
        }

        .navbar a:hover,
        .navbar .active,
        .navbar .active:focus,
        .navbar li:hover > a {
            color: #ab862d;
            border-color: #ab862d;
        }

    .navbar .dropdown ul {
        display: block;
        position: absolute;
        right: 20px;
        top: calc(100% + 30px);
        margin: 0;
        padding: 10px 0;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        background: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
        transition: 0.3s;
        
    }

        .navbar .dropdown ul li {
            border-bottom: 1px solid #dedada;
        }

            .navbar .dropdown ul li:last-child {
                border-bottom: 0;
            }

            .navbar .dropdown ul li a {
                padding: 10px 20px;
                font-size: 14px;
                font-weight: 500;
                text-transform: none;
                color: #861619;
                border: none;
            }

                .navbar .dropdown ul li a:hover {
                    text-decoration: underline;
                }

        .navbar .dropdown ul a i {
            font-size: 12px;
        }

        .navbar .dropdown ul a:hover,
        .navbar .dropdown ul .active:hover,
        .navbar .dropdown ul li:hover > a {
            color: #ab862d;
        }

    .navbar .dropdown:hover > ul {
        opacity: 1;
        top: 100%;
        visibility: visible;
    }

    .navbar .dropdown .dropdown ul {
        top: 0;
        left: calc(100% - 30px);
        visibility: hidden;
    }

    .navbar .dropdown .dropdown:hover > ul {
        opacity: 1;
        top: 0;
        left: 100%;
        visibility: visible;
    }

@media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
        left: -90%;
    }

    .navbar .dropdown .dropdown:hover > ul {
        left: -100%;
    }
    /*.navbar>ul>li {
    padding: 8px 0 8px 10px;
  }*/
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
    color: #a82800;
    font-size: 28px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

.mobile-nav-toggle {
    margin-left: 10px;
}

    .mobile-nav-toggle i {
        color: #a82800;
    }

@media (max-width: 991px) {
    .mobile-nav-toggle {
        display: block;
    }

    .navbar ul {
        display: none;
    }

    #header {
        height: 90px;
        position: relative;
    }
}

.navbar-mobile {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(19, 19, 20, 0.9);
    transition: 0.3s;
    z-index: 999;
}

    .navbar-mobile .mobile-nav-toggle {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .navbar-mobile ul {
        display: block;
        position: absolute;
        top: 55px;
        right: 15px;
        bottom: 15px;
        left: 15px;
        padding: 10px 0;
        background-color: #fff;
        overflow-y: auto;
        transition: 0.3s;
    }

    .navbar-mobile > ul > li {
        padding: 0;
        width: 70%;
    }

    .navbar-mobile a,
    .navbar-mobile a:focus {
        padding: 10px 20px;
        font-size: 15px;
        color: #000;
        border: none;
    }

        .navbar-mobile a:hover,
        .navbar-mobile .active,
        .navbar-mobile li:hover > a {
            color: #a82800;
        }

    .navbar-mobile .getstarted,
    .navbar-mobile .getstarted:focus {
        margin: 15px;
    }

    .navbar-mobile .dropdown ul {
        position: static;
        display: none;
        margin: 10px 20px;
        padding: 10px 0;
        z-index: 99;
        opacity: 1;
        visibility: visible;
        background: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    }

        .navbar-mobile .dropdown ul li {
            min-width: 200px;
        }

        .navbar-mobile .dropdown ul a {
            padding: 10px 20px;
        }

            .navbar-mobile .dropdown ul a i {
                font-size: 12px;
            }

            .navbar-mobile .dropdown ul a:hover,
            .navbar-mobile .dropdown ul .active:hover,
            .navbar-mobile .dropdown ul li:hover > a {
                color: #000;
            }

    .navbar-mobile .dropdown > .dropdown-active {
        display: block;
    }

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
    width: 100%;
    height: 65vh;
    background: url("../img/hero-bg.jpg") top center;
    background-size: cover;
    margin-bottom: 0px;
    border-bottom: 6px solid #743504;
}

    #hero .container {
        position: relative;
    }

    #hero h1 {
        margin: 0;
        font-size: 48px;
        font-weight: 700;
        line-height: 56px;
        color: #743504;
        font-family: Eczar-SemiBold;
    }

    #hero h2 {
        color: #743504;
        margin: 10px 0 0 0;
        font-size: 20px;
        font-family: Eczar-SemiBold;
        max-width: 700px;
        line-height: 30px;
    }

    #hero .btn-get-started {
        font-family: Eczar-SemiBold;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 12px 35px;
        margin-top: 30px;
        border-radius: 50px;
        transition: 0.5s;
        color: #fff;
        background: #861619;
    }

        #hero .btn-get-started:hover {
            background: #ab862d;
        }

/* @media (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
} */
.navbar1 {
    position: absolute !important;
    right: 80px;
    top: -65px;
}

    .navbar1 a {
        color: #000;
        padding: 10px 10px;
    }

.navbar1english {
    position: absolute !important;
    right: 210px;
    top: -65px;
}

    .navbar1english a {
        color: #000;
        padding: 10px 10px;
    }

.navbar12 {
    position: absolute !important;
    right: -180px;
    top: -65px;
}

    .navbar12 a {
        color: #000;
        padding: 10px 10px;
    }

.navbar123 {
    position: absolute !important;
    right: -60px;
    top: -65px;
}

    .navbar123 a {
        color: #000;
        padding: 10px 10px;
    }
.navbar123English {
    position: absolute !important;
    right: 10px;
    top: -65px;
}

    .navbar123English a {
        color: #000;
        padding: 10px 10px;
    }




@media (max-width: 992px) {
    .navbar1 {
        position: relative !important;
        right: 0;
        top: 0;
    }
    .navbar1english {
        position: relative !important;
        right: 0;
        top: 0;
    }
    .navbar12 {
        position: relative !important;
        right: 0;
        top: 0;
    }

    .navbar123 {
        position: relative !important;
        right: 0;
        top: 0;
    }

    .navbar123English {
        position: relative !important;
        right: 0;
        top: 0;
    }

    .newicon:after {
        top: 14px !important;
        left: 129px;
    }
}

@media (max-width: 992px) {


    #hero {
        margin-bottom: 0;
        background: url("../img/hero-bg-tablet.jpg") top center !important;
        background-repeat: no-repeat;
        height: auto;
        margin-top: 10px;
    }

        #hero .container {
            padding-bottom: 63px;
        }

        #hero h1 {
            font-size: 28px;
            line-height: 36px;
        }

        #hero h2 {
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 30px;
            max-width: 66%;
        }

    .counts {
        background: transparent;
        padding: 10px 0 0px !important;
    }
}

@media (max-width: 600px) {
    #hero {
        background: url("../img/hero-bg-mobile.jpg") top center !important;
        background-repeat: no-repeat;
        height: 338px;
        margin-top: 0%;
    }

        #hero h1 {
            font-size: 22px;
            line-height: 30px;
            margin-top: 20%;
        }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
    padding: 60px 0;
    overflow: hidden;
}

.section-bg {
    background-color: #f5ede6;
}

.section-title {
    text-align: center;
    padding-bottom: 30px;
}

    .section-title h2 {
        font-size: 32px;
        font-weight: bold;
        margin-bottom: 20px;
        padding-bottom: 20px;
        position: relative;
        color: #743504;
        font-family: Eczar-SemiBold;
    }

        .section-title h2::before {
            content: "";
            position: absolute;
            display: block;
            width: 120px;
            height: 1px;
            background: #ddd;
            bottom: 1px;
            left: calc(50% - 60px);
        }

        .section-title h2::after {
            content: "";
            position: absolute;
            display: block;
            width: 40px;
            height: 3px;
            background: #861619;
            bottom: 0;
            left: calc(50% - 20px);
        }

    .section-title p {
        font-size: 16px;
        font-weight: normal;
        line-height: 30px;
        font-family: Eczar-SemiBold;
        text-align: center;
    }


.section-title2 {
    padding-bottom: 30px;
}

    .section-title2 h2 {
        font-size: 32px;
        font-weight: bold;
        margin-bottom: 20px;
        padding-bottom: 20px;
        position: relative;
        color: #743504;
        font-family: "Open Sans", sans-serif;
    }

        .section-title2 h2::before {
            content: "";
            position: absolute;
            display: block;
            width: 120px;
            height: 1px;
            background: #ddd;
            bottom: 1px;
            /* left: calc(50% - 60px); */
        }

        .section-title2 h2::after {
            content: "";
            position: absolute;
            display: block;
            width: 40px;
            height: 3px;
            background: #861619;
            bottom: 0;
            /* left: calc(50% - 20px); */
        }

@media (max-width: 768px) {
    .section-title h2 {
        font-size: 26px;
    }
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
    padding: 20px 0;
    background-color: #f5ede6;
    /* min-height: 120px;*/
    margin-top: 36px;
}


    .breadcrumbs h2 {
        font-size: 20px;
        font-weight: 500;
        margin: 0;
    }

@media (max-width: 992px) {
    .breadcrumbs h2 {
        margin: 0 0 10px 0;
    }
}

.breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

    .breadcrumbs ol li + li {
        padding-left: 10px;
    }

        .breadcrumbs ol li + li::before {
            display: inline-block;
            padding-right: 10px;
            color: #6c757d;
            content: "/";
        }

@media (max-width: 768px) {
    .breadcrumbs .d-flex {
        display: block !important;
    }

    .breadcrumbs ol {
        display: block;
    }

        .breadcrumbs ol li {
            display: inline-block;
        }
}



/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .icon-boxes h4 {
    font-size: 18px;
    color: #743504;
    margin-bottom: 15px;
}

.about .icon-boxes h3 {
    margin-bottom: 15px;
    color: #743504;
    text-shadow: 0 0 #000;
    font-size: 25px;
    font-family: Eczar-SemiBold;
    line-height: 50px;
}

.about .icon-box {
    margin-top: 20px;
    padding: 30px 20px;
    border: 1px dashed #743504;
    border-left: 6px solid #743504;
    border-radius: 20px;
    /* min-height: 260px;
  background-image: linear-gradient(-15deg,rgba(255,122,24,.25),#fff); */
}

    .about .icon-box .icon {
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 64px;
        height: 64px;
        border: 1px dashed #861619;
        border-radius: 50px;
        transition: 0.5s;
    }

        .about .icon-box .icon i {
            color: #861619;
            font-size: 32px;
        }

    .about .icon-box:hover .icon {
        background: #ab862d;
        border-color: #ab862d;
    }

        .about .icon-box:hover .icon i {
            color: #fff;
        }

    .about .icon-box .title {
        margin-left: 85px;
        font-weight: 700;
        margin-bottom: 10px;
        font-size: 18px;
        margin-top: 25px;
    }

        .about .icon-box .title a {
            color: #743504;
            transition: 0.3s;
        }

            .about .icon-box .title a:hover {
                color: #861619;
            }

    .about .icon-box .description {
        margin-left: 85px;
        line-height: 30px;
        font-size: 16px;
        height: 125px;
        overflow: auto;
        padding-right: 15px;
    }


        /* width */
        .about .icon-box .description::-webkit-scrollbar {
            width: 3px;
        }

        /* Track */
        .about .icon-box .description::-webkit-scrollbar-track {
            background: #ccc;
        }

        /* Handle */
        .about .icon-box .description::-webkit-scrollbar-thumb {
            background: #861619;
        }

            /* Handle on hover */
            .about .icon-box .description ::-webkit-scrollbar-thumb:hover {
                background: #ebe9e9;
            }



.about .video-box {
    background: url("../img/about.jpg") center center no-repeat;
    background-size: cover;
    min-height: 500px;
}

.about .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#861619 50%, rgba(25, 119, 204, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: absolute;
    left: calc(50% - 47px);
    top: calc(50% - 47px);
    overflow: hidden;
}

    .about .play-btn::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-40%) translateY(-50%);
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #fff;
        z-index: 100;
        transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .about .play-btn::before {
        content: "";
        position: absolute;
        width: 120px;
        height: 120px;
        animation-delay: 0s;
        animation: pulsate-btn 2s;
        animation-direction: forwards;
        animation-iteration-count: infinite;
        animation-timing-function: steps;
        opacity: 1;
        border-radius: 50%;
        border: 5px solid rgba(25, 119, 204, 0.7);
        top: -15%;
        left: -15%;
        background: rgba(198, 16, 0, 0);
    }

    .about .play-btn:hover::after {
        border-left: 15px solid #861619;
        transform: scale(20);
    }

    .about .play-btn:hover::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-40%) translateY(-50%);
        width: 0;
        height: 0;
        border: none;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #fff;
        z-index: 200;
        animation: none;
        border-radius: 0;
    }

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

@media (max-width: 992px) {
    .about .video-box {
        background: url(../img/about.jpg) center center no-repeat;
        background-size: cover;
        min-height: 415px;
    }

    .counts .count-box {
        margin-top: 25px;
    }

    .training .brd-left {
        border-right: 0px !important;
    }
}



.gradient-bg {
    background: radial-gradient(#c3b48e1c 15%, transparent 16%, transparent 49%, #c3b48e1c 50%, transparent 51%),radial-gradient(circle at top left, #c3b48e1c 10%, transparent 10%, transparent 39%, #c3b48e1c 40%, transparent 41%),radial-gradient(circle at top right, #c3b48e1c 10%, transparent 10%, transparent 39%, #c3b48e1c 40%, transparent 41%),radial-gradient(circle at bottom left, #c3b48e1c 10%, transparent 10%, transparent 39%, #c3b48e1c 40%, transparent 41%),radial-gradient(circle at bottom right, #c3b48e1c 10%, transparent 10%, transparent 39%, #c3b48e1c 40%, transparent 41%);
    background-size: 3em 3em;
    background-color: #f5ede6;
    opacity: 1
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
    /* background: #e6f0f9; */
    padding: 20px 0px;
    font-family: Eczar-SemiBold;
}

    .counts .count-box {
        padding: 30px 30px 25px 30px;
        width: 100%;
        position: relative;
        text-align: center;
        background: rgba(245, 235, 230, 0.8);
        box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
        border: 1px dashed #a82800;
        border-bottom: 6px solid #a82800;
    }

        .counts .count-box i {
            position: absolute;
            top: -25px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 25px;
            background: #000;
            color: #fff;
            border-radius: 50px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 60px;
            height: 60px;
            font-family: Eczar-SemiBold;
        }

        .counts .count-box span {
            font-size: 36px;
            display: block;
            font-weight: 600;
            color: #a82800;
        }

        .counts .count-box p {
            padding: 0;
            margin: 0;
            font-family: Eczar-SemiBold;
            font-size: 15px;
            line-height: 30px;
        }




    .counts .counter-box {
        border: 1px dashed #861619;
        display: block;
        background: #fcf7f4;
        padding: 20px;
        text-align: center;
        border-left: 6px solid #861619;
        border-right: 6px solid #861619;
        border-radius: 20px;
    }

        .counts .counter-box p {
            margin: 5px 0 0;
            padding: 0;
            color: #5b1e20;
            font-size: 18px;
            font-weight: 700;
            font-family: Eczar-SemiBold;
        }

        .counts .counter-box i {
            font-size: 30px;
            margin: 0 0 15px;
            color: #5c1d1e;
        }

    .counts .counter {
        display: block;
        font-size: 32px;
        font-weight: 700;
        color: #a82800;
        line-height: 28px
    }

    .counts .counter-box.colored {
        background: #a82800;
    }

        .counts .counter-box.colored p,
        .counts .counter-box.colored i,
        .counts.counter-box.colored .counter {
            color: #000
        }


/*--------------------------------------------------------------
# Required Document
--------------------------------------------------------------*/
.required-documents .icon-box {
    text-align: center;
    border: 1px dashed #743504;
    padding: 30px 20px;
    transition: all ease-in-out 0.3s;
    width: 100%;
    background: rgba(245, 237, 230, .9);
    border-top: 6px solid #861619;
    border-radius: 20px;
}

    .required-documents .icon-box .icon {
        margin: 0 auto;
        width: 64px;
        height: 64px;
        background: #fff;
        border-radius: 5px;
        transition: all 0.3s ease-out 0s;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        transform-style: preserve-3d;
    }

        .required-documents .icon-box .icon i {
            color: #fff;
            font-size: 28px;
        }

        .required-documents .icon-box .icon::before {
            position: absolute;
            content: "";
            left: -8px;
            top: -8px;
            height: 100%;
            width: 100%;
            background: #a04b08;
            border-radius: 5px;
            transition: all 0.3s ease-out 0s;
            transform: translateZ(-1px);
        }

    .required-documents .icon-box h4 {
        font-weight: 700;
        margin-bottom: 15px;
        font-size: 20px;
        font-family: 'Eczar-SemiBold';
        font-family: "Open Sans", sans-serif;
        background-color: #5b1e20;
        padding: 10px;
    }

        .required-documents .icon-box h4 a {
            color: #fff;
        }

    .required-documents .icon-box p {
        line-height: 30px;
        font-size: 18px;
        margin-bottom: 0;
        font-family: 'Eczar-SemiBold';
        color: #fff;
    }


    .required-documents .icon-box ul {
        height: 200px;
        overflow: auto;
        padding-right: 20px;
    }

        .required-documents .icon-box ul li {
            text-align: left;
            margin-bottom: 10px;
        }


        /* width */
        .required-documents .icon-box ul::-webkit-scrollbar {
            width: 3px;
        }

        /* Track */
        .required-documents .icon-box ul::-webkit-scrollbar-track {
            background: #ccc;
        }

        /* Handle */
        .required-documents .icon-box ul::-webkit-scrollbar-thumb {
            background: #ae741e;
        }

            /* Handle on hover */
            .required-documents .icon-box ul ::-webkit-scrollbar-thumb:hover {
                background: #ebe9e9;
            }



/*--------------------------------------------------------------
# admission process
--------------------------------------------------------------*/
.admission-process .icon-box {
    text-align: center;
    border: 1px dashed #743504;
    padding: 30px 20px;
    transition: all ease-in-out 0.3s;
    width: 100%;
}

    .admission-process .icon-box .icon {
        margin: 0 auto;
        width: 64px;
        height: 64px;
        background: #fff;
        border-radius: 5px;
        transition: all 0.3s ease-out 0s;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        transform-style: preserve-3d;
    }

        .admission-process .icon-box .icon i {
            color: #fff;
            font-size: 28px;
        }

        .admission-process .icon-box .icon::before {
            position: absolute;
            content: "";
            left: -8px;
            top: -8px;
            height: 100%;
            width: 100%;
            background: #a04b08;
            border-radius: 5px;
            transition: all 0.3s ease-out 0s;
            transform: translateZ(-1px);
        }

    .admission-process .icon-box h4 {
        font-weight: 700;
        margin-bottom: 15px;
        font-size: 20px;
        font-family: 'Eczar-SemiBold';
        background-color: #861619;
        padding: 10px;
    }

        .admission-process .icon-box h4 a {
            color: #fff;
        }

    .admission-process .icon-box p {
        line-height: 30px;
        font-size: 18px;
        margin-bottom: 0;
        font-family: 'Eczar-SemiBold';
    }

    .admission-process .icon-box:hover {
        background: #861619;
        border-color: #861619;
        color: #fff;
    }

        .admission-process .icon-box:hover .icon {
            background: #fff;
        }

            .admission-process .icon-box:hover .icon i {
                color: #861619;
            }

            .admission-process .icon-box:hover .icon::before {
                background: #ab862d;
            }

        .admission-process .icon-box:hover h4 a,
        .admission-process .icon-box:hover p {
            color: #fff;
        }

        .admission-process .icon-box:hover ul li {
            color: #fff;
        }

.admission-process ul {
    max-height: 200px;
    overflow: auto;
}

    .admission-process ul li {
        text-align: left;
        margin-bottom: 10px;
    }




/*--------------------------------------------------------------
# Departments
--------------------------------------------------------------*/
.departments {
    overflow: hidden;
}

    .departments .nav-tabs {
        border: 0;
    }

    .departments .tab-content ul {
        margin: 0;
        height: 165px;
        overflow: auto;
    }







        .departments .tab-content ul li {
            margin-top: 10px;
        }

    .departments .nav-link {
        border: 0;
        padding: 12px 15px 12px 0;
        transition: 0.3s;
        color: #871719;
        border-radius: 0;
        border-right: 1px dashed #871719;
        font-weight: 600;
        font-size: 18px;
        font-family: Eczar-SemiBold;
    }

        .departments .nav-link:hover {
            color: #861619;
        }

        .departments .nav-link.active {
            color: #fff;
            border-color: #861619;
            background-color: #861619;
            padding-left: 20px;
        }

    .departments .tab-pane.active {
        animation: fadeIn 0.5s ease-out;
    }

    .departments .details h3 {
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 20px;
        color: #871719;
        font-family: Eczar-SemiBold;
    }

    .departments .details p {
        color: #777777;
        font-family: Eczar-SemiBold;
    }

        .departments .details p:last-child {
            margin-bottom: 0;
        }

@media (max-width: 992px) {
    .departments .nav-link {
        border-bottom: 1px dashed #871719 !important;
        border: 0;
        padding: 15px;
    }

        .departments .nav-link.active {
            color: #fff;
            background: #861619;
        }
}



/*--------------------------------------------------------------
# training
--------------------------------------------------------------*/
.training {
    overflow: hidden;
}

    .training .nav-tabs {
        border: 0;
        position: relative;
        top: 1px;
        left: 20px;
    }

    .training .tab-content ul {
        margin: 0;
        height: 165px;
        overflow: auto;
    }

    .training .tab-container-bg {
        /* background-color: #f5ede6; */
        padding: 20px;
        border: 1px dashed #871719;
        margin-top: 0;
        border-radius: 20px;
        border-bottom: 6px solid #871719;
    }

    .training .tab-content ul li {
        margin-top: 10px;
    }

    .training .nav-link {
        border: 0;
        padding: 8px 25px;
        transition: 0.3s;
        color: #8f7d7d;
        border-radius: 0;
        /* border-right: 1px dashed #871719; */
        font-weight: 600;
        font-size: 18px;
        font-family: Eczar-SemiBold;
        /* margin-bottom: 10px; */
        margin: 0 5px;
        background: #e7e4e4;
        border-radius: 10px 10px 0 0;
    }

        .training .nav-link:hover {
            color: #861619;
        }

        .training .nav-link.active {
            color: #fff;
            border-color: #861619;
            background-color: #861619;
            border-radius: 10px 10px 0px 0px;
            margin: 0 5px;
        }

    /* .training .tab-pane.active {
  animation: fadeIn 0.5s ease-out;
} */

    .training .details h3 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10px;
        color: #871719;
        font-family: Eczar-SemiBold;
        padding-left: 15px;
    }

    .training .details p {
        color: #777777;
        font-family: Eczar-SemiBold;
    }

        .training .details p:last-child {
            margin-bottom: 0;
        }

@media (max-width: 992px) {


    .training .nav-link.active {
        color: #fff;
        background: #861619;
    }

    .training .nav-link {
        font-size: 16px;
        font-family: Eczar-SemiBold;
        padding: 8px 15px;
    }

    .training .details h3 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 0;
        color: #871719;
        font-family: Eczar-SemiBold;
        padding-left: 15px;
    }
}



/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq .faq-list {
    padding: 0 100px;
}

    .faq .faq-list ul {
        padding: 0;
        list-style: none;
    }

    .faq .faq-list li + li {
        margin-top: 15px;
    }

    .faq .faq-list li {
        padding: 15px 20px;
        background: #fff;
        border-radius: 0px;
        position: relative;
        border: 1px dashed #861619;
        border-radius: 10px;
    }

    .faq .faq-list a {
        display: block;
        position: relative;
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        padding: 0 30px;
        outline: none;
        cursor: pointer;
    }

    .faq .faq-list .icon-help {
        font-size: 24px;
        position: absolute;
        right: 0;
        left: 20px;
        color: #861619;
    }

    .faq .faq-list .icon-show,
    .faq .faq-list .icon-close {
        font-size: 24px;
        position: absolute;
        right: 5px;
        top: 5px;
    }

    .faq .faq-list p {
        margin-bottom: 0;
        padding: 10px 0 0 0;
    }

    .faq .faq-list .icon-show {
        display: none;
    }

    .faq .faq-list a.collapsed {
        color: #000;
    }

        .faq .faq-list a.collapsed:hover {
            color: #861619;
        }

        .faq .faq-list a.collapsed .icon-show {
            display: inline-block;
        }

        .faq .faq-list a.collapsed .icon-close {
            display: none;
        }

@media (max-width: 1200px) {
    .faq .faq-list {
        padding: 0;
    }
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .testimonial-wrap {
    padding-left: 50px;
}

.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
    overflow: hidden;
}

.testimonials .testimonial-item {
    box-sizing: content-box;
    padding: 30px 30px 30px 60px;
    margin: 30px 15px;
    min-height: 200px;
    box-shadow: 0px 2px 12px rgba(44, 73, 100, 0.08);
    position: relative;
    background: #fff;
}

    .testimonials .testimonial-item .testimonial-img {
        width: 90px;
        border-radius: 10px;
        border: 6px solid #fff;
        position: absolute;
        left: -45px;
    }

    .testimonials .testimonial-item h3 {
        font-size: 18px;
        font-weight: bold;
        margin: 10px 0 5px 0;
        color: #111;
    }

    .testimonials .testimonial-item h4 {
        font-size: 14px;
        color: #999;
        margin: 0;
    }

    .testimonials .testimonial-item .quote-icon-left,
    .testimonials .testimonial-item .quote-icon-right {
        color: #badaf7;
        font-size: 26px;
    }

    .testimonials .testimonial-item .quote-icon-left {
        display: inline-block;
        left: -5px;
        position: relative;
    }

    .testimonials .testimonial-item .quote-icon-right {
        display: inline-block;
        right: -5px;
        position: relative;
        top: 10px;
    }

    .testimonials .testimonial-item p {
        font-style: italic;
        margin: 15px auto 15px auto;
    }

.testimonials .swiper-pagination {
    margin-top: 20px;
    position: relative;
}

    .testimonials .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background-color: #fff;
        opacity: 1;
        border: 1px solid #861619;
    }

    .testimonials .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #861619;
    }

@media (max-width: 767px) {
    .testimonials .testimonial-wrap {
        padding-left: 0;
    }

    .testimonials .testimonials-carousel,
    .testimonials .testimonials-slider {
        overflow: hidden;
    }

    .testimonials .testimonial-item {
        padding: 30px;
        margin: 15px;
    }

        .testimonials .testimonial-item .testimonial-img {
            position: static;
            left: auto;
        }
}



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
    color: #fff;
    font-size: 14px;
    background: #861619;
    font-family: 'Eczar-SemiBold';
    padding: 80px 0 0 0;
    margin-top: 0px;
}

    #footer .footer-section-row {
        padding: 0 0px;
        margin-bottom: -80px;
        position: relative;
        background-color: #fff;
        top: -120px;
        border: 1px dashed #861619;
        border-radius: 20px;
    }



    #footer .footer-bottom-code {
        padding: 7px 0;
        border-top: 1px dashed #fff
    }

    #footer ul.footer-menus {
        display: inline;
        justify-content: center;
        padding: 0 15px;
        margin-bottom: 10px
    }

    #footer .footer-menus li a {
        padding: 0 11px;
        color: #fff;
        font-family: Eczar-SemiBold;
        font-size: 14px;
        position: relative;
        border-right: 1px solid #f6f6f6;
    }

        #footer .footer-menus li a:last-child {
            border-right: none;
        }

        #footer .footer-menus li a:hover {
            color: #cddc39;
        }



    #footer .footer-bottom-left p {
        margin: 0;
        color: #fff;
        font-size: 14px;
        font-family: Eczar-SemiBold
    }

    #footer .footer-bottom-right p a {
        color: #cddc39;
        text-decoration: none;
        padding-left: 8px;
        font-family: Segoe-UI-Bold
    }

    #footer .footer-bottom-right p {
        margin: 0;
        color: #fff;
        font-family: Eczar-SemiBold;
        font-size: 13px
    }

    #footer span.eng-text {
        color: #fff;
        font-family: sans-serif
    }





    #footer .credits {
        padding-top: 5px;
        font-size: 13px;
        color: #fff;
        font-family: "Open Sans", sans-serif;
    }

        #footer .credits a {
            font-size: 14px;
            display: inline-block;
            color: #ab862d;
            line-height: 1;
            padding: 8px 0;
            text-align: center;
            transition: 0.3s;
            font-family: "Open Sans", sans-serif;
        }

            #footer .credits a:hover {
                color: #fff;
            }

    #footer .copyright {
        padding-top: 5px;
        font-size: 13px;
        color: #fff;
        font-family: "Open Sans", sans-serif;
    }

        #footer .copyright a {
            font-size: 14px;
            display: inline-block;
            color: #ab862d;
            line-height: 1;
            padding: 8px 0;
            text-align: center;
            transition: 0.3s;
            font-family: "Open Sans", sans-serif;
        }

            #footer .copyright a:hover {
                color: #fff;
            }


/*--------------------------------------------------------------
# Inner page form
--------------------------------------------------------------*/
.registration .registration-form {
    position: relative;
}

    .registration .registration-form .tab-content {
        background: #fff;
    }

    .registration .registration-form .form-group {
        padding-bottom: 10px !important;
        text-align: left;
    }

    .registration .registration-form .validate {
        display: none;
        color: red;
        margin: 0 0 15px 0;
        font-weight: 400;
        font-size: 13px;
    }

    .registration .registration-form .error-message {
        display: none;
        color: #fff;
        background: #ed3c0d;
        text-align: left;
        padding: 15px;
        font-weight: 600;
    }

        .registration .registration-form .error-message br + br {
            margin-top: 25px;
        }

    .registration .registration-form .sent-message {
        display: none;
        color: #fff;
        background: #18d26e;
        text-align: center;
        padding: 15px;
        font-weight: 600;
    }

    .registration .registration-form .loading {
        display: none;
        background: #fff;
        text-align: center;
        padding: 15px;
    }

        .registration .registration-form .loading:before {
            content: "";
            display: inline-block;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            margin: 0 10px -6px 0;
            border: 3px solid #18d26e;
            border-top-color: #eee;
            animation: animate-loading 1s linear infinite;
        }

    .registration .registration-form input,
    .registration .registration-form textarea,
    .registration .registration-form select {
        border-radius: 0;
        box-shadow: none;
        font-size: 14px;
        padding: 10px !important;
    }

.custom-select {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control-file {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.registration .registration-form input:focus,
.registration .registration-form textarea:focus,
.registration .registration-form select:focus {
    border-color: #861619;
}

.registration .registration-form textarea {
    padding: 10px 12px;
}

.registration .registration-form button[type=submit] {
    background: #861619;
    border: 0;
    padding: 10px 35px;
    color: #fff;
    transition: 0.4s;
    border-radius: 50px;
}

    .registration .registration-form button[type=submit]:hover {
        background: #ab862d;
    }

.btn-submit2 {
    background: #ab862d;
    border: 0;
    padding: 10px 35px;
    color: #fff;
    transition: 0.4s;
    border-radius: 50px;
    margin-top: 10px;
}

    .btn-submit2:hover {
        background: #861619;
    }

.registration .registration-form .lable {
    padding: 5px 5px;
    font-size: 14px;
}



.registration .btn-yes a {
    background: #ab862d;
    border: 0;
    padding: 10px 35px;
    color: #fff !important;
    transition: 0.4s;
    border-radius: 20px;
    margin-top: 20px;
    max-width: 80px;
}

    .registration .btn-yes a:hover {
        background: #861619;
    }

.registration .btn-no a {
    background: #ab862d;
    border: 0;
    padding: 10px 35px;
    color: #fff !important;
    transition: 0.4s;
    border-radius: 20px;
    margin-top: 20px;
    max-width: 80px;
}

    .registration .btn-no a:hover {
        background: #861619;
    }

.registration span.btn-darj {
    display: block;
    margin: 20px 0;
}

.registration .btn-darj a {
    background: #ab862d;
    border: 0;
    padding: 10px 35px;
    color: #fff !important;
    transition: 0.4s;
    border-radius: 20px;
    margin-top: 20px;
    max-width: 80px;
}

    .registration .btn-darj a:hover {
        background: #861619;
    }

.registration .btn-darj2 a {
    background: #ab862d;
    border: 0;
    padding: 10px 35px;
    color: #fff !important;
    transition: 0.4s;
    border-radius: 20px;
    margin-top: 20px;
    max-width: 80px;
}

    .registration .btn-darj2 a:hover {
        background: #861619;
    }

.registration span.btn-darj2 {
    display: block;
    margin: 20px 0;
}

.registration .btn-verify a {
    background: #ab862d;
    border: 0;
    padding: 10px 35px;
    color: #fff !important;
    transition: 0.4s;
    border-radius: 20px;
    margin-top: 20px;
    max-width: 80px;
}

    .registration .btn-verify a:hover {
        background: #861619;
    }


.registration .btn-regi-page {
    background: #ab862d;
    border: 0;
    padding: 8px 20px;
    color: #fff !important;
    transition: 0.4s;
    border-radius: 20px;
    margin-top: 10px;
    font-size: 14px;
}

    .registration .btn-regi-page:hover {
        background: #861619;
    }

.registration .btn-regi-page {
    margin: 5px 0;
}

@media (max-width:1200px) {
    .registration .btn-regi-page {
        padding: 10px 10px;
    }
}

@media (max-width:768px) {
    .registration .btn-regi-page {
        padding: 10px 25px;
    }
}

.primary-color {
    color: #861619 !important;
}


.registration .btn-darj3 a {
    background: #ab862d;
    border: 0;
    padding: 10px 35px;
    color: #fff !important;
    transition: 0.4s;
    border-radius: 20px;
    margin-top: 20px;
    max-width: 80px;
}

    .registration .btn-darj3 a:hover {
        background: #861619;
    }

.registration span.btn-darj3 {
    margin: 20px 0;
}

.registration .btn-darj4 a {
    background: #ab862d;
    border: 0;
    padding: 10px 35px;
    color: #fff !important;
    transition: 0.4s;
    border-radius: 20px;
    margin-top: 20px;
    max-width: 80px;
}

    .registration .btn-darj4 a:hover {
        background: #861619;
    }

.registration span.btn-darj4 {
    display: block;
    margin: 20px 0;
}


.registration .btn-panjikaran a {
    background: #861619;
    border: 0;
    padding: 10px 35px;
    color: #fff !important;
    transition: 0.4s;
    border-radius: 20px;
    margin-top: 20px;
    max-width: 80px;
}

.registration .panjikaran a:hover {
    background: #ab862d;
}



.registration .nav-tabs ul {
    margin: 0 auto;
    color: #861619;
    font-size: 22px;
    font-family: Eczar-SemiBold;
    line-height: 32px;
    display: flex;
    justify-content: center;
}

    .registration .nav-tabs ul li {
        margin: 0px 20px 20px 0;
    }

.registration .nav-tabs li a {
    padding: 10px !important;
    font-size: 18px;
    font-family: Eczar-SemiBold;
    line-height: 32px;
    text-align: center;
}

.registration .nav-tabs {
    border-bottom: 0;
    text-align: center;
    display: flex;
    justify-content: center;
}

    .registration .nav-tabs li {
        padding: 10px !important;
    }

.infoContainer h3 {
    color: #861619;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    font-family: "Open Sans", sans-serif, Eczar-SemiBold;
    margin: 20px 0 10px 10px;
}

#general-info h3 {
    color: #861619;
    font-size: 16px;
    font-family: Eczar-SemiBold;
    line-height: 30px;
    text-align: center;
    font-family: "Open Sans", sans-serif;
}


.registration .nav-tabs li .active {
    color: #ab862d;
}

#educational-info h3 {
    color: #861619;
    font-size: 18px;
    font-family: Eczar-SemiBold;
    line-height: 30px;
    text-align: center;
    font-family: "Open Sans", sans-serif;
}

/*==================================================
 * box shadow
 * ===============================================*/
@media (max-width:768px) {
    .box-shadow-effect {
        margin: 0 10px;
    }
}

.box-shadow-effect p {
    line-height: 32px;
}

.box-shadow-effect {
    position: relative;
    background-color: #fff;
    border: 1px dashed #861619;
    padding: 20px;
}

    .box-shadow-effect:after {
        z-index: -1;
        position: absolute;
        content: "";
        bottom: 15px;
        right: 10px;
        left: auto;
        width: 50%;
        top: 80%;
        max-width: 300px;
        background: #777;
        -webkit-box-shadow: 0 15px 10px #777;
        -moz-box-shadow: 0 15px 10px #777;
        box-shadow: 0 15px 10px #777;
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg);
    }


.login-form input {
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    padding: 10px !important;
}


.img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.login-wrap {
    position: relative;
    background: #fff;
}

    .login-wrap h3 {
        font-weight: 700;
        font-size: 20px;
        color: #861619;
    }

    .login-wrap .icon {
        width: 60px;
        height: 60px;
        background: #861619;
        border-radius: 50%;
        font-size: 30px;
        margin: 0 auto;
        margin-bottom: 10px;
        position: relative;
        top: -58px;
    }

        .login-wrap .icon span {
            color: #fff;
        }

/* Show the checkmark when checked */
.checkbox-wrap input:checked ~ .checkmark:after {
    display: block;
    content: "\f14a";
    font-family: "FontAwesome";
    color: rgba(0, 0, 0, 0.2);
}

/* Style the checkmark/indicator */
.checkbox-primary {
    color: #861619;
}

    .checkbox-primary input:checked ~ .checkmark:after {
        color: #861619;
    }

.btn.btn-primary {
    background: #861619;
    color: #fff !important;
    border-radius: 50px !important;
    padding: 15px 25px !important;
    white-space: nowrap !important;
    transition: 0.3s;
    font-size: 20px !important;
    display: inline-block !important;
    /* font-family: 'Eczar-SemiBold' !important; */
    border: 0;
}

    .btn.btn-primary:hover {
        border: 1px solid #ab862d;
        background: #ab862d;
        color: #fff;
    }

    .btn.btn-primary.btn-outline-primary {
        border: 1px solid #861619;
        background: transparent;
        color: #861619;
    }

        .btn.btn-primary.btn-outline-primary:hover {
            border: 1px solid transparent;
            background: #861619;
            color: #fff;
        }

.form-group2 {
    position: relative;
}

    .form-group2 .submit {
        position: absolute;
        top: 20px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

@media (max-width: 767.98px) {
    .form-group2 .submit {
        top: 0;
    }
}

.login-form {
    position: relative;
    top: -25px;
}

    .login-form .btn-darj {
        display: block;
        margin: 20px 0;
    }

        .login-form .btn-darj a {
            background: #ab862d;
            border: 0;
            padding: 10px 35px;
            color: #fff !important;
            transition: 0.4s;
            border-radius: 20px;
            margin-top: 20px;
            max-width: 80px;
        }

            .login-form .btn-darj a:hover {
                background: #861619;
            }

    .login-form .btn-darj2 a {
        background: #ab862d;
        border: 0;
        padding: 10px 35px;
        color: #fff !important;
        transition: 0.4s;
        border-radius: 20px;
        margin-top: 20px;
        max-width: 80px;
    }

        .login-form .btn-darj2 a:hover {
            background: #861619;
        }

    .login-form p {
        padding-top: 5px;
        font-size: 16px;
        color: #861619;
        font-family: "Open Sans", sans-serif, Eczar-SemiBold;
        margin-bottom: 5px;
        margin-top: 15px;
    }



/*--------------------------------------------------------------
# Profile
--------------------------------------------------------------*/
.profile {
    overflow: hidden;
}

    .profile .nav-tabs {
        border: 0;
    }

    .profile .tab-content ul {
        margin: 0;
    }

        .profile .tab-content ul li {
            margin-top: 10px;
        }

    .profile .nav-link {
        border: 0;
        padding: 12px 15px 12px 10px;
        transition: 0.3s;
        color: #871719;
        border-radius: 0;
        font-weight: 600;
        font-size: 18px;
        font-family: Eczar-SemiBold;
    }


    .profile .nav-tabs .nav-link {
        margin-bottom: -1px;
        background-color: #f5ede6;
        border: 1px dashed #871719;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .profile .form-control {
        text-align: left !important;
        border-radius: 0;
    }

    .profile .form-group {
        text-align: left !important;
    }

    .profile .nav-link a:hover {
        color: #861619;
    }

    .profile .nav-link.active {
        color: #fff;
        background-color: #861619;
        padding-left: 20px;
    }

    .profile .tab-pane.active {
        animation: fadeIn 0.5s ease-out;
    }

    .profile .details h3 {
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 20px;
        color: #871719;
        font-family: Eczar-SemiBold;
    }

    .profile .details p {
        color: #777777;
        font-family: Eczar-SemiBold;
    }

        .profile .details p:last-child {
            margin-bottom: 0;
        }

@media (max-width: 992px) {
    .profile .nav-link {
        border: 0;
        padding: 15px;
    }

        .profile .nav-link.active {
            color: #fff;
            background: #861619;
        }
}

.profile-nav .user-heading.round a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 5px solid #861619;
    display: inline-block;
    width: 100px;
    height: 100px;
}

    .profile-nav .user-heading.round a i {
        font-size: 60px;
        line-height: 84px;
    }

.profile-nav .user-heading {
    background: #f5ede6;
    color: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    padding: 30px;
    text-align: center;
}

    .profile-nav .user-heading a img {
        width: 112px;
        height: 112px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .profile-nav .user-heading h1 {
        font-size: 18px;
        font-weight: 500;
        margin: 5px;
        color: #861619;
        font-family: "Open Sans", sans-serif;
    }

    .profile-nav .user-heading p {
        font-size: 12px;
        color: #861619;
        font-family: "Open Sans", sans-serif;
    }


.profile-heading {
    background-color: #861619;
    padding: 0;
}

    .profile-heading h2 {
        font-size: 18px;
        font-weight: 500;
        margin: 5px;
        color: #f5ede6;
        text-align: left;
        font-family: "Open Sans", sans-serif;
    }


.lable {
    padding: 5px 10px;
    font-size: 14px;
}


.login-form .input-group-addon {
    padding: 11px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: #861619;
    text-align: center;
    background-color: #f5ede6;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: absolute;
    right: -1px;
    top: 49px;
}

.login-form .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

    .login-form .input-group input {
        width: 100% !important;
    }

#hidden_div {
    display: none;
}



.box-submit {
    width: 40%;
    margin: 0 auto;
    background: rgba(255,255,255,0.2);
    padding: 35px;
    border: 2px solid #fff;
    border-radius: 20px/50px;
    background-clip: padding-box;
    text-align: center;
}


.overlay-submit {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
}

    .overlay-submit:target {
        visibility: visible;
        opacity: 1;
    }

.popup-submit {
    margin: 70px auto;
    padding: 80px 20px;
    background: #fff;
    border-radius: 5px;
    width: 50%;
    position: relative;
    transition: all 5s ease-in-out;
    top: 15%;
}

    .popup-submit h2 {
        margin-top: 0;
        color: #743504;
        font-family: Arial, sans-serif;
    }

    .popup-submit .close-submit {
        position: absolute;
        top: 20px;
        right: 30px;
        transition: all 200ms;
        font-size: 30px;
        font-weight: bold;
        text-decoration: none;
        color: #333;
    }

        .popup-submit .close-submit:hover {
            color: #743504;
        }

    .popup-submit .content {
        max-height: 30%;
        overflow: auto;
    }

@media screen and (max-width: 700px) {
    .box-submit {
        width: 70%;
    }

    .popup-submit {
        width: 70%;
    }
}

.inline {
    display: inline-block;
}


#about-mmsky ul li {
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 16px;
}

#about-mmsky h1 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 30px;
}

#about-mmsky h2 {
    font-size: 18px;
    line-height: 32px;
    color: #861619;
    font-weight: 600;
}



/*---------------Tab show hide---------------------*/

.aur-jane {
    background-color: #fffaec;
}

.abt-desp {
    height: 350px;
}



/*-------------------------------------
	4. TABS 
-------------------------------------*/
.wt-tabs:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

@media only screen and (max-width: 767px) {
    .wt-tabs .nav-tabs > li {
        float: none;
    }
}

.wt-tabs p:last-child {
    margin-bottom: 0;
}
/*4.1 tabs style 1 [ default ] */
.wt-tabs .tab-pane {
    padding: 20px 0;
}

.wt-tabs .nav-tabs > li > a {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    border-radius: 0px;
    padding: 7px 20px;
    background: #886800;
    margin: 0 7px;
}

    .wt-tabs .nav-tabs > li > a:hover {
        background-color: #970101 !important;
        border-color: transparent;
        border-bottom: 0;
        color: #fff;
    }

    .wt-tabs .nav-tabs > li > a.active,
    .wt-tabs .nav-tabs > li > a.active:focus {
        background-color: #970101;
        border-color: #ddd;
        border-bottom: 1px solid #fff;
        color: #fff;
    }

        .wt-tabs .nav-tabs > li > a.active::before {
            position: absolute;
            content: "";
            width: 20px;
            height: 20px;
            background: #970101 !important;
            left: 0;
            transform: translateX(-50%) rotate(45deg);
            bottom: -7px;
            left: 50%;
            z-index: -1;
            display: block;
        }

.wt-tabs .nav > li > a:focus,
.wt-tabs .nav > li > a:hover {
    background-color: transparent;
}

.wt-tabs .nav li a:hover {
    border: 1px solid transparent;
}

.wt-tabs .nav-tabs > li > a i {
    margin-right: 5px;
}

.wt-tabs.tabs-default.has-bg .nav-tabs > li > a {
    color: #fff;
}

    .wt-tabs.tabs-default.has-bg .nav-tabs > li > a.active,
    .wt-tabs.tabs-default.has-bg .nav-tabs > li > a.active:focus,
    .wt-tabs.tabs-default.has-bg .nav-tabs > li > a.active:hover {
        color: #1a1a1a;
        border-color: #ddd #ddd #fff;
    }

.wt-tabs.tabs-default.has-bg .tab-pane {
    color: #fff;
}
/* tabs nav center */
.wt-tabs.nav-center > .nav-tabs {
    display: table;
    margin-left: auto;
    margin-right: auto;
}
/*4.2 tabs bg  [ tabs background ] */
.wt-tabs.bg-tabs .nav-tabs > li > a {
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    margin-right: -1px;
}

    .wt-tabs.bg-tabs .nav-tabs > li > a.active {
        border-bottom: 1px solid transparent;
        background-color: #fff;
    }

.wt-tabs.bg-tabs.has-bg .tab-pane {
    color: #fff;
}
/*4.3 tabs bg  [ tabs background ] */
.wt-tabs.vertical.bg-tabs .nav-tabs > li > a {
    border: 1px solid #ddd;
}

    .wt-tabs.vertical.bg-tabs .nav-tabs > li > a.active {
        border-right: 1px solid transparent;
    }

.wt-tabs.vertical.right.bg-tabs .nav-tabs > li > a {
    border: 1px solid #ddd;
}

    .wt-tabs.vertical.right.bg-tabs .nav-tabs > li > a.active {
        border-left: 1px solid transparent;
    }

.wt-tabs.border-top {
    border-top: 0px !important;
}
    /*4.4 tabs bg & top border  [ tabs background & top border in active ] */
    .wt-tabs.border-top .nav-tabs > li > a.active {
        color: #1a1a1a;
        position: relative;
    }

    .wt-tabs.border-top.border.bg-tabs .nav-tabs {
        border: 0px;
    }

    .wt-tabs.border-top .nav-tabs > li > a.active:after {
        content: "";
        position: absolute;
        top: -1px;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #ffbc13;
    }

    .wt-tabs.border-top.vertical .nav-tabs > li > a.active:after {
        top: 0px;
        left: -1px;
        width: 3px;
        height: 100%;
    }
/*4.4 tabs style 2 [ content with border outer ] */
.wt-tabs.border {
    border: none !important;
}

    .wt-tabs.border .tab-pane {
        padding: 10px;
        /* border:1px solid #f9ecc3; */
        margin-top: -1px;
        /* box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); */
    }
/*4.5 tabs style 3  [ left-nav ] */
.wt-tabs.vertical.tabs-default.border .nav-tabs {
    border-right: 0px;
}

.wt-tabs.vertical .nav-tabs {
    float: left;
    width: 170px;
    border-bottom: none;
    border-right: 1px solid #ddd;
}

.wt-tabs.border-top.vertical.bg-tabs .nav-tabs {
    border-right: 0px;
}

@media only screen and (max-width: 720px) {
    .wt-tabs.vertical .nav-tabs {
        width: 100%;
        float: none;
        border-right: 0px;
    }

    .wt-tabs.vertical .tab-content {
        width: 100%;
        margin-left: 0px !important;
    }
}

.wt-tabs.vertical .tab-pane {
    padding: 10px 0 10px 20px;
}

.wt-tabs.vertical .nav-tabs li {
    float: none;
    margin-right: 0px;
    width: 100%;
}

    .wt-tabs.vertical .nav-tabs li a {
        margin-right: -1px;
        border-right: none;
        border-radius: 0px;
        color: #1a1a1a;
    }

.wt-tabs.border-top.vertical.border.bg-tabs .nav-tabs li a {
    margin-right: -2px;
}

.wt-tabs.vertical .nav-tabs li a.active {
    border-bottom: 1px solid #ddd;
    background-color: #fff;
}

.wt-tabs.vertical .tab-content {
    border-left: 1px solid #ddd;
    margin-left: 169px;
}
/*4.6 tabs style 4  [ left-nav & content with border ] */
.wt-tabs.vertical.border .tab-pane {
    padding: 20px;
    margin-left: -1px;
}
/*4.7 tabs style 5  [ right-nav ] */
.wt-tabs.vertical.right .nav-tabs {
    /* border-left: 1px solid #ddd; */
    border-right: none;
    float: right;
}

    .wt-tabs.vertical.right .nav-tabs li {
        margin-right: 0;
        margin-left: -1px;
    }

        .wt-tabs.vertical.right .nav-tabs li a {
            border-right: 1px solid transparent;
            border-left: none;
        }

            .wt-tabs.vertical.right .nav-tabs li a.active {
                border-right: 1px solid #ddd;
                border-left: none;
            }

.wt-tabs.vertical.right .tab-content {
    border-left: none;
    border-right: 1px solid #ddd;
    margin-right: 169px;
    margin-left: 0;
}

.wt-tabs.vertical.right .tab-pane {
    padding: 10px 20px 10px 0;
}
/*4.8 tabs style 6  [ right-nav & content with border ]*/
.wt-tabs.vertical.right.border .tab-pane {
    padding: 20px;
    margin-right: -1px;
}

@media only screen and (max-width: 720px) {
    .wt-tabs.tabs-default .nav.nav-tabs {
        display: block;
    }

        .wt-tabs.tabs-default .nav.nav-tabs li a.active {
            border: 1px solid #ddd;
            margin-right: 0px;
        }

    .wt-tabs.vertical .tab-content {
        border: 1px solid #ddd;
    }

    .wt-tabs.vertical.right .nav-tabs {
        float: none;
        border-left: 0px;
    }

    .wt-tabs.vertical.right .tab-content {
        border: 1px solid #ddd;
    }

    .wt-tabs.vertical.right .tab-pane {
        padding: 10px;
    }

    .wt-tabs.vertical.tabs-default.border .tab-content {
        border: 0px;
    }

    .wt-tabs.bg-tabs ul {
        display: block;
    }

    .wt-tabs.vertical.bg-tabs .nav-tabs > li > a {
        margin-right: 0px;
    }

        .wt-tabs.vertical.bg-tabs .nav-tabs > li > a.active {
            border-right: 1px solid #ddd;
        }

    /* .wt-tabs.border .tab-pane{border: 0px;} */
    .wt-tabs.vertical.right.tabs-default.has-bg .nav-link.active {
        margin-right: -1px;
    }

    .wt-tabs.vertical.right.bg-tabs.has-bg .nav-link {
        margin-right: -1px;
    }
}
/*-------------------------------------
5. Accordians 
-------------------------------------*/
.wt-accordion .wt-panel {
    background-color: transparent;
    border: none;
    margin-bottom: 10px;
    border-radius: 0;
    box-shadow: none;
}

.acod-head {
    position: relative;
}

.acod-title {
    margin-top: 0;
    margin-bottom: 0;
}

    .acod-title a {
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

.acod-head .fa {
    margin-right: 5px;
}

.acod-head a {
    display: block;
    padding: 15px 40px 15px 15px;
}

    .acod-head a,
    .acod-head a:hover,
    .acod-head a:active,
    .acod-head a:focus {
        color: #886800;
    }

.acod-body {
    color: #777;
    border: solid 1px #886800;
    padding: 10px;
}
/*Accodian open close indicator css*/
.acod-head .indicator {
    padding: 10px;
    color: #ababab;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
}

    .acod-head .indicator .fa,
    .acod-head.acc-actives .indicator .fa {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

.acod-head.acc-actives .indicator .fa,
.acod-head [aria-expanded="true"] .indicator .fa {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* 1. Accordion defult */
.acc-default .acod-title a {
    padding: 5px 40px 5px 0px;
}

.acc-default .acod-head .indicator {
    padding: 0;
}

.acc-default.acc-has-bg .acod-head a,
.acc-default.acc-has-bg .acod-head a:hover,
.acc-default.acc-has-bg .acod-head a:active,
.acc-default.acc-has-bg .acod-head a:focus,
.acc-default.acc-has-bg .acod-head .indicator,
.acc-default.acc-has-bg .acod-body {
    color: #fff;
}
/* 2. Accordion outline */
.acc-outline .acod-title a {
    border: 1px solid #ddd;
}

.acc-outline.acc-has-bg .acod-head a,
.acc-outline.acc-has-bg .acod-head a:hover,
.acc-outline.acc-has-bg .acod-head a:active,
.acc-outline.acc-has-bg .acod-head a:focus,
.acc-outline.acc-has-bg .acod-head .indicator,
.acc-outline.acc-has-bg .acod-body {
    color: #fff;
}
/* 3. Accordion bg gray */
.acc-bg-gray a {
    background-color: #f5f3ea;
}

.acod-title a {
    border: 1px dashed #743504;
}

.acc-bg-gray .acod-head .indicator {
    color: #886800;
}

.acc-bg-gray.acc-has-bg .acod-body {
    color: #fff;
}
/* 4. Accordion bg primary */
.acc-site-bg-primary a {
    background-color: #ffbc13;
}

.acc-site-bg-primary .acod-head a,
.acc-site-bg-primary .acod-head a:hover,
.acc-site-bg-primary .acod-head a:active,
.acc-site-bg-primary .acod-head a:focus {
    color: #fff;
}

.acc-site-bg-primary .acod-head .indicator {
    color: #fff;
}

.acc-site-bg-primary.acc-has-bg .acod-body {
    color: #fff;
}
/* 5. Accordion bg dark */
.acc-bg-dark a {
    background-color: #212427;
}

.acc-bg-dark .acod-head a,
.acc-bg-dark .acod-head a:hover,
.acc-bg-dark .acod-head a:active,
.acc-bg-dark .acod-head a:focus {
    color: #fff;
}

.acc-bg-dark .acod-head .indicator {
    color: #fff;
}

.acc-bg-dark.acc-has-bg .acod-body {
    color: #fff;
}

.wt-tabs .nav-tabs {
    border: 0 !important;
}

/*------------------------------End Tab-------------------*/



/*-------------------On load Modal Popup---------------------*/
#modalOverlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    height: 100%;
    width: 100%;
    font-family: "Open Sans", sans-serif;
    overflow: hidden;
}

.modalPopup {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, .9);
    width: 70%;
    padding: 0 0 30px;
    /* border-top: 5px solid #ab862d; */
    overflow: auto;
    text-align: left;
    background: rgba(245, 235, 230, .95);
    -webkit-box-shadow: 0 2px 10px 3px rgba(67, 11, 12, .3);
    -moz-box-shadow: 0 2px 10px 3px rgba(67, 11, 12, .3);
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    border: 1px dashed #743504;
    height: 48vh;
    margin-top: 10%;
}

.modalContent {
    padding: 0 2em;
    position: relative;
}

    .modalContent ul {
        margin: 0;
    }

        .modalContent ul li {
            padding: 10px 0 0 0;
        }

.headerBar {
    width: 100%;
    background: transparent;
    margin: 0;
    padding: 10px 0 0 0;
}

    .headerBar h1 {
        text-align: center;
        font-family: "Open Sans", sans-serif;
        font-size: 24px;
        text-transform: capitalize;
        font-family: "Open Sans", sans-serif;
        line-height: 32px;
        color: #861619;
    }


#modalOverlay h2 {
    margin-bottom: .2em;
    font-size: 18px;
    text-transform: capitalize;
    font-family: "Open Sans", sans-serif;
    margin-top: 20px;
    line-height: 32px;
    border-bottom: 1px dashed #ab862d;
    color: #ab862d;
}

#modalOverlay p {
    margin: 10px 0 0 0;
    color: #343131;
}

.buttonStyle {
    border: transparent;
    border-radius: 0 0 0 45%;
    background: #ab862d;
    color: #fff !important;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    padding: 6px 10px;
    text-decoration: none;
    position: absolute;
    right: 0;
    top: -65px;
    border: 0;
}

    .buttonStyle:hover {
        background: #861619;
        color: #fff;
    }

#modalOverlay::-webkit-scrollbar {
    width: 10px;
}

/* Track */
#modalOverlay ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
#modalOverlay ::-webkit-scrollbar-thumb {
    background: #861619;
    border-radius: 10px;
}

    /* Handle on hover */
    #modalOverlay ::-webkit-scrollbar-thumb:hover {
        background: #861619;
    }


#CandidateRegiStepFirst ul {
    margin: 0;
}

    #CandidateRegiStepFirst ul li {
        padding: 10px 0 0 0;
    }

.candidate-regi-heading {
    font-size: 20px;
    font-weight: 600;
    background: #f5ede6;
    padding: 5px;
    color: #861619;
    text-align: center;
}

.candidate-regi-heading-top {
    font-weight: 700;
    text-align: center;
    font-size: 18px;
    padding: 20px 20px;
    background-color: #f5ede6;
}

.candidate-regi-msg-section {
    background: #f5ede6;
    padding: 5px 10px;
}

    .candidate-regi-msg-section ul {
        margin: 0;
    }

        .candidate-regi-msg-section ul li {
            font-size: 16px;
            font-weight: 500;
            color: #861619;
            text-align: left;
            line-height: 24px;
        }


.section-motive p {
    line-height: 29px;
    text-align: justify;
    font-size: 16px;
}

.section-motive .box-shadow-effect {
    position: relative;
    background-color: #fff;
    border: 1px dashed #861619;
    padding: 20px;
    min-height: 180px;
}

.motive-heading {
    font-size: 18px;
    font-weight: 600;
    /* background: #f5ede6; */
    padding: 5px;
    color: #861619;
    text-align: center;
}


/*-------------------theme change-------------------*/


.theme-switch {
    display: flex;
    justify-content: flex-start;
    position: relative;
    z-index: 0;
    padding: 8px;
    margin-right: 15px;
    padding-left: 0px;
    margin-left: 0;
}

.theme-switch_toggle {
    display: none;
}

.theme-dark .theme-switch .theme-switch_label {
    border-color: #680e1d;
    background-color: #4e4c4c;
}

    .theme-dark .theme-switch .theme-switch_label::after {
        left: 50%;
        background-color: #f8bc07;
    }

.theme-switch_label {
    outline: 0;
    display: block;
    width: 3em;
    height: 1.5em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 1px;
    background-color: #ab862d;
    border: 1px solid #ab862d;
    border-radius: 2em;
    transition: all 0.2s ease;
    left: 7px;
}

    .theme-switch_label::after {
        content: "";
        display: block;
        position: relative;
        width: 50%;
        height: 100%;
        background-color: #dcdfe5;
        border-radius: 1em;
        transition: all 0.2s ease;
    }

.theme-switch a.btn {
    border: none;
    font-family: Hind-SemiBold;
    font-size: inherit;
    color: inherit;
    background: 0 0;
    cursor: pointer;
    padding: 0 0;
    display: inline-block;
    margin: 0 0;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 700;
    outline: 0;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    left: 25px;
    z-index: 1000;
}

.training .brd-left {
    border-right: 1px dashed #a82800;
    padding-right: 0;
}

/* width */
#apprenticeship ::-webkit-scrollbar {
    width: 3px;
}

/* Track */
#apprenticeship ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
#apprenticeship ::-webkit-scrollbar-thumb {
    background: #ae741e;
}

    /* Handle on hover */
    #apprenticeship ::-webkit-scrollbar-thumb:hover {
        background: #ae741e;
    }


#faq .btn-get-started {
    font-family: Eczar-SemiBold;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 25px;
    margin-top: 0px;
    border-radius: 50px;
    transition: 0.5s;
    color: #fff;
    background: #861619;
}

    #faq .btn-get-started:hover {
        background: #ab862d;
    }

a.text-info:hover, a.text-info:focus {
    color: #102476 !important;
}

.blink_me {
    animation: blinker 1s linear infinite;
    color: #ff0000;
    text-align: center;
    width: 32%;
    font-size: 14px;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.msg-position {
    position: absolute;
    left: 28%;
}

@media only screen and (max-width: 1200px) {
    .msg-position {
        display: none;
    }
}

.newicon:after {
    content: "";
    position: absolute;
    top: 20px;
    width: 25px;
    height: 9px;
    background: url(../../Images/new.gif) no-repeat center;
    right: -10px;
}


#faqs .box-shadow-effect {
    /* position: relative;
  background-color: #fff;
  border: 1px dashed #861619;
  padding: 20px; */
    position: relative;
    background-color: #fff;
    border: 1px dashed #861619;
    padding: 40px 10px 0px 10px;
    border-radius: 20px;
    border-top: 6px solid #861619;
    margin-bottom: 40px;
}

    #faqs .box-shadow-effect:after {
        z-index: -1;
        position: absolute;
        content: "";
        bottom: 15px;
        right: 10px;
        left: auto;
        width: 50%;
        top: 80%;
        max-width: 300px;
        background: #777;
        -webkit-box-shadow: 0 15px 10px #777;
        -moz-box-shadow: 0 15px 10px #777;
        box-shadow: 0 15px 10px #777;
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg);
    }

#faqs .icon-box {
    text-align: center;
    border: 1px dashed #743504;
    padding: 30px 20px;
    transition: all ease-in-out 0.3s;
    width: 100%;
    background: rgba(245, 237, 230, .9);
    border-top: 6px solid #861619;
    border-radius: 20px;
    position: relative;
}

    #faqs .icon-box .icon {
        margin: 0 auto;
        width: 64px;
        height: 64px;
        background: #fff;
        border-radius: 5px;
        transition: all 0.3s ease-out 0s;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        transform-style: preserve-3d;
    }

        #faqs .icon-box .icon i {
            color: #fff;
            font-size: 28px;
        }

        #faqs .icon-box .icon::before {
            position: absolute;
            content: "";
            left: -8px;
            top: -8px;
            height: 100%;
            width: 100%;
            background: #a04b08;
            border-radius: 5px;
            transition: all 0.3s ease-out 0s;
            transform: translateZ(-1px);
        }

    #faqs .icon-box h4 {
        font-weight: 700;
        margin-bottom: 15px;
        font-size: 20px;
        font-family: 'Eczar-SemiBold';
        font-family: "Open Sans", sans-serif;
        background-color: #5b1e20;
        padding: 10px;
    }

        #faqs .icon-box h4 a {
            color: #fff;
        }

    #faqs .icon-box p {
        line-height: 30px;
        font-size: 18px;
        margin-bottom: 0;
        font-family: 'Eczar-SemiBold';
        color: #fff;
    }


    #faqs .icon-box ul {
        height: 200px;
        overflow: auto;
        padding: 10px 15px;
        margin: 0 0 0 20px;
    }

        #faqs .icon-box ul li {
            text-align: left;
            margin-bottom: 10px;
        }


        /* width */
        #faqs .icon-box ul::-webkit-scrollbar {
            width: 3px;
        }

        /* Track */
        #faqs .icon-box ul::-webkit-scrollbar-track {
            background: #ccc;
        }

        /* Handle */
        #faqs .icon-box ul::-webkit-scrollbar-thumb {
            background: #ae741e;
        }

            /* Handle on hover */
            #faqs .icon-box ul ::-webkit-scrollbar-thumb:hover {
                background: #ebe9e9;
            }

#faqs .btn-get-started {
    font-family: Eczar-SemiBold;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 6px 25px;
    margin-top: 0px;
    border-radius: 50px;
    transition: 0.5s;
    color: #fff;
    background: #861619;
}

    #faqs .btn-get-started:hover {
        background: #ab862d;
    }

#faqs ul li {
    list-style-type: none;
    margin-left: 0px;
}

#faqs .icon-help {
    font-size: 24px;
    position: relative;
    right: 0;
    left: -10px;
    color: #861619;
    top: 5px;
}

#faqs .faq .faq-list {
    padding: 0;
}

    #faqs .faq .faq-list li {
        padding: 15px 20px;
        background: #fff;
        border-radius: 0px;
        position: relative;
        border: 1px dashed #861619;
        /* border-radius: 10px; */
    }

#portal-container ul {
    padding: 10px 0;
}

#scheme-container p {
    border: 1px dashed #861619;
    padding: 10px;
}

#faqs .faq-list .candidate-regi-heading a {
    font-size: 18px;
    font-weight: 600;
    background: #f5ede6;
    padding: 10px;
    color: #861619;
    text-align: center;
    font-family: Eczar-SemiBold;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    padding: 0 30px 0 30px;
}





/*---------------News scroller ------------*/

.newsbox {
    position: relative;
}

    .newsbox ul {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
    }

        .newsbox ul li {
            padding: 10px 0px;
            border-bottom: 1px solid #eae8e7;
        }

            .newsbox ul li a {
                color: #234957;
                text-decoration: none;
            }

.news-title {
    font-weight: bold;
    font-size: 16px;
    left: 0;
    right: 0;
    bottom: 100%;
    z-index: 5;
}

.newsticker {
    max-height: 170px;
    overflow: hidden;
}

.vert_carouselTicker__item a {
    display: block;
    position: relative;
    padding: 7px 15px 7px 30px;
    color: #000;
    margin-bottom: 7px;
    border-bottom: 1px solid #e9e9e9;
    line-height: 1.8;
}

    .vert_carouselTicker__item a:before, .icnlist a:before {
        content: '\f192';
        font-family: 'FontAwesome';
        position: absolute;
        left: 10px;
        color: #767676;
    }

#news-title h4 {
    margin-left: 0px;
    text-align: center;
    margin-top: 0px;
    padding: 10px;
    background: #861619;
    color: #fff;
    font-size: 20px;
}

    #news-title h4 i {
        color: #861619;
        margin-right: 10px;
        background: #fff;
        padding: 10px;
        border-radius: 50%;
        font-size: 16px;
    }

@media (max-width:1400px) {
    .mt-xs-4 {
        margin-top: 20px;
    }
}

/*----End News Scroller------------*/