@charset "utf-8";


/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/

body {
    color: #333 !important
}

.aligncenter,
.gallery-item a {
    display: block
}

.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px
}

.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 10px
}

.aligncenter {
    margin-left: auto;
    margin-right: auto
}

.author-avatar img,
.comment-content img,
.entry-content img,
.widget img,
img.header-image,
img.wp-post-image {
    border-radius: 6px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2)
}

.wp-caption {
    max-width: 100%;
    padding: 4px
}

.entry-caption,
.gallery-caption,
.wp-caption .wp-caption-text {
    font-style: italic;
    font-size: 12px;
    font-size: .857142857rem;
    line-height: 2;
    color: #757575
}

ul:before,
ul:after {
    content: '';
    display: table
}

ul:after {
    clear: both
}

.full-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: top
}

.block-content .block .full-img img {
    height: 250px !important
}

img.img-crop {
    display: block;
    max-width: none
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 0
}

.table-div {
    display: table;
    height: 100%;
    width: 100%
}

.blink {
    -webkit-animation: glow 2s ease-in-out infinite alternate;
    -moz-animation: glow 2s ease-in-out infinite alternate;
    animation: glow 2s ease-in-out infinite alternate
}

@-webkit-keyframes glow {
    from {
        color: #fff;
        text-shadow: 0 0 10px #00fff2, 0 0 20px #00fff2, 0 0 30px #00fff2, 0 0 40px #00fff2, 0 0 50px #00fff2, 0 0 60px #00fff2, 0 0 70px #00fff2, 0 0 90px #00fff2
    }

    to {
        color: #fff
    }
}

.blinking {
    -webkit-animation: blinking 1s ease-in-out infinite alternate;
    -moz-animation: blinking 1s ease-in-out infinite alternate;
    animation: blinking 1s ease-in-out infinite alternate
}

@-webkit-keyframes blinking {
    from {
        color: #fff;
        text-shadow: 0 0 10px #00fff2
    }

    to {
        color: #fff;
        text-shadow: 0 0 30px #00fff2
    }
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-next,
.owl-prev {
    background-position: 0 0
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-nav {
    text-align: center;
    margin-top: 25px
}

.owl-next,
.owl-prev {
    background-color: #00844b;
    border-radius: 0;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    color: #fff;
    display: inline-block;
    margin: 0 5px
}

.owl-next i,
.owl-prev i {
    line-height: 40px
}

.owl-next:hover,
.owl-prev:hover {
    background-color: #000
}

/*--------------------------------------------------------------
# Pre Header
--------------------------------------------------------------*/

.header {
    position: relative;
    z-index: 500
}

.header .container {
    position: relative
}

.pre-header {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    background: #00854c;
   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00854c', endColorstr='#68B571', GradientType=1)
}

.pre-header ul.links {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none
}

.pre-header ul.links li {
    float: left;
    line-height: 40px
}

.pre-header ul.links>li:after {
    float: right;
    margin: 0 8px;
    content: "|"
}

.pre-header ul.links li:last-child:after {
    display: none
}

.pre-header ul.links li a {
    color: #fff
}

.pre-header ul.links li a:hover {
    color: #fff;
    text-decoration: underline
}

.pre-header .more {
    background: url(images/dots.svg) no-repeat right;
    background-size: 16px;
    padding-right: 24px;
    color: #fff;
    float: right;
    margin-left: 15px;
    line-height: 40px;
    display: block
}

.pre-header .more-links {
    position: absolute;
    top: 100%;
    right: 15px;
    width: 200px;
    z-index: 1010
}

.pre-header .more-links .card-body {
    padding: 8px 12px;
    border-radius: 0
}

.pre-header .more-links ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.pre-header .more-links ul li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d8d8d8
}

.pre-header .more-links ul li:last-child {
    border: none;
    padding: 0;
    border: none
}

.pre-header .more-links ul:first-child li:last-child {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d8d8d8
}

.pre-header select {
    width: 150px
}

.pre-header select,
.pre-header select:focus {
    -webkit-appearance: none;
    background: #00844b url(images/down-arrow.svg) no-repeat right .75rem center;
    background-size: 10px 10px;
    -moz-appearance: none;
    color: #fff;
    border: none;
    font-weight: 600;
    font-size: 14px;
    height: 40px;
    padding: 0 32px 0 10px
}

/*--------------------------------------------------------------
# Post Header
--------------------------------------------------------------*/

.post-header {
    position: relative;
    z-index: 10;
    background: #fff;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
    border-color: transparent;
    justify-content: center;
}

.post-header .logo {
    float: left;
    padding: 10px 0
}

.post-header .header-right {
    padding-right: 0;
    position: relative;
    background: #ececec
}

.post-header .search {
    height: 36px;
    width: 36px;
    background: url(images/search.svg) no-repeat center;
    background-size: 20px;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    right: 0
}

/*--------------------------------------------------------------
# Navbar
--------------------------------------------------------------*/
.three_photo {
    display: flex;
    height: 325px;
    flex-direction: row;
    justify-content: center;
    margin-top: 6px;
}

.box-three {
    margin-right: 2px;
    background-image: url(/assets/image/wp3236572.jpg);
    color: white;
}

.notice-text {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: rgb(255, 255, 255);
}

@media screen and (max-width: 1400px) {
    .box {
        width: 40%;
    }
}

@media screen and (max-width: 400px) {
    .box {
        width: 90%;
    }
}

.img-fluid {
    height: 500px;
}

.notice {
    font-size: 22px;
    text-align: center;
	background-color:#990033;
}

.faqcard {
    box-shadow: 0 0 5px 0px #363d59;
}

/*--------------------------------------------------------------
# Highlight
--------------------------------------------------------------*/

.notice-bar {
    position: relative;
    overflow: hidden;
    color: #fff;
    background: #062574;
    background: -moz-linear-gradient(to right, rgb(44, 91, 194), rgb(0, 172, 197) 90%);
    background: -webkit-linear-gradient(to right, rgb(44, 91, 194) 0%, rgb(0, 172, 197) 90%);
    background: linear-gradient(to right, rgb(44, 91, 194), rgb(0, 172, 197) 90%);
    margin-bottom: 2px;
}

.notice-scroll {
    position: relative;
    height: 50px;
    padding-left: 50px;
}

.notice-scroll h5 {
    position: absolute;
    line-height: 50px;
    font-size: 18px;
    margin: 0;
    padding: 0 20px 0 0;
    color: #fff;
    background: #00844b;
    top: 0;
    left: 0;
}

.notice-scroll h5:before {
    background: #00844b;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 2000px;
    content: '';
}

.notice-scroll h5:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 0;
    height: 0;
    border-bottom: 50px solid #00844b;
    border-right: 25px solid transparent;
}

.marquee-scroll {
    overflow: hidden;
}

.notice-scroll ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.notice-scroll ul li {
    float: left;
    background: url(images/bullet.png) no-repeat right;
    background-size: 18px;
    padding-right: 30px;
    margin-right: 15px;
    line-height: 50px;
}

.notice-scroll ul li a {
    color: #fff
}

.banner-image {
    min-width: initial;
    position: relative;
    overflow: hidden;
    flex: 0 0 auto;
    display: flex
}

.banner-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-image: linear-gradient(to right, #062574e6, #062574d6, #0625748c, #ffffff00)
}

.overlay-hide:before {
    background-image: linear-gradient(to right, #ffffff00, #ffffff00, #ffffff00, #ffffff00)
}

.banner-image img {
    width: 100%;
    height: auto
}

.banner {
    position: relative
}

.banner .banner-image {}

.banner .carousel-caption {
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: auto;
    color: #fff;
    text-align: left;
    font-weight: 400
}

.banner .carousel-control-prev,
.banner .carousel-control-next {
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    opacity: 1;
    text-indent: -9999px;
    z-index: 30;
    top: 50%;
    margin-top: -20px
}

.banner .carousel-control-prev {
    background-image: url(images/left-arrow.svg);
    left: 0
}

.banner .carousel-control-next {
    background-image: url(images/right-arrow.svg);
    right: 0
}

.banner .carousel-caption .btn {
    margin-top: 5px
}

.banner .carousel-caption h2 {
    font-size: 48px;
    text-transform: uppercase
}

.banner .carousel-caption h1 {
    font-size: 44px
}

.banner .carousel-caption h2,
.banner .carousel-caption h3 {
    line-height: 100%
}

.section {
    padding: 30px 0;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: none;
}

.section .container {
    position: relative;
    z-index: 100
}

.w2 {
    background: #ececec
}

.w2 .row {
    direction: rtl
}

.w2 [class*=col-] {
    direction: ltr
}



/*--------------------------------------------------------------
# Welcome
--------------------------------------------------------------*/
.welcome {
    text-align: center;
    color: white;
    padding-top: 30px;
    font-family: Arial, Helvetica, sans-serif;
}

.container-welcome {
    background:url(../image/background.png);
    height: 8cm;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding: 0 !important;
    margin: 0;
}

.discribe-welcome {
    text-align: center;
    color: white;
    font-size: 18px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding-inline: 6px;
    padding-bottom: 20px;
	padding-left:50px;
	padding-right:50px;
}

/*--------------------------------------------------------------
# Course
--------------------------------------------------------------*/

.course_name {
    text-align: center;
    color: #062574;
    font-size: 60px;
    margin-top: -40px;
    margin-bottom: 40px;
}

.btn btn-primary {
    background-color: #062574;
}

.frame {
    position: relative;
    overflow: hidden;
}

.text-blink {
    color: rgb(255, 255, 255);
    text-shadow: 1px 1px 10px rgb(13, 0, 255), 1px 1px 10px rgb(255, 0, 0);
    font-size: 20px;
}

.Patronboxstyle h4 {
    font-size: 15px;
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 20px;
}

.Patronboxstyle img {
    width: 80px;
    height: 80px;
    margin-right: 9px;
    float: left;
    border-radius: 50% !important;
    border: 1px dashed white;
    padding: 5px;
}

.Patronboxstyle h5 {
    text-align: center
}

.Patronboxstyle h5 i {
    color: #fff;
    font-size: 26px
}

.Patronbg1 {
    background: #0161b1;
    padding: 10px;
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
}

.Patronbg2 {
    background: #00830a;
    padding: 10px;
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
}

.Patronbg3 {
    background: #f1a700;
    padding: 10px;
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
}

.Patronbg4 {
    background: #e91a2e;
    padding: 10px;
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
}

.new-rds {
    border-radius: 7px;
    margin: 5px 0px;
}


/*--------------------------------------------------------------
# Admission
--------------------------------------------------------------*/

.admission-section {
    margin-top: 20px;
    padding: 30px 0;
    background-size: cover;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    color: rgb(255, 255, 255)
}

.admission-section .container {
    position: relative;
    z-index: 100
}

.admission-section:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    content: '';
    right: 0;
    bottom: 0;
    background: -moz-linear-gradient(to right, rgb(6, 37, 116), rgb(0, 172, 197));
    background: -webkit-linear-gradient(to right, rgb(6, 37, 116) 0%, rgb(0, 172, 197));
    background: linear-gradient(to right, rgb(6, 37, 116), rgb(0, 172, 197));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00854c', GradientType=1)
}

.section .section-block+.section-block {
    margin-top: 48px
}

.title-section {
    margin-bottom: 24px
}

.title-section h2 {
    color: #062574;
    position: relative
}

.title-section h2:after {
    background: #d8d8d8;
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -1px;
    content: ''
}

.title-section h2 span {
    background: #fff;
    position: relative;
    z-index: 100;
    padding: 0 25px 0 0;
    display: inline-block
}

.title-section a {
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase
}

.post-item {
    background: #fff;
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .11);
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .11)
}

.post-item .full-img {
    position: relative
}

.post-item .full-img .date {
    background: #062574;
    color: #fff;
    position: absolute;
    height: 80px;
    width: 80px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
    position: absolute;
    bottom: 10px;
    left: 10px;
    line-height: 1.1
}

.post-item .full-img .date small {
    font-size: 14px;
    display: block
}

.post-item .content {
    padding: 20px;
    border-bottom: 4px solid #00844b
}

.post-item a h6 {
    color: #75787b;
    font-weight: 600
}

.post-item a .content .date {
    color: #00854c;
    line-height: 1.1;
    text-align: center;
    width: 70px;
    font-size: 30px;
    font-weight: 600;
    margin-right: 16px
}

.post-item a .content .date small {
    font-size: 14px;
    display: block
}

.post-item a h5 {
    color: #062574;
    font-weight: 600
}

.post-item a p {
    color: #75787b
}

.post-item a .link {
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #00844b !important
}

.post-item a .link:hover {
    color: #d3020e !important
}

.offer-ads {
    padding: 3px 8px;
    font-weight: 300;
    font-size: 12px;
    animation: color-change-ads 4s infinite;
    color: #fff;
    border-radius: 6px;
    text-transform: uppercase;
    box-shadow: 0 0 10px 0px #363d59;
}

.offer-ads:hover {
    color: white;
    border: none;
}

@keyframes color-change-ads {
    0% {
        background: #154ba1;
        box-shadow: 0 0 10px #154ba1;
    }

    25% {
        background: red;
        box-shadow: 0 0 10px red;
    }

    50% {
        background: #13a58b;
        box-shadow: 0 0 10px #13a58b;
    }

    75% {
        background: #5f13a5;
        box-shadow: 0 0 10px #5f13a5;
    }

    100% {
        background: #a01675;
        box-shadow: 0 0 10px #a01675;
    }
}

/*--------------------------------------------------------------
# bank ,approval, downloads Part
--------------------------------------------------------------*/

.box-section .box {
    padding-top: 45px;
    position: relative;
}

.about-widget {
    margin-bottom: 40px;
}

.box-section .box .icon {
    position: absolute;
    top: 0;
    height: 96px;
    width: 96px;
    border-radius: 50%;
    left: 50%;
    margin-left: -48px;
    background: linear-gradient(to right, #0d3599 0%, #062574 100%)
}

.box-section .box .content {
    background: #fff;
    border-radius: 6px;
    text-align: center;
    padding: 75px 20px 20px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    border-bottom: 4px solid #00844b;
    border-top: 4px solid #00844b
}

.approvalmain span {
    margin: 5px;
    display: inline-block;
    border: solid 1px #062574
}

.approvalmain span:hover {
    background: #062574
}

.approvalmain span a {
    display: block;
    padding: 5px 10px;
    color: #062574
}

.approvalmain span a:hover {
    color: #fff
}

.testimonials .owl-carousel.owl-drag .owl-item.active {
    border-right: solid 1px #062574
}

.testimonials .owl-carousel.owl-drag .owl-item {
    padding: 0 23px
}

.testimonials .owl-carousel .owl-stage-outer {
    padding-left: 20px
}

.topmenubar li a {
    color: #fff !important;
    font-weight: 500;
    border-right: solid 2px #fff;
    padding: 0 12px !important;
    line-height: 16px
}

.topmenubar li .dropdown-menu {
    border-radius: 0;
    padding: 0
}

.topmenubar li .dropdown-menu a {
    padding: 8px 12px !important;
    border-bottom: solid 1px #fff;
    border-right: 0
}

.navbar-light .navbar-toggler {
    color: rgb(255 255 255) !important;
    border-color: rgb(0 0 0/0%) !important;
    outline: none !important;
    font-size: 28px !important;
    padding: 0 !important
}

.menu-lastdiv {
    border-right: 0 !important
}

.cms-wrap img {
    width: 100% !important;
    height: auto !important;
    border: solid 2px #fff;
    border: solid 3px #fff;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28) !important
}

.cms-wrap .form-inline .form-control {
    margin-top: 5px
}

.cms-wrap h2 {
    font-size: 22px;
    color: #00844b;
    position: relative
}

.cms-wrap h2::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 1.5px;
    background: #00844b
}

.cms-wrap h2 strong {
    background: #00844b;
    padding: 5px 15px;
    color: #fff;
    position: relative;
    font-weight: 600 !important
}

.cms-wrap h2 a {
    font-weight: 300;
    font-size: 18px
}

.cms-wrap h2 strong::after {
    content: "";
    display: block;
    border-bottom: 37px solid #00844b;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    right: -29px;
    top: 0;
    z-index: -1
}

.cms-wrap h4 u {
    text-decoration: none;
    border-bottom: solid 2px #00844b;
    font-size: 18px;
    color: #00844b
}

.cms-wrap hr {
    margin-bottom: 25px
}

.address-incms ul {
    margin: 0;
    padding: 0
}

.address-incms ul li {
    position: relative;
    margin-left: 25px;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600
}

.address-incms ul li i {
    position: absolute;
    left: -25px;
    line-height: 25px;
    color: #3498db
}

.address-incms ul li a {
    color: #333
}

.address-incms ul li::before {
    display: none
}

.cms-wrap [class^=col-md] {
    margin-top: 1rem !important;
    margin-bottom: 1.5rem !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.teamslide h6 {
    color: #001c79;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 5px !important
}

.teamslide div h4 {
    font-size: 14px;
    margin-bottom: 4px;
    text-transform: uppercase;
    padding: 6px;
    color: #fff;
    font-weight: 400 !important;
    background: linear-gradient(to right, #062574 0%, #0d3599 100%)
}

.cms-wrap ul li {
    list-style-type: none
}

.cms-wrap ul li::before {
    content: "\f101";
    font-family: 'font awesome 5 free';
    font-weight: 900;
    margin-right: .75rem;
    color: #00844b;
    opacity: .85
}

.columns ul {
    float: left
}

.columns li {
    padding-right: 2em;
    line-height: 1.5em
}

.gal-img {
    display: none
}

.social-links li::before {
    content: none !important
}

.texth4-style {
    color: #062574;
    border-bottom: solid 2px #062574;
    text-transform: uppercase;
    font-size: 18px
}

.home-courses {
    margin: 0;
    padding: 0;
    margin-bottom: 10px
}

.home-courses li {
    list-style: none;
    margin-bottom: 4px;
    background: linear-gradient(to right, #0d3599 0%, #062574 100%);
    margin-left: 0 !important
}

.home-courses li::before {
    display: none
}

.home-courses li:hover {
    background: #062574
}

.home-courses li a {
    padding: 10px;
    display: block;
    color: #fff
}

.offer {
    padding: 3px 8px;
    font-weight: 300;
    font-size: 12px;
    animation: color-change 1s infinite;
    color: #fff;
    border-radius: 6px;
    text-transform: uppercase
}

@keyframes color-change {
    0% {
        background: red
    }

    50% {
        background: blue
    }

    100% {
        background: red
    }
}

.blink-dark {
    animation: color-blink 1s infinite;
    color: #000;
    font-weight: 900
}

@keyframes color-blink {
    0% {
        color: :red
    }

    50% {
        color: blue
    }

    100% {
        color: red
    }
}

.mainlogo {
    height: 85px;
    margin: 5px 0
}

.nirf-logo {
    height: 90px;
    margin: 3px 0;
    padding: 3px;
    border-radius: 0
}

.topsochalmedia {
    margin: 0;
    padding: 0
}

.topsochalmedia li {
    display: inline-block
}

.topsochalmedia li a {
    color: #fff;
    margin: 0 6px
}

.teamslide img {
    height: 235px !important;
    object-fit: cover;
    object-position: top
}

.exper {
    margin: 0;
    padding: 0;
    text-align: center
}

.exper li {
    list-style-type: none;
    position: relative;
    margin-left: 25px;
    display: inline-block;
    font-size: 14px
}

.exper li::before {
    content: "\f101";
    font-family: 'font awesome 5 free';
    font-weight: 900;
    margin-right: .75rem;
    color: #0d3599;
    opacity: .85;
    position: absolute;
    left: -20px
}

.qlydiv {
    margin: 0;
    padding: 0
}

.qlydiv li {
    display: inline-block;
    list-style: none;
    padding: 3px 4px;
    border: solid 1px #2864ff;
    background: #d9e1ff;
    color: #062574;
    margin-bottom: 5px;
    font-size: 13px
}

.coursesmainbox a {
    color: #00844b !important
}

.coursesmainbox a:hover {
    color: #d3020e !important
}

.labledesign h4 strong {
    text-decoration: none;
    border-bottom: solid 2px #0d3599;
    font-size: 18px;
    color: #0d3599
}

.datecustom {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 15px;
    text-transform: uppercase
}

.datecustom i {
    color: #3f51b5
}

.pci-btn {
    padding: 4px;
    border-radius: 0
}

.pci-btn span {
    width: 165px;
    display: block;
    text-align: center;
    padding: 8px 5px;
    background: #062574;
    border: solid 2px #fff;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    line-height: normal;
    box-shadow: 0 1px 6px 0 rgb(32 33 36/28%)
}

.pci-btn span sup {
    position: absolute;
    display: block;
    top: -13px;
    left: -13px;
    padding: 10px
}

.leftcurtain {
    width: 50%;
    height: 100vh;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 999
}

.rightcurtain {
    width: 51%;
    height: 100vh;
    right: 0;
    top: 0;
    position: fixed;
    z-index: 999
}

.rightcurtain img,
.leftcurtain img {
    width: 100%;
    height: 100vh
}

.rope {
    position: fixed;
    top: -10px;
    left: 70%;
    z-index: 1000
}

.table .thead-dark th {
    font-size: 18px;
    font-weight: 700;
    border-color: #1c856b
}

.table-bordered tbody tr th h4 u {
    color: #fff !important
}

.table-bordered tbody tr td strong span,
.table-bordered tbody tr th span,
.table-bordered tbody tr td span {
    color: #fff !important
}

.table-bordered tbody tr {
    background-color: #0b2770;
    color: #fff;
    font-weight: 600
}

.table-bordered tbody tr:nth-of-type(odd) {
    background-color: #0d3498
}

.table-bordered tbody tr a {
    color: #fff
}

.table-bordered tbody tr i {
    color: #fff
}

.notis-header {
    padding: 14px 0;
    background: linear-gradient(to right, #016439 0%, #00844b 100%)
}

.notis-header h4 {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    color: #fff
}

.notis-header h4 a {
    color: #fff
}

.get-btn-master {
    background: rgb(0, 0, 129);
    color: rgb(255, 255, 255);
    border: solid #000;

    border-radius: 25px;
    padding: 8px 25px;
    white-space: nowrap;
    font-size: 14px;
    display: inline-block;
}

.get-btn-master:hover {
    background: rgb(255, 166, 0);
    color: white;
    border: none;
}

.get-btn-apply {
    background: #1100ff;

    color: rgb(255, 255, 255);
    border-radius: 10px;
    padding: 8px 25px;
    white-space: nowrap;
    font-size: 14px;
    display: inline-block;
}

.get-btn-apply:hover {
    background: #c40303;
    color: rgb(255, 255, 255);
}

/*--------------------------------------------------------------
# Quick link,what Student Say
--------------------------------------------------------------*/

.tesi-section {
    background: #efefef;
    position: relative;
    overflow: hidden;
}

.tesi-section [class*=col-] {
    padding-top: 40px;
    padding-bottom: 40px
}

.tesi-section .col-lg-4 {
    background: #00854c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NTQ4NGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #000000 0%, #45484d 100%);
    background: -webkit-linear-gradient(left, #000000 0%, #45484d 100%);
    background: linear-gradient(to right, #000000 0%, #45484d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#45484d', GradientType=1);
    background: #062574
}

.tesi-section .col-lg-4:before {
    background: #062574;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    content: '';
    width: 2000px
}

.tesi-section .full-img {
    min-width: initial;
    position: relative;
    overflow: hidden;
    flex: 0 0 auto;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 39.5%
}

.tesi-section .full-img img {
    flex: 1 1 auto;
    align-self: center;
    justify-self: center;
    object-fit: cover;
    height: 100%;
    min-width: 100%;
    width: auto
}


.quick-link {
    color: #fff
}

.quick-link ul {
    margin: 0 25px 0 0;
    padding: 0;
    list-style: none
}

.quick-link ul li {
    border-bottom: 1px solid #fff
}

.quick-link ul li a {
    color: #fff;
    padding: 6px 0;
    display: block
}

.tesi-section .media.title {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d8d8d8;
    color: #062574
}

.tesi-section .testimonials {
    margin-left: 25px
}

.tesi-section .owl-carousel blockquote {
    font-family: Georgia, times new roman, Times, serif;
    font-size: 16px
}

.itemdetails h5 {
    margin-bottom: 0;
    font-weight: 800;
    font-size: 18px
}

.itemdetails p {
    font-size: 14px;
    color: #586079
}

.tesi-section .owl-carousel .media {
    color: #062574;
    font-weight: 600;
    font-size: 18px;
    align-items: center;
    -webkit-align-items: center
}

.tesi-section .owl-carousel .media img {
    height: 75px;
    width: 75px;
    border-radius: 50%
}

.tesi-section .owl-nav {
    text-align: center
}

.counter {
    color: #fff;
    text-align: center
}

.counter .icon {
    height: 125px;
    width: 125px;
    border: 2px solid #fff;
    border-radius: 50%;
    margin: 0 auto 25px
}

.counter hr {
    width: 40px;
    border-bottom: 2px solid #fff
}

.counter h5 {
    text-transform: uppercase
}

.counter [class*=col-] {
    border-right: 1px solid rgba(255, 255, 255, .2)
}

.counter [class*=col-]:last-child {
    border-right: none
}

.company {
    text-align: center
}

.company h3 {
    color: #062574
}

.logo-scroll {
    margin-top: 20px;
    padding: 0 10px
}

.logo-scroll .owl-nav {
    margin: 0
}

.logo-scroll .owl-prev,
.logo-scroll .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    margin-left: 0;
    margin-right: 0
}

.logo-scroll .owl-prev {
    left: -50px
}

.logo-scroll .owl-next {
    right: -50px
}

.logo-scroll .full-img {
    border: 2px solid #d8d8d8
}

.social {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 700
}

.social li a {
    display: block;
    color: #fff;
    text-align: center;
    line-height: 40px;
    width: 40px;
    height: 40px;
    font-size: 20px
}

.write-btn {
    position: fixed;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(images/edit.svg) no-repeat center #00844b;
    background-size: 24px;
    height: 60px;
    width: 60px;
    border-radius: 60px 0 0 60px;
    z-index: 510
}

.write-btn.active {
    background: url(images/cancel.svg) no-repeat center #00844b;
    background-size: 20px;
    border-radius: 50%
}

.float-btn {
    position: fixed;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 510;
    right: 70px;
    opacity: 0;
    pointer-events: none
}

.float-btn.active {
    opacity: 1;
    pointer-events: auto
}

.float-btn li {
    margin-bottom: 30px
}

.float-btn li:last-child {
    margin-bottom: 0
}

.float-btn li a {
    color: #fff;
    text-align: center
}

.float-btn li a .icon {
    height: 60px;
    width: 60px;
    display: block;
    margin: 0 auto 5px;
    border-radius: 50%;
    background-color: #00844b;
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat
}

.float-btn li a .icon.talk-btn {
    background-image: url(images/call.svg)
}

.float-btn li a .icon.email-btn {
    background-image: url(images/email.svg)
}

.float-btn li a span {
    display: block;
    font-weight: 300
}

.body-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .86);
    z-index: 509;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
    pointer-events: none
}

.body-overlay.active {
    opacity: 1;
    pointer-events: auto
}

.page-banner {
    position: relative;
    overflow: hidden
}

.page-banner .banner-image {
    height: auto
}

.page-banner .page-header-content {
    color: #fff;
    position: absolute;
    z-index: 50;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page-banner .page-header-content h1 {
    color: #fff
}

.page-banner .page-header-content h1 small {
    font-size: 50%
}

.breadcrum-items {
    margin-bottom: 5px;
    font-size: 14px;
    position: relative
}

.breadcrum-items:before,
.breadcrum-items:after {
    content: '';
    display: table
}

.breadcrum-items:after {
    clear: both
}

.breadcrum-items span {
    display: inline-block
}

.breadcrum-items span a {
    display: block;
    color: #fff
}

.breadcrum-items span a:after {
    content: "/";
    float: right;
    margin: 0 8px;
    color: #fff
}

.breadcrum-items span:last-child a:after {
    display: none
}

.breadcrum-items span.current-item {
    font-weight: 700;
    color: #fff
}

.block-content .block {
    background: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
    text-align: center
}

.block-content .block .content {
    border-bottom: 4px solid #00844b;
    padding: 15px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    text-align: center
}

.block-content .block .content p {
    font-size: 13px;
    margin-bottom: 5px
}

.page-gallery {
    text-align: center
}

.page-gallery h2 {
    padding-bottom: 10px;
    position: relative
}

.page-gallery h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    background: #00844b;
    height: 2px;
    width: 50px;
    margin-left: -25px
}

.zoom {
    position: relative;
    display: block;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3)
}

.zoom:before {
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(images/plus.svg) no-repeat center rgba(0, 0, 0, .5);
    background-size: 30px;
    z-index: 100
}

.zoom:hover:before {
    opacity: 1
}

.landing-banner {
    background: #f5f5f5
}

.landing-banner .row {
    background: #00854c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMWM3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MTVkYzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #00854c 0%, #68B571 100%);
    background: -webkit-linear-gradient(left, #00854c 0%, #68B571 100%);
    background: linear-gradient(to right, #00854c 0%, #68B571 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00854c', endColorstr='#68B571', GradientType=1)
}

.landing-banner ul {
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none
}

.landing-banner ul li {
    margin-bottom: 10px;
    color: #fff
}

.landing-banner ul li:last-child {
    margin-bottom: 0
}

.landing-banner ul li a {
    width: 250px
}

.landing-w1 h1 {
    text-transform: uppercase
}

.landing-w2 .title {
    background: #151515;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 40px
}

.landing-w2 .section {
    background: #00854c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMWM3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MTVkYzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #00854c 0%, #68B571 100%);
    background: -webkit-linear-gradient(left, #00854c 0%, #68B571 100%);
    background: linear-gradient(to right, #00854c 0%, #68B571 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00854c', endColorstr='#68B571', GradientType=1);
    color: #fff
}

.tesisection .testimonials {
    padding: 40px 0 40px 40px
}

.tesisection .testimonials blockquote {
    font-family: Georgia, times new roman, Times, serif;
    font-size: 18px;
    position: relative;
    padding: 0 36px
}

.tesisection .testimonials blockquote:before,
.tesisection .testimonials blockquote:after {
    color: #00844b;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    content: '"';
    position: absolute
}

.tesisection .testimonials blockquote:before {
    top: 0;
    left: 0
}

.tesisection .testimonials blockquote:after {
    bottom: 0;
    right: 0
}

.tesisection .media.title {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d8d8d8;
    color: #00854c
}

.tesisection cite {
    font-weight: 700;
    font-size: 20px;
    padding-left: 36px
}

.landing-w3 {
    background: #001e7e
}

.landing-w3 .content {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom: 5px solid #00844b;
    color: #fff;
    text-align: center;
    padding: 70px 30px
}

.landing-w3 .content .table-div {
    position: relative;
    z-index: 100
}

.landing-w3 .content:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .7)
}

.dropdown-item:hover,
.dropdown-item:focus {
    text-decoration: none !important;
    background-color: transparent !important
}

.control-label {
    color: #00844b;
    font-weight: 600
}

.info-btn {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    position: fixed;
    top: 80%;
    right: 0;
    margin-right: -95px;
    margin-top: -50px;
    padding: 0;
    list-style: none;
    z-index: 300
}

.info-btn li {
    margin: 0;
    padding: 0;
    line-height: none;
    float: left
}

.info-btn li a {
    background: #00844b;
    color: #fff;
    padding: 12px 20px;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 15px;
    cursor: pointer
}

.info-btn li a:hover {
    color: #fff
}

.info-btn li i {
    margin-right: 8px;
    font-size: 15px
}

.box-content {
    position: relative;
    z-index: 100;
    background: #ebebeb
}

.corstitle {
    background-color: #062574;
    height: 100px;
    text-transform: capitalize;
    padding: 15px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    align-items: center;
    border-right: solid 1px #fff
}

.box-content .wrap .content {
    padding: 15px 20px;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8
}

.coursesmainbox {
    background: #fff
}

.coursesmainbox .full-img img {
    height: 200px;
    object-fit: cover;
    border-right: solid 1px #fff
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
    color: #ffffff;
    font-size: 14px;
    background: #2D2E32;
}

#footer .footer-top {
    padding: 40px 0 10px 0;
    background: #2D2E32;
}

#footer .footer-top .footer-contact {
    margin-bottom: -30px;
}

.contactss {
    margin-bottom: 60px;
}

#footer .footer-top .footer-contact h4 {
    font-size: 22px;
    margin: 0 0 30px 0;
    padding: 2px 0 2px 0;
    line-height: 1;
    font-weight: 700;
}

#footer .footer-top .footer-contact p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    font-family: "Raleway", sans-serif;
    color: #ffffff;
}

#footer .footer-top h4 {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    position: relative;
    padding-bottom: 12px;
}

#footer .footer-top .footer-links {
    margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer .footer-top .footer-links ul i {
    padding-right: 2px;
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
}

#footer .footer-top .footer-links ul li {
    padding: 10px 0;
    display: flex;
    align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
    padding-top: 0;
}

#footer .footer-top .footer-links ul a {
    color: #ffffff;
    transition: 0.3s;
    display: inline-block;
    line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
    text-decoration: none;
    color: #0fd150;
}

#footer .footer-newsletter {
    font-size: 15px;
}

#footer .footer-newsletter h4 {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    position: relative;
    padding-bottom: 12px;
}

#footer .footer-newsletter form {
    margin-top: 30px;
    background: #fff;
    padding: 6px 10px;
    position: relative;
    border-radius: 50px;
    text-align: left;
    border: 1px solid #e0e5e2;
}

#footer .footer-newsletter form input[type=email] {
    border: 0;
    padding: 4px 8px;
    width: calc(100% - 100px);
}

#footer .footer-newsletter form input[type=submit] {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border: 0;
    background: none;
    font-size: 16px;
    padding: 0 20px 2px 20px;
    background: #5fcf80;
    color: #fff;
    transition: 0.3s;
    border-radius: 50px;
    box-shadow: 0px 2px 15px rgb(45, 46, 50);
}

#footer .footer-newsletter form input[type=submit]:hover {
    background: #f2f2f2;
}

#footer .credits {
    padding-top: 2px;
    font-size: 13px;
}

#footer .credits a {
    color: #12d54d;
    transition: 0.3s;
}

#footer .credits a:hover {
    color: white;
}

/*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/
.gallerys {
    position: relative;
    text-align: center;
    font-size: 27px;
}

.img-fluid {
    height: 230px;
    margin-bottom: 22px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    width: 600px;
}

.page_name {
    width: 100%;
    text-align: center;
}

.page_name h2 {
    padding: 20px 0px 10px 0px;
    font-size: 24px;
    color: #f65d11;
    text-align: center;
}

.page_name img {
    margin-bottom: 20px;
}

/*--------------------------------------------------------------
# Course
--------------------------------------------------------------*/

.block {
    margin-top: 38px;
    margin-bottom: 40px;
}

.get-btn-master-course {
    background: rgb(8, 8, 155);
    color: rgb(255, 255, 255);
    border: solid #000;
    font-family: cursive;
    border-radius: 25px;
    white-space: nowrap;
    font-size: 11px;
    display: inline-block;
}

.get-btn-master-course:hover {
    background: #c40303;
    color: rgb(255, 255, 255);
}

/*--------------------------------------------------------------
# Faculty
--------------------------------------------------------------*/

.container-faculty {
    display: flex;
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    height: auto;
    flex-direction: row;
    justify-content: center;
    flex-flow: wrap;
    overflow-x: hidden;
}

.card-faculty {
    margin-right: 15px;
    height: 330px;
    width: 190px;
    box-shadow: #363d59 0 0 5px 0px;
    margin-bottom: 10px;
	margin-top: 5px;
    border-radius: 25px;
	
}

.link {
    position: relative;
    top: 10px;
    text-align: center;
}

.links {
    position: relative;
    top: 30px;
}

.color-font {
    font-size: 16px;
    padding: 0;
    color: #000000;
    font-family: Arial;
}

@media screen and(max-width:1200px) {
    .box {
        width: 40%;
    }
}

@media screen and(max-width:600px) {
    .box {
        width: 90%;
    }
}

/*--------------------------------------------------------------
# Director
--------------------------------------------------------------*/
.emp-profile {
    padding: 3%;
    margin-top: 3%;
    margin-bottom: 3%;
    border-radius: 0.5rem;
    background: #fff;
}

.profile-img {
    text-align: center;
    margin-bottom: 15px;
}

.profile-img img {
    width: 270px;
    height: 270px;
    border: solid 4px #fff;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
    border-color: rgba(223, 225, 229, 0);
    object-fit: cover;
    border-radius: 50%;
}

.profile-img .file {
    position: relative;
    overflow: hidden;
    margin-top: -20%;
    width: 70%;
    border: none;
    border-radius: 0;
    font-size: 15px;
    background: #212529b8;
}

.profile-img .file input {
    position: absolute;
    opacity: 0;
    right: 0;
    top: 0;
}

.profile-head h5 {
    color: #333;
}

.profile-head h6 {
    color: #0062cc;
}

.profile-edit-btn {
    border: none;
    border-radius: 1.5rem;
    width: 70%;
    padding: 2%;
    font-weight: 600;
    color: #6c757d;
    cursor: pointer;
}

.proile-rating {
    font-size: 12px;
    color: #818182;
    margin-top: 5%;
}

.proile-rating span {
    color: #495057;
    font-size: 15px;
    font-weight: 600;
}

.profile-body .nav-tabs {
    margin-bottom: 5%;
}

.profile-body .nav-tabs .nav-link {
    font-weight: 600;
    border: none;
}

.profile-body .nav-tabs .nav-link.active {
    border: none;
    border-bottom: 2px solid #0062cc !important;
    color: #0062cc !important;
}

.profile-work {
    padding: 14%;
    margin-top: -15%;
}

.profile-work p {
    font-size: 12px;
    color: #818182;
    font-weight: 600;
    margin-top: 10%;
}

.profile-work a {
    text-decoration: none;
    color: #495057;
    font-weight: 600;
    font-size: 14px;
}

.profile-work ul {
    list-style: none;
}

.profile-tab label {
    font-weight: 600;
}

.profile-tab p {
    font-weight: 300 !important;
    color: #333;
}

.list-group-item {
    margin: 0px !important;
}

.m-0 {
    margin: 0 !important;
}

.sochalmedia-con ul {
    margin: 0;
    padding: 0;
}

.sochalmedia-con ul li {
    list-style: none;
    display: inline-block;
    width: 45px;
    height: 45px;
    background: #fff;
    text-align: center;
    line-height: 45px;
    border-radius: 5px;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
    font-size: 19px;
    margin: 0px 6px;
}

.sochalmedia-con ul li a {
    display: block;
}

.margintop-up {
    margin-top: -100px !important;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
    border-color: rgba(223, 225, 229, 0);
}

.skill-div {
    width: 70%;
    margin: 0 auto;
}

.skill-div p {
    margin-bottom: 5px;
    margin-right: 1px;
    font-weight: 500;
    color: #0062cc;
    display: inline-block;
    padding: 6px 11px;
    background: #e8e8e8;
    border-radius: 3px;
}

.skill-style {
    font-size: 17px;
    font-weight: 600;
    position: relative;

    padding-bottom: 10px;
}

.skill-style::after {
    position: absolute;
    content: '';
    width: 53px;
    height: 2.5px;
    background: #4c72fe;
    bottom: 0;
    left: 0;
}

.skill-style::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #dee2e6;
    bottom: 0;
    left: 0;
}

.sidetabdesign {
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

.sidetabdesign li {
    display: block !important;
    width: 100%;
    border: 0 !important;
    margin-bottom: 10px !important;
}

.sidetabdesign li a {
    border: 0 !important;
    border-radius: 0 !important;
    color: #0d3599 !important;
    /*margin-bottom: 5px;*/
    /* background: linear-gradient(to right, #0d3599 0%,#062574 100%) !important; */
    background: #d5d5d5 !important;
    box-shadow: 0px 5px 5px 0 rgb(32 33 36 / 11%);
    border-radius: 5px 0px 0px 5px !important;
}

.sidetabdesign li a:hover {
    background: linear-gradient(to right, #0d3599 0%, #062574 100%) !important;
    color: #fff !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    /*margin-bottom: 5px;*/
    background: linear-gradient(to right, #0d3599 0%, #062574 100%) !important;
    border-radius: 5px 0px 0px 5px !important;
}

.labledesign {
    margin-bottom: 18px;
}

.labledesign h2 {
    font-size: 22px;
    color: #0d3599;
    position: relative;
}

.labledesign h2::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 1.5px;
    background: #0d3599;
}

.labledesign h2 strong {
    background: #0d3599;
    padding: 5px 15px;
    color: #fff;
    position: relative;
    font-weight: 600 !important;
    font-size: 20px;
}

.labledesign h2 strong::after {
    content: "";
    display: block;
    border-bottom: 36px solid #0d3599;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    right: -29px;
    top: 0;
    z-index: -1;
}

@media only screen and (max-width: 1199px) {
    .labledesign h2 strong {
        background: #0082d600;
        color: #0082d6;
        padding: 5px 0px;
    }

    .labledesign h2 strong::after {
        border-bottom: 38px solid #0082d600;
    }
}

/*--------------------------------------------------------------
# Contact Us
--------------------------------------------------------------*/

.get-btn-runded {
    background: #2519cd;
    color: rgb(255, 255, 255);
    border-radius: 25px;
    padding: 8px 25px;
    white-space: nowrap;
    font-size: 14px;
    display: inline-block;
}

.faqcard {
    box-shadow: 0 0 10px 0px #363d59;
}

.ftco-section {
    padding: 7em 0;
}

.ftco-no-pt {
    padding-top: 0;
}

.ftco-no-pb {
    padding-bottom: 0;
}

.heading-section {
    font-size: 28px;
    color: #000;
}


.form-control {
    height: 36px;
    background: #fff;
    color: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    border-radius: 2px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(0, 0, 0, 0.3) !important;
}

.form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(0, 0, 0, 0.3) !important;
}

.form-control:-ms-input-placeholder {
    /* IE 0+ */
    color: rgba(0, 0, 0, 0.3) !important;
}

.form-control:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(0, 0, 0, 0.3) !important;
}

.form-control:focus,
.form-control:active {
    border-color: #01d28e !important;
}

textarea.form-control {
    height: inherit !important;
}

.contact-wrap {
    background: #fff;
}

.info-wrap {
    color: rgba(255, 255, 255, 0.8);
}

.info-wrap h3 {
    color: #fff;
}

.info-wrap .dbox {
    width: 100%;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 25px;
}

.info-wrap .dbox:last-child {
    margin-bottom: 0;
}

.info-wrap .dbox p {
    margin-bottom: 0;
}

.info-wrap .dbox p span {
    font-weight: 500;
    color: #fff;
}

.info-wrap .dbox p a {
    color: #fff;
}

.info-wrap .dbox .icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.info-wrap .dbox .icon span {
    font-size: 20px;
    color: #fff;
}

.info-wrap .dbox .text {
    width: calc(100% - 50px);
}

.contactForm .label {
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.contactForm .form-control {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0;
}

#contactForm .error {
    color: red;
    font-size: 12px;
}

#contactForm .form-control {
    font-size: 16px;
}

#message {
    resize: vertical;
}

#form-message-warning,
#form-message-success {
    display: none;
}

#form-message-warning {
    color: red;
}

#form-message-success {
    color: #28a745;
    font-size: 18px;
    font-weight: bold;
}

.submitting {
    float: left;
    width: 100%;
    padding: 10px 0;
    display: none;
    font-size: 16px;
    font-weight: bold;
}

.color-front {
    font-size: 14px;
    color: #0b00dd;
    font-family: "Poppins", sans-serif;
}