@import "http://fonts.cdnfonts.com/css/noto-sans";



@font-face {

    font-family: Oswald-Bold;

    src: url(../fonts/Oswald-Bold.ttf)

}



.font-Oswald {

    font-family: Oswald-Bold

}



* {

    margin: 0;

    padding: 0;

    border: none;

    outline: none;

    font-size: 100%;

    line-height: inherit

}



body {

    font-size: 16px;

    color: #222;

    line-height: 1.6em;

    font-weight: 300;

    -webkit-font-smoothing: antialiased;

    background: #fff;

    font-family: 'Noto Sans', sans-serif

}



.page-wrapper {

    position: relative;

    width: 100%;

    min-width: 300px;

    z-index: 9;

    margin: 0 auto;

    overflow: hidden

}



a {

    text-decoration: none;

    cursor: pointer

}



a:hover,

a:focus,

a:visited {

    text-decoration: none !important;

    outline: none

}



h1,

h2 {

    position: relative;

    font-weight: 400;

    line-height: 1.25em;

    margin: 0;

    background: none;

    color: #262626;

    font-family: Oswald-Bold

}



h3,

h4,

h5,

h6 {

    position: relative;

    font-weight: 400;

    line-height: 1.25em;

    margin: 0;

    background: none;

    color: #262626;

    font-family: 'Noto Sans', sans-serif

}



textarea {

    overflow: hidden

}



button {

    outline: none !important;

    cursor: pointer

}



b,

strong {

    font-weight: 700

}



.text {

    font-size: 16px;

    line-height: 1.4;

    font-weight: 300;

    color: #848484;

    margin: 0 0 15px

}



::-webkit-input-placeholder {

    color: inherit

}



::-moz-input-placeholder {

    color: inherit

}



::-ms-input-placeholder {

    color: inherit

}



.btn-light:not(:disabled):not(.disabled).active:focus,

.btn-light:not(:disabled):not(.disabled):active:focus,

.show>.btn-light.dropdown-toggle:focus {

    box-shadow: none;

    outline: none

}



.btn-light:not(:disabled):not(.disabled).active,

.btn-light:not(:disabled):not(.disabled):active,

.show>.btn-light.dropdown-toggle {

    background-color: inherit;

    border-color: inherit;

    color: inherit;

    border-radius: 0

}



.bootstrap-select .dropdown-menu li a span.text {

    margin-bottom: 0

}



.bootstrap-select .dropdown-menu li.active a span.text {

    color: #fff

}



.bootstrap-select .dropdown-toggle .filter-option:after {

    font-family: 'Font Awesome 5 Pro';

    content: "\f107";

    position: absolute;

    right: 15px;

    top: 7px;

    display: block;

    line-height: 30px;

    font-size: 17px;

    text-align: center;

    z-index: 5;

    font-weight: 400;

    color: #fff

}



.page-wrapper {

    position: relative;

    margin: 0 auto;

    width: 100%;

    min-width: 300px;

    z-index: 9;

    overflow: hidden

}



.auto-container {

    position: static;

    max-width: 1170px;

    padding: 0 15px;

    margin: 0 auto

}



ul,

li {

    list-style: none;

    padding: 0;

    margin: 0

}



figure {

    margin-bottom: 0

}



.theme-btn {

    display: inline-block;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease

}



.bg-theme {

    background: #1B3860

}



.text-theme {

    color: #1B3860

}



.bg-theme2 {

    background: #e85044

}



.text-theme2 {

    color: #e85044

}



.centered {

    text-align: center !important

}



.gray-bg {

    background-color: #f4f4f4 !important

}



.light-bg {

    background-color: #fff !important

}



img {

    display: inline-block;

    max-width: 100%;

    height: auto

}



.dropdown-toggle::after {

    display: none

}



.fa {

    line-height: inherit

}



.preloader {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 999;

    background-position: center center;

    background-repeat: no-repeat;

    background-image: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/icons/preloader.svg)

}



.preloader-close {

    position: fixed;

    z-index: 999999;

    color: #fff;

    padding: 10px 20px;

    cursor: pointer;

    right: 0;

    bottom: 0;

    font-weight: 600

}



.loader-wrap {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 999999

}



.loader-wrap .layer-one {

    position: absolute;

    left: 0;

    top: 0;

    width: 33.3333%;

    height: 100%;

    overflow: hidden

}



.loader-wrap .layer-two {

    position: absolute;

    left: 33.3333%;

    top: 0;

    width: 33.3333%;

    height: 100%;

    overflow: hidden

}



.loader-wrap .layer-three {

    position: absolute;

    left: 66.6666%;

    top: 0;

    width: 33.3333%;

    height: 100%;

    overflow: hidden

}



.loader-wrap .layer .overlay {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #0a273d

}



.owl-dots {

    text-align: center;

    line-height: .8

}



.owl-dots .owl-dot {

    width: 10px;

    height: 10px;

    border-radius: 12px;

    background: #fff !important;

    transition: .3s;

    -webkit-transition: .3s;

    margin: 0 2px;

    display: inline-block

}



.owl-dots .owl-dot.active {

    width: 30px;

    background: #8860D0 !important

}



.theme-btn {

    display: inline-block;

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease

}



.mb-20 {

    margin-bottom: 20px !important

}



.mb-30 {

    margin-bottom: 30px !important

}



.mb-35 {

    margin-bottom: 35px !important

}



.mb-30 {

    margin-bottom: 30px !important

}



.mt-30 {

    margin-top: 30px !important

}



.mt-40 {

    margin-top: 40px !important

}



.mt-50 {

    margin-top: 50px !important

}



.mt-70 {

    margin-top: 70px !important

}



.mb-40 {

    margin-bottom: 40px !important

}



.mb-50 {

    margin-bottom: 50px !important

}



.mb-70 {

    margin-bottom: 70px !important

}



.pb-20 {

    padding-bottom: 20px !important

}



.pb-30 {

    padding-bottom: 30px !important

}



.pb-50 {

    padding-bottom: 50px !important

}



.scroll-to-top {

    position: fixed;

    right: 40px;

    bottom: 30px;

    width: 40px;

    height: 40px;

    font-size: 14px;

    line-height: 38px;

    text-align: center;

    z-index: 100;

    cursor: pointer;

    border-radius: 50%;

    display: none;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg)

}



.scroll-to-top.style-two {

    background-color: #2d3247

}



.scroll-to-top:hover {

    color: #fff

}



.btn-style-one {

    position: relative;

    display: inline-block;

    font-size: 14px;

    line-height: 24px;

    color: #fff;

    padding: 8px 20px;

    border-radius: 3px;

    overflow: hidden;

    text-transform: capitalize;

    vertical-align: middle

}



.btn-style-one:hover {

    color: #fff

}



.btn-style-one:before {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 0;

    content: "";

    background-color: #000;

    transition: .5s;

    opacity: .1;

    border-top-right-radius: 33px;

    border-bottom-right-radius: 33px

}



.btn-style-one:hover:before {

    width: 100%;

    border-radius: 0

}



.btn-style-one span {

    position: relative

}



.btn-style-one.style-two {

    background-color: transparent;

    border: 2px solid #fff;

    padding: 8px 20px

}



.btn-style-one.style-two:after {

    top: 14px

}



.theme-btn-dark.btn-style-one.style-two {

    border: 2px solid #c7dbcf;

    color: #013300

}



.theme-btn-dark.btn-style-one.style-two:after {

    color: #013300

}



.btn-style-one.style-three {

    background-color: transparent;

    border: 2px solid #ddd;

    color: #222;

    padding: 10px 20px

}



.btn-style-one.style-three:after {

    top: 14px

}



.btn-style-one.style-three:before {

    background-color: #e8f4f1;

    opacity: 1

}



.info-form-section .btn-style-one.style-three:before {

    background-color: #013300

}



.inner-box .btn-style-one.style-three {

    padding: 4px 15px

}



.main-header {

    *position: absolute;

    display: block;

    width: 100%;

    z-index: 999;

    *top: 34px;

    *left: 0;

    background: none;

    clear: both

}



.main-header.header-style-one .auto-container,

.header-upper .auto-container,

.container.auto-container {

    max-width: 1520px

}



.header-top {

    position: relative;

    background-color: #013300;

    padding: 16.5px 0

}



.header-top .inner-container {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between

}



.header-top .left-column {

    position: relative;

    display: flex;

    align-items: center;

    flex-wrap: wrap

}



.left-column .left-img-column {

    position: relative;

    margin-right: 40px;

    padding-right: 40px

}



.left-column .left-img-column:after {

    content: '';

    position: absolute;

    right: 0;

    height: 90%;

    width: 3px;

    top: 50%;

    transform: translateY(-50%);

    background: #fff

}



.header-top ul.contact-info {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center

}



.header-top ul.contact-info li {

    margin-right: 22px;

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    position: relative;

    padding-right: 20px

}



.header-top ul.contact-info li:before {

    position: absolute;

    content: '';

    top: 5px;

    right: 0;

    width: 1px;

    height: 20px;

    background-color: rgba(255, 255, 255, .2)

}



.header-top ul.contact-info li:last-child:before {

    display: none

}



.header-top ul.contact-info a {

    color: #fff

}



.header-top ul.contact-info li i {

    margin-right: 7px;

    font-size: 20px;

    vertical-align: middle;

    position: relative;

    top: -2px

}



.header-top .social-icon {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: end

}



.header-top .social-icon li {

    margin-right: 8px;

    font-size: 14px;

    line-height: 20px

}



.header-top .social-icon li:last-child {

    margin-right: 0

}



.fb-bg {

    background: #3e5c9a

}



.ins-bg {

    background: #f09433;

    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);

    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);

    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)

}



.tw-bg {

    background: #29a9e1

}



.ld-bg {

    background: #117bb8

}



.yb-bg {

    background: #c3271a

}



.header-top .social-icon li a {

    color: #fff;

    transition: .5s;

    display: inline-block;

    width: 35px;

    height: 35px;

    text-align: center;

    line-height: 36px;

    border-radius: 42px;

    font-size: 18px

}



.header-top .social-icon li a.erp-login {

    width: auto;

    background: #fff;

    color: #013300;

    font-size: 14px;

    padding: 0 10px;

    border-radius: 4px;

    font-weight: 500

}



.header-top .social-icon li a:hover {

    background: #fff;

    color: #013300

}



ul.btns-link {

    max-width: 377px;

    text-align: right

}



ul.btns-link li {

    display: inline-block;

    margin-left: 8px;

    margin-top: 16px

}



ul.btns-link li:first-child {

    margin-left: 0

}



ul.btns-link li a {

    display: inline-block;

    border: 1px solid #fff;

    padding: 4px 12px;

    font-size: 14px;

    color: #fff;

    border-radius: 4px

}



ul.btns-link li a.bg-warning {

    font-weight: 500;

    color: #013300;

    border-color: #e85044

}



.header-upper .navbar-right {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    margin-left: 50px

}



.header-upper {

    position: relative;

    z-index: 9

}



.header-internal .header-upper {

    background: #fff

}



.header-upper .inner-container {

    position: relative;

    min-height: 62px;

    display: flex;

    align-items: center;

    justify-content: space-between

}



.header-upper .logo-box {

    z-index: 10

}



.header-upper .logo-box .logo {

    position: relative;

    display: block;

    padding: 6px 0

}



.header-upper .logo-box .logo img {

    width: 320px

}



.header-upper .right-column {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center

}



.header-upper .search-btn {

    margin-left: 35px;

    padding-left: 20px;

    line-height: 20px;

    border-left: 1px solid #919191;

    margin-right: 20px

}



.header-upper .link-btn a {

    vertical-align: middle

}



.header-upper .search-toggler {

    color: #000;

    background: transparent;

    font-size: 22px

}



.nav-outer {

    position: relative;

    z-index: 1;

    display: flex;

    flex-wrap: wrap;

    align-items: center

}



.navbar-right-info .mobile-nav-toggler {

    position: relative;

    width: 50px;

    height: 50px;

    line-height: 44px;

    text-align: center;

    color: #fff;

    font-size: 20px;

    margin-left: 30px;

    cursor: pointer;

    border-radius: 50%

}



.main-header .nav-outer .main-menu {

    position: relative

}



.main-menu .inner-container {

    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .12);

    margin-bottom: -25px;

    background: #fff

}



.main-menu .navbar-collapse {

    padding: 0

}



.main-menu .navigation {

    position: relative;

    margin: 0;

    display: flex;

    flex-wrap: wrap;

    align-items: center

}



.main-menu .navigation>li {

    position: relative;

    padding: 16px 0;

    margin-right: 12px;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease

}



.main-menu .navigation>li:last-child {

    margin-right: 0

}



.main-menu .navigation>li.current:before {

    opacity: 1

}



.main-menu .navigation>li.current>a:before {

    opacity: 1

}



.main-menu .navigation>li>a {

    position: relative;

    display: block;

    text-align: center;

    font-size: 16px;

    font-weight: 700;

    color: #032D94;

    line-height: 30px;

    text-transform: capitalize;

    opacity: 1;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease

}



.header-internal .main-menu .navigation>li>a {

    color: #121212

}



.main-menu .navigation>li>a:hover,

.main-menu .navigation>li.active>a,

.header-internal .main-menu .navigation>li>a:hover,

.header-internal .main-menu .navigation>li.active>a {

    color: #e85044

}



.main-menu .navigation>li>ul {

    position: absolute;

    left: 0;

    top: 100%;

    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content;

    min-width: 200px;

    z-index: 100;

    display: none;

    opacity: 0;

    visibility: hidden;

    background-color: #fff;

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    transform: translateY(30px);

    transition: .5s;

    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);

    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);

    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);

    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05)

}



.main-menu .navigation>li>ul.from-right {

    left: auto;

    right: 0

}



.main-menu .navigation>li>ul>li {

    position: relative;

    width: 100%;

    padding: 0 20px

}



.main-menu .navigation>li>ul>li:last-child {

    border-bottom: none

}



.main-menu .navigation>li>ul>li:before {

    position: absolute;

    content: '';

    right: 0;

    top: 0;

    width: 0;

    height: 100%;

    display: block;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease

}



.main-menu .navigation>li>ul>li>a {

    position: relative;

    display: block;

    padding: 10px 0;

    border-bottom: 1px solid #e9e5df;

    line-height: 24px;

    font-size: 15px;

    text-transform: capitalize;

    color: #2a2a2a;

    text-align: left;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease

}



.main-menu .navigation>li>ul>li:last-child>a {

    border-bottom: 0

}



.main-menu .navigation>li>ul>li.dropdown>a:after {

    position: absolute;

    content: "\f105";

    right: 0;

    top: 11px;

    display: block;

    line-height: 24px;

    font-size: 17px;

    font-family: 'Font Awesome 5 Pro';

    font-weight: 400

}



.main-menu .navigation>li>ul>li>ul {

    position: absolute;

    left: 100%;

    top: 0;

    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content;

    min-width: 200px;

    z-index: 100;

    display: none;

    background-color: #fff;

    transition: .5s;

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    transform: translateY(30px);

    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);

    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1)

}



.main-menu .navigation>li>ul>li>ul.from-right {

    left: auto;

    right: 0

}



.main-menu .navigation>li>ul>li>ul>li {

    position: relative;

    width: 100%;

    padding: 0 20px

}



.main-menu .navigation>li>ul>li>ul>li:last-child {

    border-bottom: none

}



.main-menu .navigation>li>ul>li>ul>li:before {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    display: block;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease

}



.main-menu .navigation>li>ul>li>ul>li:last-child {

    border-bottom: none

}



.main-menu .navigation>li>ul>li>ul>li>a {

    position: relative;

    display: block;

    padding: 10px 0;

    line-height: 24px;

    border-bottom: 1px solid #e9e5df;

    font-size: 15px;

    text-transform: capitalize;

    color: #2a2a2a;

    text-align: left;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease

}



.main-menu .navigation>li>ul>li>ul>li:last-child>a {

    border-bottom: 0

}



.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {

    font-family: 'Font Awesome 5 Pro';

    content: "\f105";

    position: absolute;

    right: 30px;

    top: 12px;

    display: block;

    line-height: 24px;

    font-size: 16px;

    font-weight: 400;

    z-index: 5

}



.main-menu .navigation>li.dropdown:hover>ul {

    visibility: visible;

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease

}



.main-menu .navigation li>ul>li.dropdown:hover>ul {

    visibility: visible;

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease

}



.main-menu .navigation li.dropdown .dropdown-btn {

    position: absolute;

    right: 10px;

    top: 8px;

    width: 34px;

    height: 30px;

    border: 1px solid #fff;

    text-align: center;

    font-size: 16px;

    line-height: 26px;

    color: #fff;

    cursor: pointer;

    z-index: 5;

    display: none

}



.main-header .header-upper .contact-info {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    margin-left: 30px;

    padding-left: 30px;

    border-left: 1px solid #eee

}



.main-header .header-upper .contact-info .icon {

    position: relative;

    font-size: 24px;

    width: 55px;

    height: 55px;

    text-align: center;

    line-height: 55px;

    background: #e1eeeb;

    border-radius: 50%;

    margin-right: 15px;

    color: #126051;

    transition: .5s

}



.main-header .header-upper .contact-info:hover .icon {

    color: #fff

}



.main-header .header-upper .contact-info .icon:before {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    -webkit-transform: scale(.7);

    -ms-transform: scale(.7);

    transform: scale(.7);

    opacity: 0;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s

}



.main-header .header-upper .contact-info:hover .icon:before {

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



.main-header .header-upper .contact-info .icon span {

    position: relative

}



.main-header .header-upper .contact-info h5 {

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 5px

}



.main-header .header-upper .contact-info h4 {

    font-size: 26px;

    font-weight: 700

}



.main-header .header-upper .contact-info h4 a {

    color: #222

}



.rs-toolbar-start a {

    font-size: 14px

}



.search-popup {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 99999;

    visibility: hidden;

    opacity: 0;

    overflow: auto;

    background: rgba(0, 0, 0, .90);

    -webkit-transform: translateY(101%);

    -ms-transform: translateY(101%);

    transform: translateY(101%);

    transition: all 700ms ease;

    -moz-transition: all 700ms ease;

    -webkit-transition: all 700ms ease;

    -ms-transition: all 700ms ease;

    -o-transition: all 700ms ease

}



.search-popup.popup-visible {

    -webkit-transform: translateY(0%);

    -ms-transform: translateY(0%);

    transform: translateY(0%);

    visibility: visible;

    opacity: 1

}



.search-popup .overlay-layer {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    display: block

}



.search-popup .close-search {

    position: absolute;

    right: 25px;

    top: 25px;

    font-size: 22px;

    color: #fff;

    cursor: pointer;

    z-index: 5

}



.search-popup .close-search:hover {

    opacity: .7

}



.search-popup .search-form {

    position: relative;

    padding: 0 15px;

    max-width: 1024px;

    margin: 0 auto;

    margin-top: 150px;

    margin-bottom: 100px;

    transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease

}



.search-popup .search-form fieldset {

    position: relative;

    border: 7px solid rgba(255, 255, 255, .50);

    border-radius: 12px

}



.search-popup .search-form fieldset input[type="search"] {

    position: relative;

    height: 70px;

    padding: 20px 220px 20px 30px;

    background: #fff;

    line-height: 30px;

    font-size: 24px;

    color: #233145;

    border-radius: 7px

}



.search-popup .search-form fieldset input[type="submit"] {

    position: absolute;

    display: block;

    right: 0;

    top: 0;

    text-align: center;

    width: 220px;

    height: 70px;

    padding: 20px 10px;

    color: #fff !important;

    line-height: 30px;

    font-size: 20px;

    cursor: pointer;

    text-transform: uppercase;

    border-radius: 0 7px 7px 0

}



.search-popup h3 {

    text-transform: uppercase;

    font-size: 20px;

    font-weight: 600;

    color: #fff;

    margin-bottom: 20px;

    letter-spacing: 1px;

    text-align: center;

    display: none

}



.search-popup .recent-searches {

    font-size: 16px;

    color: #fff;

    text-align: center;

    display: none

}



.search-popup .recent-searches li {

    display: inline-block;

    margin: 0 10px 10px 0

}



.search-popup .recent-searches li a {

    display: block;

    line-height: 24px;

    border: 1px solid #fff;

    padding: 7px 15px;

    color: #fff;

    border-radius: 3px;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease

}



.search-popup .search-form fieldset input[type="search"]:focus {

    border-color: #ddd;

    -webkit-box-shadow: none;

    box-shadow: none

}



.sticky-header {

    position: fixed;

    visibility: hidden;

    opacity: 0;

    left: 0;

    top: 0;

    width: 100%;

    padding: 0;

    z-index: -1;

    background: #fff;

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .10);

    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, .10);

    -o-box-shadow: 0 0 15px rgba(0, 0, 0, .10);

    box-shadow: 0 0 15px rgba(0, 0, 0, .10);

    -webkit-transition: top 300ms ease;

    -o-transition: top 300ms ease;

    transition: top 300ms ease

}



.fixed-header .sticky-header {

    opacity: 1;

    z-index: 99;

    visibility: visible

}



.nav-outer .mobile-nav-toggler {

    position: relative;

    width: 35px;

    height: 35px;

    line-height: 44px;

    text-align: center;

    color: #fff;

    font-size: 20px;

    cursor: pointer;

    border-radius: 50%;

    float: right;

    margin: 13px 0;

    margin-left: 15px;

    display: none

}



.mobile-menu {

    position: fixed;

    right: 0;

    top: 0;

    width: 300px;

    padding-right: 30px;

    max-width: 100%;

    height: 100%;

    opacity: 0;

    visibility: hidden;

    z-index: 999999

}



.mobile-menu .mCSB_scrollTools {

    right: -6px

}



.mobile-menu .mCSB_inside>.mCSB_container {

    margin-right: 5px

}



.mobile-menu .navbar-collapse {

    display: block !important

}



.mobile-menu .nav-logo {

    position: relative;

    padding: 50px 25px 30px;

    text-align: left;

    margin: 0

}



.mobile-menu-visible {

    overflow: hidden

}



.mobile-menu-visible .mobile-menu {

    opacity: 1;

    visibility: visible

}



.mobile-menu .menu-backdrop {

    position: fixed;

    right: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    -webkit-transform: translateX(101%);

    -ms-transform: translateX(101%);

    transform: translateX(101%);

    transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

    background-color: #000

}



.mobile-menu-visible .mobile-menu .menu-backdrop {

    opacity: .3;

    visibility: visible;

    -webkit-transition: all .7s ease;

    -o-transition: all .7s ease;

    transition: all .7s ease;

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%)

}



.mobile-menu .menu-box {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    max-height: 100%;

    overflow-y: auto;

    background: #1d3a61;

    padding: 0;

    z-index: 5;

    opacity: 0;

    visibility: hidden;

    border-radius: 0;

    -webkit-transform: translateX(101%);

    -ms-transform: translateX(101%);

    transform: translateX(101%)

}



.mobile-menu-visible .mobile-menu .menu-box {

    opacity: 1;

    visibility: visible;

    -webkit-transition: all .7s ease;

    -o-transition: all .7s ease;

    transition: all .7s ease;

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%)

}



.mobile-menu .close-btn {

    position: absolute;

    right: 20px;

    top: 15px;

    line-height: 30px;

    width: 24px;

    text-align: center;

    font-size: 30px;

    color: #fff;

    cursor: pointer;

    z-index: 10;

    -webkit-transition: all .9s ease;

    -o-transition: all .9s ease;

    transition: all .9s ease

}



.mobile-menu .navigation {

    position: relative;

    display: block;

    width: 100%;

    float: none

}



.mobile-menu .navigation li {

    position: relative;

    display: block;

    border-top: 1px solid rgba(255, 255, 255, .10)

}



.mobile-menu .navigation:last-child {

    border-bottom: 1px solid rgba(255, 255, 255, .10)

}



.mobile-menu .navigation li>ul>li:first-child {

    border-top: 1px solid rgba(255, 255, 255, .10)

}



.mobile-menu .navigation li>a {

    position: relative;

    display: block;

    line-height: 24px;

    padding: 10px 25px;

    font-size: 15px;

    color: #fff;

    text-transform: uppercase;

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease

}



.mobile-menu .navigation li ul li>a {

    font-size: 15px;

    margin-left: 20px;

    text-transform: capitalize

}



.mobile-menu .navigation li>a:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    height: 0;

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease

}



.mobile-menu .navigation li.current>a:before {

    height: 100%

}



.mobile-menu .navigation li.dropdown .dropdown-btn {

    position: absolute;

    right: 6px;

    top: 6px;

    width: 32px;

    height: 32px;

    text-align: center;

    font-size: 16px;

    line-height: 32px;

    color: #fff;

    background: rgba(255, 255, 255, .10);

    cursor: pointer;

    border-radius: 2px;

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    z-index: 5

}



.mobile-menu .navigation li.dropdown .dropdown-btn.open {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg)

}



.mobile-menu .navigation li>ul,

.mobile-menu .navigation li>ul>li>ul {

    display: none

}



.mobile-menu .social-links {

    position: relative;

    text-align: center;

    padding: 30px 25px

}



.mobile-menu .social-links li {

    position: relative;

    display: inline-block;

    margin: 0 10px 10px

}



.mobile-menu .social-links li a {

    position: relative;

    line-height: 32px;

    font-size: 16px;

    color: #fff;

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease

}



.hidden-sidebar {

    position: fixed;

    top: 0;

    left: -100%;

    z-index: 99999;

    width: 100%;

    max-width: 446px;

    height: 100%;

    overflow: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    direction: rtl

}



.hidden-sidebar-close {

    position: absolute;

    bottom: 0;

    right: -70px;

    font-size: 30px;

    cursor: pointer;

    color: #fff;

    width: 70px;

    height: 70px;

    text-align: center;

    line-height: 70px

}



.hidden-sidebar .logo {

    margin-bottom: 35px

}



.hidden-sidebar .wrapper-box {

    height: 100%

}



.hidden-sidebar .content-wrapper {

    padding: 80px 30px;

    margin-right: 70px;

    direction: ltr;

    position: relative

}



.hidden-sidebar .sidebar-widget {

    margin-bottom: 35px;

    padding: 0;

    background-color: transparent

}



.hidden-sidebar .text-widget .text {

    font-size: 18px;

    color: #fff;

    margin-bottom: 0

}



.pdf-widget {

    position: relative

}



.pdf-widget .row {

    margin: 0 -7.5px

}



.pdf-widget .column {

    padding: 0 7.5px

}



.pdf-widget .content {

    background-color: red;

    text-align: center;

    padding: 30px 10px;

    margin-bottom: 20px;

    border-radius: 10px

}



.content .right-panel {

    padding: 0 !important

}



.content .right-panel img {

    margin-bottom: 20px

}



.pdf-widget .content .icon {

    margin-bottom: 15px

}



.pdf-widget .content h4 {

    font-size: 15px;

    font-weight: 700;

    text-transform: uppercase

}



.contact-widget {

    position: relative

}



.contact-widget .icon-box {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 20px

}



.contact-widget .icon {

    width: 35px;

    font-size: 18px;

    margin-top: 2px;

    color: #fff

}



.contact-widget .text {

    color: #fff

}



.contact-widget .text a {

    color: #fff

}



.contact-widget .text strong {

    color: #fff;

    font-weight: 700;

    display: block

}



.nav-overlay {

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    z-index: 99999;

    width: 100%;

    display: none;

    background: rgba(20, 20, 20, .70);

    overflow: hidden;

    cursor: none

}



.cursor {

    position: absolute;

    background-color: #fff;

    width: 6px;

    height: 6px;

    border-radius: 100%;

    z-index: 1;

    -webkit-transition: .2s cubic-bezier(.75, -.27, .3, 1.33) opacity, .3s cubic-bezier(.75, -1.27, .3, 2.33) -webkit-transform;

    transition: .2s cubic-bezier(.75, -.27, .3, 1.33) opacity, .3s cubic-bezier(.75, -1.27, .3, 2.33) -webkit-transform;

    -o-transition: .3s cubic-bezier(.75, -1.27, .3, 2.33) transform, .2s cubic-bezier(.75, -.27, .3, 1.33) opacity;

    transition: .3s cubic-bezier(.75, -1.27, .3, 2.33) transform, .2s cubic-bezier(.75, -.27, .3, 1.33) opacity;

    transition: .3s cubic-bezier(.75, -1.27, .3, 2.33) transform, .2s cubic-bezier(.75, -.27, .3, 1.33) opacity, .3s cubic-bezier(.75, -1.27, .3, 2.33) -webkit-transform;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    pointer-events: none;

    z-index: 10000;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    visibility: hidden;

    visibility: visible

}



.cursor.active {

    opacity: .5;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0)

}



.cursor.hovered {

    opacity: .08

}



.cursor-follower {

    position: absolute;

    background-color: rgba(255, 255, 255, .3);

    width: 50px;

    height: 50px;

    border-radius: 100%;

    z-index: 1;

    -webkit-transition: .2s cubic-bezier(.75, -.27, .3, 1.33) opacity, .6s cubic-bezier(.75, -1.27, .3, 2.33) -webkit-transform;

    transition: .2s cubic-bezier(.75, -.27, .3, 1.33) opacity, .6s cubic-bezier(.75, -1.27, .3, 2.33) -webkit-transform;

    -o-transition: .6s cubic-bezier(.75, -1.27, .3, 2.33) transform, .2s cubic-bezier(.75, -.27, .3, 1.33) opacity;

    transition: .6s cubic-bezier(.75, -1.27, .3, 2.33) transform, .2s cubic-bezier(.75, -.27, .3, 1.33) opacity;

    transition: .6s cubic-bezier(.75, -1.27, .3, 2.33) transform, .2s cubic-bezier(.75, -.27, .3, 1.33) opacity, .6s cubic-bezier(.75, -1.27, .3, 2.33) -webkit-transform;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    pointer-events: none;

    z-index: 10000;

    visibility: hidden;

    visibility: visible

}



.cursor-follower.active {

    opacity: .7;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



.cursor-follower.hovered {

    opacity: .08

}



.cursor-follower.close-cursor:before {

    position: absolute;

    content: '';

    height: 25px;

    width: 2px;

    background: #fff;

    left: 48%;

    top: 12px;

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

    display: inline-block

}



.cursor-follower.close-cursor:after {

    position: absolute;

    content: '';

    height: 25px;

    width: 2px;

    background: #fff;

    right: 48%;

    top: 12px;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg)

}



.banner-section {

    position: relative

}



.banner-section .background-text {

    position: absolute;

    right: -280px;

    bottom: 190px;

    z-index: 99;

    text-transform: uppercase;

    font-size: 240px;

    font-weight: 700;

    letter-spacing: -5px;

    line-height: 200px;

    color: red;

    transform: rotate(-30deg)

}



.banner-section .background-text .text-2 {

    position: absolute;

    top: -5px;

    left: 15px;

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: red;

    color: transparent

}



.three-item-carousel,

.banner-slider {

    position: relative;

    height: 100% !important;

    z-index: 9

}



.banner-section .swiper-slide {

    position: relative;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover

}



.banner-section .swiper-slide:before {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background-color: #000;

    opacity: 0;

    content: ""

}



.banner-section .content-outer {

    position: relative;

    top: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    height: 100%;

    width: 100%;

    display: table;

    vertical-align: middle

}



.banner-section .content-box {

    position: relative;

    padding: 0 15px 10px;

    height: 92vh;

    max-height: 660px;

    max-width: 1200px;

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap;

    align-items: center

}



.banner-section .content-box .inner {

    position: relative;

    opacity: 0;

    -webkit-transform: translateX(100px);

    -ms-transform: translateX(100px);

    transform: translateX(100px);

    padding: 0 15px

}



.banner-section .swiper-slide-active .content-box .inner {

    opacity: 1;

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0)

}



.banner-section .content-box h1 {

    position: relative;

    font-size: 48px;

    line-height: 1.2;

    color: #032D94;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    -webkit-transform: translateY(-20px);

    -ms-transform: translateY(-20px);

    transform: translateY(-20px);

    margin-bottom: 30px;

    letter-spacing: 0

}



.banner-section .content-box h1:before {

    background: #5680E9;

    content: '';

    position: absolute;

    height: 4px;

    width: 110px;

    bottom: -15px

}



.banner-section .content-box h1 span {

    color: #1B3860

}



.banner-section .swiper-slide-active .content-box h1 {

    opacity: 1;

    visibility: visible;

    -webkit-transition-delay: 100ms;

    -o-transition-delay: 100ms;

    transition-delay: 100ms;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0)

}



.banner-section .content-box h4 {

    position: relative;

    display: block;

    font-size: 22px;

    line-height: 1.2em;

    color: #032D94;

    font-weight: 600;

    margin-bottom: 30px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    -webkit-transform: translateY(20px);

    -ms-transform: translateY(20px);

    transform: translateY(20px)

}



.banner-section .swiper-slide-active h4 {

    opacity: 1;

    visibility: visible;

    -webkit-transition-delay: 500ms;

    -o-transition-delay: 500ms;

    transition-delay: 500ms;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0)

}



.banner-section .content-box .text {

    position: relative;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.3;

    color: #032D94;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    -webkit-transform: translateX(-50px);

    -ms-transform: translateX(-50px);

    transform: translateX(-50px);

    margin-bottom: 30px

}



.banner-section .swiper-slide-active .text {

    opacity: 1;

    visibility: visible;

    -webkit-transition-delay: 500ms;

    -o-transition-delay: 500ms;

    transition-delay: 500ms;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0)

}



.banner-section .link-box {

    -webkit-transform: scaleY(0);

    -ms-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    -webkit-transition-delay: 700ms;

    -o-transition-delay: 700ms;

    transition-delay: 700ms;

    -webkit-transform-origin: bottom;

    -ms-transform-origin: bottom;

    transform-origin: bottom;

    margin: 0 -10px

}



.banner-section .swiper-slide-active .link-box {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



.banner-section .link-box a {

    -webkit-transition: .5s ease;

    -o-transition: .5s ease;

    transition: .5s ease

}



.banner-section .banner-slider-nav {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between

}



.banner-section .banner-slider-button-next {

    position: relative;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    color: #181614;

    cursor: pointer;

    z-index: 9;

    margin-right: 15px;

    font-size: 18px;

    background-color: red;

    transition: .5s;

    border-radius: 42px;

    opacity: .5

}



.banner-section .banner-slider-button-next:hover {

    color: #fff

}



.banner-section .banner-slider-button-prev {

    position: relative;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    color: #181614;

    cursor: pointer;

    z-index: 9;

    margin-left: 15px;

    font-size: 18px;

    background-color: red;

    transition: .5s;

    border-radius: 42px;

    opacity: .5

}



.banner-section .banner-slider-button-prev:hover,

.banner-section .banner-slider-button-next:hover {

    color: #fff;

    opacity: 1

}



.banner-section .banner-slider-nav.style-two {

    left: 0;

    right: auto;

    top: auto

}



.banner-section .banner-slider-nav.style-two .banner-slider-button-prev {

    width: 106px;

    height: 53px;

    border-radius: 0;

    margin: 0;

    line-height: 53px;

    background: #293e9c;

    font-size: 16px;

    font-weight: 700;

    text-transform: uppercase

}



.banner-section .banner-slider-nav.style-two .banner-slider-button-next {

    height: 53px;

    width: 106px;

    border-radius: 0;

    margin: 0;

    line-height: 53px;

    font-size: 16px;

    font-weight: 700;

    text-transform: uppercase

}



.banner-section .banner-slider-nav.style-two .banner-slider-button-next i {

    margin-left: 10px;

    position: relative;

    top: 1px

}



.banner-section .banner-slider-nav.style-two .banner-slider-button-prev i {

    margin-right: 10px;

    top: 1px;

    position: relative

}



.notice-wrp.notice-wrp-top {

    top: 0

}



.notice-wrp.notice-wrp-bottom {

    bottom: 0

}



.notice-wrp {

    background: #030000;

    position: absolute;

    width: 100%;

    z-index: 22;

    left: 0;

    overflow: hidden

}



.notice-wrp .notice-title {

    position: relative;

    padding-right: 30px;

    margin-right: 30px

}



.notice-wrp .notice-title:before {

    content: '';

    position: absolute;

    background: #030000;

    right: 0;

    top: 0;

    height: 100%;

    width: 1000px

}



.notice-title .notice-title-content h5 {

    line-height: 1;

    transform: translateY(-2px);

    font-weight: 300

}



.notice-title .notice-title-content h5 small {

    font-size: 65%;

    font-weight: 300;

    width: 100%;

    display: inline-block

}



.notice-wrp .notice-content {

    width: 100%

}



.notice-content li {

    font-weight: 400

}



.notice-content li .notice-date {

    color: #FFF;

    width: 38px;

    height: 38px;

    border-radius: 42px;

    text-align: center;

    line-height: .9;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 5px

}



.notice-content li p {

    margin-bottom: 0

}



.sec-title {

    position: relative;

    margin-bottom: 50px

}



.sec-title .sub-title {

    position: relative;

    font-size: 14px;

    padding-bottom: 15px;

    color: #777;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin-bottom: 20px;

    font-weight: 600

}



.sec-title .sub-title:before {

    position: absolute;

    content: '';

    height: 3px;

    width: 63px;

    bottom: 0;

    left: 0;

    background-image: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/shape/shape-3.png)

}



.theme-color-two .sec-title .sub-title:before {

    background-image: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/shape/shape-10.png)

}



.sec-title.text-center .sub-title:before {

    left: 50%;

    transform: translateX(-50%)

}



.sec-title.light .sub-title {

    color: #fff

}

.testimonials-h3{

font-size: 32px;

    color: #032D94;

        font-weight: 600;

            font-family: Oswald-Bold;

}

.sec-title h1 {

    font-size: 32px;

    color: #032D94

}



.sec-title .sub_title {

    color: #8860D0

}



.sec-title p {

    color: #666

}



.about-details h2 {

    margin-bottom: 20px

}



.about-details p {

    text-align: justify

}



.about-details .item-infra li p {

    text-align: center

}



.main-footer {

    position: relative;

    padding-top: 40px;

    background-color: #8860D0;

    background-size: cover

}



.main-footer .widgets-section {

    position: relative;

    padding-bottom: 30px

}



.main-footer .widget {

    margin-bottom: 0

}



.main-footer .widget .widget-title {

    color: #fff

}



.widget {

    position: relative;

    margin-bottom: 50px

}



.widget .widget-title {

    position: relative;

    font-size: 22px;

    color: #222;

    margin-bottom: 10px

}



.about-widget .logo {

    position: relative;

    margin-bottom: 30px

}



.about-widget .text {

    position: relative;

    color: #fff;

    margin-bottom: 0;

    font-size: 15px

}



.about-widget .text small {

    color: #fff;

    display: block

}



.about-widget .social-links {

    position: relative;

    margin-bottom: 20px

}



.about-widget .social-links li {

    position: relative;

    margin-right: 5px;

    display: inline-block

}



.about-widget .social-links li a,

.about-widget .social-links li a img,

.rs-toolbar-end .border-btn img {

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease

}



.about-widget .social-links li a img,

.rs-toolbar-end .border-btn img {

    transform: scale(1.0)

}



.about-widget .social-links li a:hover img,

.rs-toolbar-end .border-btn:hover img {

    transform: scale(1.1)

}



.about-widget .social-links li a i {

    position: relative

}



.about-widget .social-links li a span {

    position: relative

}



.newsletter-widget .text {

    position: relative;

    color: rgba(255, 255, 255, .6);

    margin-bottom: 30px

}



.newsletter-widget .form-group {

    position: relative

}



.newsletter-widget input {

    position: relative;

    height: 56px;

    padding: 0 20px;

    background-color: #2c2c2c;

    width: calc(100% - 56px);

    border-radius: 2px;

    color: rgba(255, 255, 255, .5)

}



.newsletter-widget .theme-btn {

    width: 56px;

    height: 56px;

    position: absolute;

    top: 0;

    right: 0;

    text-align: center;

    line-height: 56px;

    color: #fff;

    border-radius: 2px;

    transition: .5s

}



.newsletter-widget .theme-btn:hover {

    background-color: #fff

}



.links-widget ul li {

    color: #fff;

    margin-bottom: 10px

}



.links-widget ul li a {

    color: rgba(255, 255, 255, .6);

    transition: .5s;

    font-weight: 400;

    position: relative;

    display: inline-block

}



.links-widget ul li a:hover {

    padding-left: 24px

}



.links-widget ul li a:after {

    font-family: Flaticon;

    content: "\f115";

    position: absolute;

    left: 0;

    top: 2px;

    line-height: 25px;

    font-size: 17px;

    transform: rotate(180deg);

    font-weight: 400;

    transition: .5s;

    opacity: 0

}



.links-widget ul li a:hover:after {

    opacity: 1

}



.contact-widget .contact-info {

    position: relative

}



.contact-widget .contact-info li {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 15px

}



.contact-widget .contact-info li .icon {

    position: relative;

    display: block;

    color: #fff;

    font-size: 14px;

    margin-right: 10px;

    text-align: center;

    border-radius: 50%;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 500ms ease;

    background: #e85044;

    height: 35px;

    line-height: 35px;

    margin-top: -6px

}



.list-links li a {

    color: #fff

}



.list-links li a:hover {

    color: #e85044

}



.contact-widget .contact-info li .icon.fa-phone {

    transform: rotate(90deg)

}



.contact-widget .contact-info li .text {

    position: relative;

    color: #fff;

    width: calc(100% - 60px)

}



.contact-widget .contact-info li .text span {

    color: #fff;

    font-weight: 500;

    position: absolute;

    left: 0;

    top: 0

}



.contact-widget .contact-info li .text a {

    transition: .5s

}



.footer-bottom .wrapper-box {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    border-top: 1px solid #fff;

    padding: 12px 0

}



.footer-bottom .copyright {

    position: relative;

    color: #fff

}



.footer-bottom .text {

    position: relative;

    margin-bottom: 0;

    color: #fff

}



.footer-bottom .footer-menu li {

    display: inline-block;

    margin-right: 10px;

    line-height: 18px

}



.footer-bottom .footer-menu li:last-child {

    margin-right: 0;

    padding-right: 0;

    border: 0

}



.footer-bottom .footer-menu li a {

    color: #fff;

    transition: .5s

}



.footer-icon-width {

    width: 18px;

    border-radius: 50px

}



.services-section {

    position: relative;

    padding: 50px 0;

    z-index: 9

}



.service-block-one {

    position: relative

}



.service-block-one .inner-box {

    position: relative;

    margin-bottom: 30px;

    padding: 31px 20px 30px;

    transition: .7s;

    background-color: #fff;

    border: 2px solid red;

    overflow: hidden;

    border-radius: 6px

}



.service-block-one .inner-box:before {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    opacity: 0;

    transition: .8s;

    background-image: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/shape/shape-2.png);

    transform: translateY(-30px)

}



.service-block-one .inner-box.active:before,

.service-block-one .inner-box:hover:before {

    opacity: 1;

    transform: translateY(0)

}



.service-block-one .icon {

    position: relative;

    overflow: hidden;

    width: 54px;

    height: 54px;

    line-height: 54px

}



.service-block-one h4 {

    position: relative;

    font-size: 20px;

    font-weight: 600;

    transition: .5s

}



.service-block-one .inner-box a {

    font-weight: 600;

    color: #166A36

}



ul.list-item {

    padding: 0;

    list-style: none;

    margin: 0 0 10px 15px

}



ul.list-item li {

    line-height: 24px;

    font-size: 16px;

    padding: 0 10px 5px 19px;

    display: block;

    background: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/arrow.png) no-repeat;

    background-position: 0 5px

}



.service-block-one .inner-box.active h4,

.service-block-one .inner-box:hover h4 {

    color: #fff

}



.service-block-one .text {

    position: relative;

    margin: 10px 0;

    transition: .5s;

    font-size: 15px;

    line-height: 25px;

    max-height: 100px;

    overflow: hidden

}



.service-block-one .inner-box.active .text,

.service-block-one .inner-box:hover .text {

    color: #fff

}



.service-block-one .lower-content {

    position: relative;

    transition: .5s

}



.service-block-one .lower-content .read-more-btn {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 67px;

    font-size: 14px;

    text-transform: uppercase;

    opacity: 0;

    transition: .5s;

    transform: scale(1, 0);

    transform-origin: top

}



.service-block-one .inner-box.active .lower-content .read-more-btn,

.service-block-one .inner-box:hover .lower-content .read-more-btn {

    opacity: 1;

    transform: scale(1)

}



.service-block-one .lower-content .read-more-btn a {

    display: inline-block

}



.service-block-one .hover-icon {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    transition: .9s;

    opacity: .3

}



.service-block-one .inner-box:hover .hover-icon {

    transform: scale(1.5);

    opacity: 0

}



.about-section {

    position: relative;

    padding: 50px 0

}



.about-inner-section {

    position: relative;

    padding: 50px 0;

    background-color: #e6f7e5;

    background-image: radial-gradient(#013300 .5px, transparent .5px), radial-gradient(#013300 .5px, #e6f7e5 .5px);

    background-size: 20px 20px;

    background-position: 0 0, 10px 10px

}



.about-inner-section .abstract1 {

    width: 20%;

    position: absolute;

    top: 0;

    left: 0

}



.about-inner-section .abstract2 {

    width: 20%;

    position: absolute;

    bottom: 0;

    right: 0

}



.about-section #wrapperid {

    position: relative;

    z-index: 1

}



.about-section .image-block {

    position: relative

}



.about-section .image-block:hover p {

    color: #000

}



.about-section .image-one {

    position: relative

}



.about-section .image-two {

    position: absolute;

    left: -55px;

    bottom: 0

}



.about-section .image-two img {

    border: 10px solid #fff

}



.about-section .content-block {

    position: relative;

    margin-bottom: 10px

}



.about-section .text {

    text-align: justify;

    position: relative;

    margin-bottom: 30px

}



.about-section .bottom-content {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between

}



.about-section h4 {

    font-size: 18px;

    margin-bottom: 20px;

    font-weight: 600

}



.about-section .contact-number {

    position: relative;

    margin-bottom: 20px

}



.about-section .contact-number a {

    position: relative;

    display: inline-block;

    border: 2px solid #000;

    padding: 3px;

    border-radius: 30px;

    font-size: 22px;

    font-weight: 700;

    vertical-align: middle;

    padding-right: 30px;

    transition: .5s

}



.about-section .contact-number a i {

    position: relative;

    display: inline-block;

    width: 50px;

    height: 50px;

    line-height: 50px;

    border-radius: 50%;

    color: #fff;

    margin-right: 20px;

    vertical-align: middle;

    text-align: center;

    transition: .5s

}



.about-section .contact-number a:hover i {

    background-color: #eee

}



.image-block .image-one {

    position: relative;

    border-radius: 10px;

    overflow: hidden

}



.image-block .image-one:after {

    position: absolute;

    content: '';

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;

    background: transparent linear-gradient(180deg, #84CEEB00 0%, #84CEEB 100%) 0 0 no-repeat padding-box

}



.image-block .image-caption {

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 1;

    padding: 15px

}



.image-block .image-caption h5 {

    font-family: Oswald-Bold;

    padding-bottom: 10px

}



.image-block .image-caption h5:before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 48px;

    height: 4px;

    background: #5680E9

}



.initiative-bg:before {

    position: absolute;

    content: '';

    height: 50%;

    width: 100%;

    left: 0;

    top: 0;

    background: #eee

}



.initiative-bg .row {

    position: relative

}



.service-card {

    background: #FFF 0 0 no-repeat padding-box;

    box-shadow: 0 3px 10px #0000000D;

    border: 2px solid #0081B5;

    border-radius: 10px;

    padding: 0 10px 15px;

    transition: .3s;

    -webkit-transition: .3s;

    min-height: 110px;

    text-align: center;

    margin-top: 35px

}



.service-card .service-view {

    margin-bottom: 0;

    display: inline-block;

    background: #fff;

    border: 2px solid;

    width: 70px;

    height: 70px;

    line-height: 61px;

    border-radius: 42px;

    margin-top: -20px;

    transform: translateY(-16px)

}



.service-card .service-content h5 {

    font-size: 16px;

    width: 100%

}



.services-wrp .service-card p {

    max-height: 58px;

    overflow: hidden

}



.service-card.s1 h5 {

    color: #0081B5

}



.service-card.s2 {

    border: 2px solid #e85044

}



.service-card.s2 h5 {

    color: #e85044

}



.service-card.s3 {

    border: 2px solid #69B447

}



.service-card.s3 h5 {

    color: #69B447

}



.service-card.s4 {

    border: 2px solid #E7D244

}



.service-card.s4 h5 {

    color: #E7D244

}



.service-card.s5 {

    border: 2px solid #bbba5d

}



.service-card.s5 h5 {

    color: #bbba5d

}



.service-view h5 {

    font-size: 16px;

    font-weight: 600

}



.service-card.s1 {

    color: #0081B5

}



.service-card.s2 {

    color: #e85044

}



.service-card.s3 {

    color: #69B447

}



.service-card.s4 {

    color: #E7D244

}



.service-card.s5 {

    color: #bbba5d

}



.service-view p {

    font-size: 14px;

    line-height: 1.4

}



.service-card .arrow-btn {

    position: absolute;

    right: -20px;

    display: none

}



.service-card .arrow-btn img {

    width: 32px !important

}



.service-card img,

.owl-carousel .owl-item .service-card img {

    display: inline-block;

    width: auto

}



.branch-card {

    text-align: center

}



.branch-card .branch-content {

    display: inline-block;

    background: #fff;

    box-shadow: 2px 2px 22px #0000001a;

    border: 1px solid #66666629;

    border-radius: 10px;

    width: 90%;

    margin: -22px 0 auto;

    text-align: left;

    padding: 10px 15px;

    transform: translateY(-8px);

    overflow-x: hidden

}



.branch-card .go-to {

    background: #032D94;

    text-transform: uppercase;

    color: #fff;

    font-family: Oswald-Bold;

    text-align: center;

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    letter-spacing: 2px;

    transition: .5s;

    -webkit-transition: .5s

}



.branch-card:hover .go-to {

    left: 0

}



.branch-card .branch-content h6 {

    font-size: 13px;

    line-height: 1.5

}



.branch-card .branch-content h6 small {

    font-size: 12px;

    color: #8860D0;

    display: block

}



.service-card.mv-card {

    box-shadow: 0 3px 10px #9CD4F43D;

    border-radius: 6px;

    min-height: 184px;

    margin-bottom: -30px;

    position: relative;

    z-index: 2

}



.service-card p {

    color: #848484

}



.service-card p:last-child {

    margin-bottom: 0

}



.service-card.mv-card.mv-card2 {

    min-height: auto

}



.service-card.mv-card.mv-card2 .badge {

    font-weight: 300

}



.tabs-style .nav-tabs {

    border: none

}



.tabs-style .nav-tabs .nav-item {

    margin-right: 15px

}



.tabs-style .nav-tabs .nav-link {

    background: #FFF 0 0 no-repeat padding-box;

    border: 2px solid #D64A8F;

    color: #D64A8F;

    border-radius: 24px;

    padding: 4px 20px;

    text-transform: none

}



.tabs-style .nav-tabs .nav-link.active,

.tabs-style .nav-tabs .nav-link:hover {

    background: #D64A8F;

    color: #fff

}



.slider-icon.owl-carousel .owl-nav button.owl-next,

.slider-icon.owl-carousel .owl-nav button.owl-prev {

    display: inline-block;

    width: 40px;

    height: 40px;

    background: #fff;

    border: 1px solid #D64A8F;

    color: #D64A8F;

    font-size: 20px;

    border-radius: 42px;

    text-align: center;

    transition: .3s;

    -webkit-transition: .3s;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0

}



.slider-icon.owl-carousel .owl-nav button.owl-prev {

    left: 0

}



.slider-icon.owl-carousel .owl-nav button.owl-next:hover,

.slider-icon.owl-carousel .owl-nav button.owl-prev:hover {

    background: #D64A8F;

    color: #fff

}



.counter-inner {

    background: #FFF 0 0 no-repeat padding-box;

    box-shadow: 0 3px 10px #9CD4F43D;

    border: 1px solid #75C8F2;

    border-radius: 10px;

    padding: 30px

}



.counter-inner h3 {

    color: #e85044;

    margin-top: 10px

}



.counter-inner p {

    margin-bottom: 0

}



.dps-courses-section {

    position: relative;

    padding: 50px 0 40px

}



.dps-courses-section .sec-bg {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 190px;

    background-size: cover

}



.dps-courses-section .outer-box {

    position: relative;

    padding: 10px;

    background-color: #fff

}



.dps-courses-section .top-content .text {

    position: relative;

    color: #fff;

    font-size: 18px;

    line-height: 26px;

    font-weight: 300

}



.dps-courses-section .row-10 {

    margin: 0 -10px

}



.dps-courses-section .project-tab .project-tab-btns {

    position: relative;

    margin-bottom: 40px

}



.dps-courses-section .project-tab .project-tab-btns .p-tab-btn {

    position: relative;

    cursor: pointer;

    color: #fff;

    font-weight: 600;

    font-size: 18px;

    line-height: 24px;

    display: inline-block;

    margin-bottom: 10px;

    margin-right: 15px;

    padding-right: 15px;

    text-transform: capitalize;

    transition: all .3s ease;

    -moz-transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    border-right: 1px solid #fff

}



.dps-courses-section .project-tab .project-tab-btns .p-tab-btn:last-child {

    border-right: 0;

    padding-right: 0;

    margin-right: 0

}



.dps-courses-section .project-tab .project-tab-btns .p-tab-btn:hover,

.dps-courses-section .project-tab .project-tab-btns .p-tab-btn.active-btn {

    color: #fff

}



.dps-courses-section .project-tab .p-tabs-content {

    position: relative;

    display: block

}



.dps-courses-section .project-tab .p-tab {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: auto;

    visibility: hidden

}



.dps-courses-section .project-tab .p-tab.active-tab {

    position: relative;

    visibility: visible;

    z-index: 5

}



.dps-courses-section .p-tab.active-tab .course-block {

    -webkit-transform: scaleX(1);

    -ms-transform: scaleX(1);

    -o-transform: scaleX(1);

    -moz-transform: scaleX(1);

    transform: scaleX(1)

}



.dps-courses-section .p-tab .course-block {

    transition: all .7s ease;

    -moz-transition: all .7s ease;

    -webkit-transition: all .7s ease;

    -ms-transition: all .7s ease;

    -o-transition: all .7s ease;

    -webkit-transform: scaleX(0);

    -ms-transform: scaleX(0);

    -o-transform: scaleX(0);

    -moz-transform: scaleX(0);

    transform: scaleX(0)

}



.dps-courses-section .owl-theme .owl-nav {

    display: block

}



.dps-courses-section .owl-theme .owl-nav button {

    position: absolute;

    flex-wrap: wrap;

    top: 50%;

    height: 40px;

    width: 40px;

    border-radius: 50%;

    text-align: center;

    border: none;

    color: rgba(0, 0, 0, 0);

    font-size: 0;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    z-index: 9;

    transform: translateY(-50%)

}



.dps-courses-section.gallery-wrp .owl-theme .owl-nav button {

    margin-top: -25px

}



.dps-courses-section .owl-theme .owl-nav .owl-prev {

    left: -10px

}



#gallery .img-wrapper {

    position: relative;

    overflow: hidden

}



.dps-courses-section .owl-theme .owl-nav .owl-prev:after {

    font-family: "Flaticon";

    content: "\f115";

    position: absolute;

    top: 0;

    left: 0;

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 42px;

    font-size: 18px;

    background: #013300;

    border: 1px solid #013300;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    color: #fff

}



.dps-courses-section .owl-theme .owl-nav .owl-next {

    right: -10px

}



.dps-courses-section .owl-theme .owl-nav .owl-next:after {

    font-family: "Flaticon";

    content: "\f115";

    position: absolute;

    top: 0;

    right: 0;

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 42px;

    font-size: 18px;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

    color: #fff;

    background: #013300;

    border: 1px solid #013300

}



.dps-courses-section .owl-theme .owl-nav .owl-prev:hover:after,

.dps-courses-section .owl-theme .owl-nav .owl-next:hover:after {

    background: #fff;

    color: #013300

}



.courses-dark .sec-title h2 {

    font-weight: 400

}



.courses-dark .sec-title h2:after {

    display: none

}



.course-block {

    position: relative;

    padding: 0 10px

}



.course-block .inner-box {

    position: relative;

    margin-bottom: 20px;

    display: inline-block;

    vertical-align: middle;

    box-shadow: 0 8px 10px 0 #000;

    padding: 6px;

    border-radius: 4px;

    border: 1px solid #54545426;

    transition: .3s;

    -webkit-transition: .3s;

    width: 100%

}



.course-block .image {

    position: relative;

    overflow: hidden;

    border-radius: 4px

}



.course-block .image img {

    transition: .7s;

    width: 100%

}



.course-block .inner-box:hover {

    box-shadow: 0 8px 10px 0 #000

}



.course-block .inner-box:hover .image img {

    transform: scale(1.1)

}



.course-block .image:before {

    position: absolute;

    top: 50%;

    left: 50%;

    display: block;

    content: '';

    width: 0;

    height: 0;

    background: rgba(255, 255, 255, .2);

    border-radius: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    opacity: 0;

    z-index: 10

}



.course-block .lower-content .sm-ico {

    position: absolute;

    top: -25px;

    right: 15px;

    width: 50px

}



.course-block .image:hover:before {

    -webkit-animation: circle .95s;

    animation: circle .95s

}



.dps-courses-section.courses-dark .course-block .inner-box {

    border-radius: 30px;

    overflow: hidden

}



.dps-courses-section.courses-dark .outer-box {

    padding: 0;

    background: transparent

}



.courses-dark .course-block .text small {

    line-height: 1.2;

    display: inline-block;

    margin-top: 4px

}



@-webkit-keyframes circle {

    0% {

        opacity: 1

    }



    40% {

        opacity: 1

    }



    100% {

        width: 200%;

        height: 200%;

        opacity: 0

    }

}



@keyframes circle {

    0% {

        opacity: 1

    }



    40% {

        opacity: 1

    }



    100% {

        width: 200%;

        height: 200%;

        opacity: 0

    }

}



.course-block .lower-content {

    position: relative;

    padding: 15px 5px;

    line-height: 1.1;

    min-height: 90px

}



.course-block h4 {

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 20px

}



.course-block h4 a {

    color: #222;

    transition: .5s

}



.course-block .text {

    margin-bottom: 35px

}



.course-block .course-info {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    text-align: center;

    margin: 0 -20px;

    margin-bottom: 35px

}



.course-block .course-info .price,

.course-block .course-info .instructor {

    position: relative;

    width: 50%

}



.course-block .course-info .instructor:before {

    position: absolute;

    content: '';

    width: 1px;

    height: 105px;

    background-color: #d8eeea;

    top: 2px;

    right: -1px

}



.course-block .thumb {

    position: relative;

    margin-bottom: 15px

}



.course-block .thumb img {

    border-radius: 50%;

    width: auto;

    margin: 0 auto

}



.course-block h5 {

    font-size: 16px;

    font-weight: 700;

    line-height: 24px

}



.course-block .designation {

    position: relative;

    font-size: 15px;

    font-weight: 600

}



.wings-wrp .course-block .inner-box:before {

    content: '';

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .50%) 100%);

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%);

    bottom: 0;

    left: 0;

    width: 100%;

    height: 50%;

    position: absolute;

    z-index: 1;

    transition: .3s;

    -webkit-transition: .3s

}



.wings-wrp .course-block .inner-box {

    overflow: hidden

}



.wings-wrp .course-block .inner-front-title {

    position: absolute;

    width: 100%;

    bottom: 0;

    left: 0;

    color: #fff;

    z-index: 1;

    transition: .3s;

    -webkit-transition: .3s

}



.wings-wrp .course-block .inner-box2 {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, .5);

    z-index: 1;

    opacity: 0;

    transition: .3s;

    -webkit-transition: .3s

}



.wings-wrp .course-block .inner-box2 h4 {

    position: relative;

    display: inline-block

}



.wings-wrp .course-block .inner-box2 h4:after {

    content: '';

    display: block;

    width: 60%;

    background: #ccc;

    height: 2px;

    margin: 10px auto

}



.wings-wrp .course-block .inner-box2 h4:before {

    content: '';

    display: block;

    width: 50%;

    background: #ccc;

    height: 2px;

    margin: 10px auto;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: -7px

}



.wings-wrp .course-block .inner-border {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    border: 1px solid #FECB00;

    border-radius: 4px;

    z-index: 1;

    opacity: 0;

    transition: .3s;

    -webkit-transition: .3s

}



.wings-wrp .course-block .inner-box:hover.inner-box:before,

.wings-wrp .course-block .inner-box:hover .inner-front-title {

    opacity: 0

}



.wings-wrp .course-block .inner-box:hover .inner-box2 {

    opacity: 1

}



.back-events .circular-header {

    background: #006940;

    padding: 8px 10px;

    width: -webkit-fill-available;

    color: #fff;

    margin-bottom: 0;

    font-weight: 500;

    font-size: 18px;

    margin-top: 0;

    text-align: center

}



.intro iframe {

    margin-bottom: -7px

}



.back-events .intro {

    background: #F5F5F5

}



.event-calender .intro {

    background: #E9E7E7

}



.feature-banner-section {

    position: relative;

    text-align: center

}



.feature-banner-section .outer-box {

    position: relative;

    padding: 61px 0;

    background-size: cover

}



.feature-banner-section h2 {

    position: relative;

    font-size: 48px;

    font-weight: 700;

    line-height: 60px;

    margin-bottom: 15px

}



.feature-banner-section h3 {

    font-size: 24px;

    color: #000

}



.driving-info-section {

    position: relative;

    padding: 120px 0 70px

}



.driving-info-section .traffic-cone {

    position: absolute;

    right: 65px;

    bottom: 110px

}



.driving-info-section .image-block {

    margin-left: -230px;

    margin-bottom: 30px

}



.driving-info-section .content-block {

    margin-bottom: 30px

}



.driving-info-section .icon-box {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 30px

}



.driving-info-section .icon-box .icon {

    margin-right: 30px;

    margin-bottom: 15px;

    margin-top: 10px

}



.driving-info-section .icon-box .content {

    width: calc(100% - 105px);

    margin-bottom: 15px

}



.driving-info-section .icon-box h4 {

    position: relative;

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 10px

}



.driving-info-section .icon-box .text {

    position: relative;

    margin-bottom: 0

}



.funfacts-section {

    position: relative;

    padding: 100px 0 80px;

    border-top: 1px solid #d8eeea

}



.funfacts-section .auto-container {

    max-width: 1300px

}



.funfacts-section .inner {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center

}



.funfacts-section .column:last-child .inner:before {

    display: none

}



.funfacts-section .icon-outer {

    position: relative;

    margin-right: 35px;

    width: 150px;

    height: 140px;

    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, .1);

    text-align: center;

    line-height: 138px;

    margin-bottom: 20px

}



.funfacts-section .inner .icon-outer:before {

    position: absolute;

    content: '';

    left: 71px;

    top: -100px;

    width: 1px;

    height: 342px;

    background-color: #d8eeea

}



.funfacts-section .icon {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    background-color: #fff;

    border-bottom: 2px solid #999

}



.funfacts-section .hover-icon {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    transition: .9s;

    opacity: .3

}



.funfacts-section .inner:hover .hover-icon {

    transform: scale(1.5);

    opacity: 0

}



.funfacts-section .count-box {

    position: relative;

    font-size: 70px;

    line-height: 65px;

    font-weight: 600;

    min-width: 150px;

    margin-bottom: 12px

}



.funfacts-section .text {

    position: relative;

    font-size: 24px;

    margin-bottom: 20px;

    line-height: 32px

}



.info-form-section {

    position: relative;

    padding: 40px 0 10px;

    background-size: cover

}



.info-form-section .content-block {

    position: relative;

    margin-bottom: 30px

}



.info-form-section .content-block .text {

    color: #fff;

    margin-bottom: 30px

}



.info-form-section .list {

    position: relative;

    margin-bottom: 30px

}



.info-form-section .list li {

    position: relative;

    margin-bottom: 6px;

    padding-left: 30px

}



.info-form-section .list li:before {

    position: absolute;

    content: '';

    left: 0;

    top: 8px;

    background-image: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/icons/icon-1.png);

    background-repeat: no-repeat;

    width: 15px;

    height: 15px

}



.consult-form {

    margin-bottom: 30px;

    background: #fff;

    padding: 70px 55px 55px;

    position: relative

}



.consult-form .title {

    font-size: 36px;

    margin-bottom: 20px

}



.consult-form .row {

    margin: 0 -5px

}



.consult-form .form-group {

    padding: 0 5px;

    margin-bottom: 10px

}



.consult-form .bootstrap-select .dropdown-menu {

    padding: 0

}



.consult-form .dropdown-item.active,

.consult-form .dropdown-item:active {

    color: #fff

}



.consult-form .bootstrap-select .dropdown-menu li a.active span.text {

    color: #fff

}



.consult-form .dropdown-item {

    color: #222

}



.consult-form .bootstrap-select .dropdown-menu li a span.text {

    color: #222;

    font-size: 16px

}



.consult-form .dropup .dropdown-toggle::after {

    display: none

}



.consult-form h3 {

    position: relative;

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 5px;

    text-align: center

}



.consult-form .text {

    position: relative;

    font-size: 16px;

    margin-bottom: 35px;

    text-align: center

}



.consult-form .form-group textarea,

.consult-form .form-group input {

    width: 100%;

    background-color: #31425f;

    height: 52px;

    padding: 0 15px;

    border: 1px solid #31425f;

    color: #ccc

}



.consult-form .form-group textarea {

    height: 110px;

    padding-top: 10px

}



.consult-form .bootstrap-select>.dropdown-toggle {

    width: 100%;

    padding: 14px 20px;

    background: #f9f9f9;

    border: 1px solid #eee

}



.consult-form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

    width: 100%

}



.consult-form .bootstrap-select .dropdown-toggle .filter-option:after {

    top: 10px

}



.info-form-section .signal-image-one {

    position: absolute;

    left: 110px;

    bottom: -58px;

    z-index: 9

}



.info-form-section .signal-image-two {

    position: absolute;

    right: 100px;

    bottom: -61px;

    z-index: 9

}



.working-process-section {

    position: relative;

    padding: 120px 0 90px

}



.working-process-section .auto-container {

    max-width: 1470px

}



.working-process-section .background-icon {

    position: absolute;

    top: 155px;

    left: 50%;

    transform: translateX(-50%)

}



.working-process-section .top-content .text {

    position: relative;

    font-size: 20px;

    line-height: 30px

}



.working-process-section .wrapper-box {

    position: relative;

    padding-top: 50px

}



.working-process-section .wrapper-box:before {

    position: absolute;

    content: '';

    left: 0;

    bottom: 0;

    top: 0;

    right: 0;

    background-image: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/shape/shape-4.png);

    background-repeat: no-repeat;

    background-position: center

}



.process-block {

    position: relative

}



.process-block .inner-box {

    position: relative;

    max-width: 320px;

    margin: 0 auto;

    margin-bottom: 30px;

    padding: 60px 0;

    transition: .7s

}



.process-block .inner-box:hover {

    transform: translateY(10px)

}



.process-block .count {

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    height: 120px;

    width: 120px;

    border-radius: 50%;

    color: #fff;

    font-size: 30px;

    font-weight: 400;

    text-align: center;

    padding-top: 18px

}



.process-block .content {

    position: relative;

    max-width: 320px;

    border-radius: 50%;

    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, .1);

    padding: 60px 20px 53px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    text-align: center;

    z-index: 9;

    background-color: #fff;

    margin: 0 auto;

    min-height: 320px

}



.process-block .content:before {

    position: absolute;

    content: '';

    left: 10px;

    top: 10px;

    right: 10px;

    bottom: 10px;

    border: 1px solid #ddd;

    border-radius: 50%

}



.process-block h4 {

    position: relative;

    font-size: 24px;

    font-weight: 700;

    transition: .5s;

    margin-bottom: 10px

}



.process-block .text {

    position: relative;

    margin-bottom: 0

}



.process-block:nth-child(2) {

    margin-top: 45px

}



@media only screen and (min-width:768px) {

    .process-block:nth-child(2) .count {

        top: auto;

        bottom: 0;

        padding-top: 70px

    }

}



.process-block.active .content {

    background-color: #24a78d

}



.process-block.active .content:before {

    border: 9px solid red

}



.process-block.active h4 {

    color: #fff

}



.process-block.active .text {

    color: #fff

}



.process-block.active .count {

    background: #fff;

    color: #222;

    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, .1)

}



.cta-section {

    text-align: center;

    padding: 110px 0 100px;

    background-size: cover

}



.cta-section h5 {

    position: relative;

    color: #fff;

    font-size: 14px;

    margin-bottom: 25px;

    text-transform: uppercase

}



.cta-section h2 {

    position: relative;

    color: #fff;

    font-size: 48px;

    font-weight: 700;

    line-height: 60px;

    margin-bottom: 50px

}



.cta-section .link-box a {

    margin: 0 10px 10px

}



.testimonials-section {

    position: relative;

    padding: 40px 0 30px;

    background: #f5fbfe

}



.testimonials-section .sec-bg {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    background-size: cover

}



.testimonials-section .top-content .text {

    font-size: 20px;

    text-align: center;

    margin-bottom: 31px;

    position: relative

}



.testimonials-section .owl-dots {

    display: block;

    text-align: center;

    margin-top: 20px

}



.testimonials-section .owl-dots .owl-dot {

    position: relative;

    margin: 0 5px;

    width: 10px;

    height: 10px;

    border-radius: 2.5px;

    display: inline-block;

    border-radius: 12px;

    transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    background: #fff;

    border: 1px solid #8860D0

}



.testimonials-section .owl-dots .owl-dot:hover,

.testimonials-section .owl-dots .owl-dot.active {

    width: 10px;

    background: #8860D0;

    border: 1px solid #8860D0

}



.testimonial-block .inner-box {

    position: relative;

    padding: 40px 30px 30px;

    margin-top: 30px;

    align-items: center;

    margin-bottom: 20px;

    background-color: #fff;

    box-shadow: 0 8px 20px 0 #000;

    border: 1px solid #75C8F2;

    border-radius: 10px

}



.testimonial-block .quote {

    position: absolute;

    top: -44px;

    left: 25px

}



.testimonial-block .quote img {

    width: 65px

}



.testimonial-block .author-info {

    position: relative;

    margin-right: 30px;

    text-align: left;

    margin-bottom: 20px

}



.testimonial-block .thumb img {

    width: 45px !important;

    border-radius: 42px

}



.testimonial-block h4 {

    position: relative;

    font-size: 18px;

    font-weight: 500

}



.testimonial-block .location {

    position: relative;

    font-size: 15px;

    font-weight: 500

}



.testimonial-block .content {

    position: relative

}



.testimonial-block .rating-info {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    margin-bottom: 7px

}



.testimonial-block h5 {

    position: relative;

    font-size: 16px;

    font-weight: 700

}



.testimonial-block .rating {

    font-size: 12px;

    margin-left: 15px;

    color: #ffce4a

}



.testimonial-block .text {

    position: relative;

    margin: 0;

    color: #1A1818;

    max-height: 90px;

    overflow: hidden

}



.main-content .testimonial-inside {

    position: relative;

    background: #fff;

    padding: 0 30px 30px;

    box-shadow: 0 4px 10px -5px;

    border-radius: 15px;

    margin: 40px 0

}



.main-content .testimonial-inside img {

    width: 100px;

    height: 100px;

    margin-top: -50px;

    margin-bottom: 20px;

    border-radius: 100px

}



.main-content p,

.main-content ul,

.main-content ol {

    font-weight: 400;

    color: #000;

    text-align: justify

}



.testimonial-inside p.testimonial-title {

    font-weight: 600;

    color: #e85044;

    margin-bottom: 0

}



.main-content .testimonial-inside:after {

    content: '';

    position: absolute;

    width: 70px;

    height: 70px;

    background: #e85044;

    right: -1px;

    bottom: -1px;

    border-radius: 82px 0 15px 0

}



.brand-logo {

    position: relative;

    padding: 80px 0 0;

    margin: 0 -60px

}



.brand-logo .single-logo img {

    width: auto

}



.brand-logo .single-logo {

    height: 120px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center

}



.blog-section {

    position: relative;

    padding: 120px 0 90px

}



.blog-section .top-content .text {

    position: relative;

    font-size: 20px

}



.news-block .inner-box {

    position: relative;

    margin-bottom: 30px

}



.news-block .image {

    position: relative;

    overflow: hidden;

    margin-bottom: 0;

    max-height: 200px

}



.news-block .image img {

    transition: .7s;

    width: 100%

}



.news-block .inner-box:hover .image img {

    transform: scale(1.1)

}



.news-block .image:before {

    position: absolute;

    top: 50%;

    left: 50%;

    display: block;

    content: '';

    width: 0;

    height: 0;

    background: rgba(255, 255, 255, .2);

    border-radius: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    opacity: 0;

    z-index: 10

}



.news-block .image:hover:before {

    -webkit-animation: circle .95s;

    animation: circle .95s

}



.news-block .lower-content {

    position: relative;

    padding: 20px;

    background: #fff

}



.news-block .post-meta-info {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    margin-bottom: 30px

}



.news-block .post-meta-info .category {

    position: relative;

    padding: 7px 20px;

    color: #fff;

    margin-right: 20px;

    font-size: 15px;

    text-transform: uppercase;

    font-weight: 600;

    border-radius: 2px

}



.news-block .post-meta-info .date {

    position: relative;

    margin-right: 20px

}



.news-block .post-meta-info .date i {

    margin-right: 7px

}



.news-block .post-meta-info .comment {

    position: relative;

    margin-right: 20px

}



.news-block .post-meta-info .comment i {

    margin-right: 7px

}



.news-block .post-meta-info .like {

    position: relative;

    margin-right: 20px

}



.news-block .post-meta-info .like i {

    margin-right: 7px

}



.news-block .post-meta-info .share {

    position: relative;

    margin-right: 20px

}



.news-block .post-meta-info .share i {

    margin-right: 7px

}



.news-block h4 {

    font-size: 20px;

    font-weight: 700;

    margin-bottom: 5px;

    line-height: 32px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden

}



.news-block h4 a {

    color: #222;

    transition: .5s

}



section.rs-toolbar {

    background: #5680E9;

    padding: 0;

    color: #fff

}



.rs-toolbar-end .border-btn {

    display: inline-block

}



.link-btn {

    border-radius: 4px;

    background: #84CEEB;

    color: #fff;

    padding: 6px 15px;

    border: 1px solid #84CEEB;

    outline: 0;

    transition: .3s;

    -webkit-transition: .3s

}



.link-btn.border-btn {

    border-radius: 4px;

    background: #fff;

    color: #84CEEB;

    padding: 6px 15px;

    border: 1px solid #84CEEB;

    outline: 0;

    transition: .3s;

    -webkit-transition: .3s

}



.link-btn:hover {

    background: #032D94;

    border-color: #032D94;

    color: #fff

}



.erp-btn:hover .dropdown-menu {

    display: block

}



.erp-btn .dropdown-menu {

    margin: 0;

    border-radius: 0

}



.erp-btn .dropdown-menu a {

    width: 100%;

    display: inline-block;

    font-size: 14px;

    padding: 6px 15px;

    border-bottom: 1px solid #ccc;

    line-height: 1.4

}



.erp-btn .dropdown-menu {

    margin: 0;

    border-radius: 0;

    padding: 0;

    width: 170px

}



.main-header.header-style-two .header-upper .inner-container {

    position: relative;

    padding: 0 50px

}



.main-header.header-style-two .header-upper .inner-container:before {

    position: absolute;

    content: '';

    left: 0;

    top: -10px;

    bottom: -10px;

    right: 0;

    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, .1);

    background-color: #fff;

    background-image: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/shape/shape-5.png)

}



.main-header.header-style-two .header-top {

    padding-bottom: 26.5px

}



.main-header .header-upper .sidemenu-nav-toggler {

    position: relative;

    width: 55px;

    height: 55px;

    line-height: 55px;

    text-align: center;

    border-radius: 50%;

    margin-left: 30px

}



.main-header.header-style-two .header-upper .search-toggler {

    padding-right: 30px;

    border-right: 1px solid #ccc;

    line-height: 40px

}



.main-header.header-style-two .sticky-header .header-upper .inner-container {

    padding: 0

}



.main-header.header-style-two .sticky-header .header-upper .inner-container:before {

    opacity: 0

}



.banner-section.style-two .content-box h1 {

    font-size: 80px;

    font-weight: 300;

    padding-bottom: 0

}



.banner-section.style-two .content-box h1 strong {

    font-weight: 700

}



.banner-section.style-two .content-box h1:before {

    display: none

}



.banner-section.style-two .content-box .text {

    position: relative;

    padding-left: 80px

}



.banner-section.style-two .content-box .text:before {

    position: absolute;

    content: '';

    height: 3px;

    width: 58px;

    top: 13px;

    left: 0;

    background-image: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/shape/shape-6.png)

}



.about-section-two {

    position: relative;

    padding: 120px 0 90px;

    z-index: 9

}



.about-section-two .content-block h3 .icon {

    position: absolute;

    left: 0;

    top: 0

}



.about-section-two .content-block h3 {

    position: relative;

    padding-left: 35px;

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 25px;

    line-height: 36px

}



.about-section-two .content-block .text {

    margin-bottom: 35px

}



.about-section-two .bottom-content {

    position: relative;

    padding-top: 35px;

    border-top: 1px solid #ddd

}



.about-section-two .signature {

    position: relative;

    margin-bottom: 30px

}



.about-section-two .author-info {

    position: relative;

    padding-left: 35px;

    border-left: 1px solid #ddd;

    margin-bottom: 30px

}



.about-section-two .author-info h4 {

    position: relative;

    font-size: 22px;

    font-weight: 500;

    margin-bottom: 5px

}



.about-section-two .author-info .designation {

    position: relative;

    font-size: 14px

}



.about-section-two .consult-form-wrapper {

    background-color: #fff;

    box-shadow: 0 0 48px 12px rgba(0, 0, 0, .05);

    border-bottom: 2px solid #999;

    margin-top: -170px;

    margin-bottom: 30px

}



.about-section-two .consult-form {

    right: 0;

    margin-bottom: 0;

    padding: 50px 40px 30px

}



.about-section-two .consult-form-wrapper .top-content {

    position: relative;

    text-align: center;

    padding: 29px 20px

}



.about-section-two .consult-form-wrapper .top-content h3 {

    position: relative;

    font-size: 30px;

    font-weight: 700;

    color: #fff;

    margin-bottom: 5px

}



.about-section-two .consult-form-wrapper .top-content .text {

    position: relative;

    color: #fff;

    margin-bottom: 0

}



.about-section-two .consult-form .text {

    position: relative;

    margin-bottom: 20px;

    font-size: 16px;

    font-weight: 500;

    text-align: left;

    color: #222;

    margin-top: 25px

}



.about-section-two .consult-form .text a {

    margin-left: 20px;

    display: inline-block;

    font-weight: 700

}



.about-section-two .consult-form .text a span {

    margin-right: 8px;

    color: #222

}



.dps-courses-section-two {

    position: relative;

    padding: 120px 0 90px

}



.dps-courses-section-two .sec-bg {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-size: cover

}



.dps-courses-section-two .outer-box {

    position: relative

}



.dps-courses-section-two .top-content .text {

    position: relative;

    font-size: 20px

}



.dps-courses-section-two .row-10 {

    margin: 0 -10px

}



.course-block-two {

    position: relative

}



.course-block-two .inner-box {

    position: relative;

    margin: 0 auto;

    margin-bottom: 30px;

    vertical-align: middle;

    text-align: center;

    margin-top: 110px;

    background: #fff;

    max-width: 380px

}



.course-block-two:nth-child(2) .inner-box {

    z-index: 9;

    box-shadow: 0 0 48px 12px rgba(0, 0, 0, .05)

}



.course-block-two .image {

    position: relative;

    overflow: hidden;

    display: inline-block;

    margin-top: -110px;

    border-radius: 50%;

    vertical-align: middle

}



.course-block-two .image img {

    transition: .7s;

    border-radius: 50%

}



.course-block-two .inner-box:hover .image img {

    transform: scale(1.1)

}



.course-block-two .image:before {

    position: absolute;

    top: 50%;

    left: 50%;

    display: block;

    content: '';

    width: 0;

    height: 0;

    background: rgba(255, 255, 255, .2);

    border-radius: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    opacity: 0;

    z-index: 10

}



.course-block-two .image:hover:before {

    -webkit-animation: circle .95s;

    animation: circle .95s

}



.course-block-two .lower-content {

    position: relative;

    padding: 40px 50px 50px;

    text-align: left

}



.course-block-two h4 {

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 20px

}



.course-block-two h4 a {

    color: #222;

    transition: .5s

}



.course-details .text-block-two {

    position: relative;

    margin-top: 50px

}



.course-block-two .text {

    margin-bottom: 35px

}



.course-block-two .course-info {

    position: relative;

    align-items: center;

    margin-top: 35px

}



.course-block-two .course-info .price,

.course-block-two .course-info .instructor {

    position: relative;

    padding-left: 60px

}



.course-block-two .course-info .instructor {

    padding-bottom: 20px;

    margin-bottom: 22px;

    border-bottom: 1px solid #ddd

}



.course-block-two .course-info .instructor:before {

    position: absolute;

    content: '';

    width: 1px;

    height: 105px;

    top: 2px;

    right: -1px

}



.course-block-two .thumb {

    position: absolute;

    margin-bottom: 15px;

    top: 0;

    left: 0

}



.course-block-two .thumb img {

    border-radius: 50%

}



.course-block-two h5 {

    font-size: 16px;

    font-weight: 700;

    line-height: 24px

}



.course-block-two .designation {

    position: relative;

    font-size: 15px;

    font-weight: 600

}



.course-block-two .btn-style-one {

    width: 100%

}



.course-block-two .btn-style-one.style-three:hover {

    color: #fff

}



.course-block-two .btn-style-one.style-three:hover:after {

    color: #fff

}



.projects-section {

    position: relative

}



.projects-section .auto-container {

    padding: 0;

    max-width: 100%

}



.project-block {

    position: relative

}



.project-block .inner-box {

    position: relative;

    overflow: hidden

}



.project-block .image {

    position: relative

}



.project-block .image:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-image: -moz-linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%);

    background-image: -webkit-linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%);

    background-image: -ms-linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%);

    opacity: .851

}



.project-block .image img {

    width: 100%;

    transition: .7s

}



.project-block .content {

    position: absolute;

    left: 60px;

    bottom: 70px;

    transition: .5s

}



.project-block .inner-box:hover .content {

    opacity: 0;

    transform: scaleY(0)

}



.project-block h4 {

    position: relative;

    color: #fff;

    font-size: 12px;

    text-transform: uppercase;

    padding-bottom: 20px;

    margin-bottom: 15px

}



.project-block h4:before {

    position: absolute;

    content: '';

    height: 3px;

    width: 63px;

    bottom: 0;

    left: 0;

    background-image: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/shape/shape-6.png)

}



.project-block h3 {

    position: relative;

    font-size: 36px;

    font-weight: 700;

    color: #fff

}



.project-block .text {

    position: relative;

    color: #fff;

    margin: 15px 0 25px

}



.project-block .link-btn a {

    display: inline-block;

    width: 45px;

    height: 45px;

    line-height: 39px;

    border: 1px solid #fff;

    border-radius: 2px;

    text-align: center;

    transition: .5s

}



.project-block .link-btn a:hover {

    background-color: #222;

    border-color: #222

}



.project-block .overlay {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    opacity: 0;

    transition: .7s;

    padding: 20px;

    padding-left: 60px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    background-color: rgba(36, 168, 142, .75)

}



.theme-color-two .project-block .overlay {

    background-color: #270000

}



.project-block .inner-box:hover .overlay {

    opacity: 1

}



.project-block .overlay .content-two {

    position: relative;

    transition: .9s;

    transform: translateY(20px)

}



.project-block .inner-box:hover .overlay .content-two {

    transform: translateY(0)

}



.courses-package-section {

    position: relative;

    padding: 120px 0 90px

}



.courses-package-section .background-icon {

    position: absolute;

    top: 155px;

    left: 50%;

    transform: translateX(-50%)

}



.courses-package-section .top-content .text {

    position: relative;

    font-size: 20px;

    line-height: 30px;

    margin-bottom: 60px

}



.course-package-block .inner-box {

    position: relative;

    padding-right: 50px;

    padding-bottom: 30px;

    margin-bottom: 40px

}



.course-package-block .image {

    position: relative;

    overflow: hidden

}



.course-package-block .image img {

    width: 100%;

    transition: .5s

}



.course-package-block .inner-box:hover .image img {

    transform: scale(1.05)

}



.course-package-block .content {

    position: absolute;

    bottom: 0;

    right: 0;

    width: 100%;

    max-width: 352px;

    box-shadow: 0 10px 46px 4px rgba(0, 0, 0, .05);

    background: #fff

}



.course-package-block .top-content {

    position: relative;

    padding: 28px 50px

}



.course-package-block h4 {

    position: relative;

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 9px;

    color: #fff

}



.course-package-block h5 {

    position: relative;

    font-size: 12px;

    text-transform: uppercase;

    color: red

}



.course-package-block .bottom-content {

    position: relative;

    padding: 35px 50px

}



.course-package-block .text {

    position: relative;

    margin-bottom: 20px

}



.course-package-block .link-btn {

    position: relative

}



.course-package-block .link-btn a {

    position: relative;

    display: inline-block;

    font-size: 18px;

    font-weight: 600;

    vertical-align: middle;

    color: #222;

    transition: .5s

}



.course-package-block .link-btn a i {

    margin-left: 10px;

    vertical-align: middle

}



.courses-package-section .owl-dots {

    display: block;

    text-align: center;

    margin-top: 20px

}



.courses-package-section .owl-dots .owl-dot {

    position: relative;

    margin: 0 5px;

    width: 10px;

    height: 8px;

    border-radius: 2.5px;

    display: inline-block;

    border-radius: 4px;

    transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease

}



.courses-package-section .owl-dots .owl-dot:hover,

.courses-package-section .owl-dots .owl-dot.active {

    width: 18px

}



.courses-package-section .owl-dots .owl-dot {

    background: #ccc

}



.cta-section-two {

    padding: 100px 0 70px;

    background-size: cover

}



.cta-section-two .auto-container {

    max-width: 1540px

}



.cta-section-two h2 {

    position: relative;

    color: #fff;

    font-size: 48px;

    font-weight: 700;

    line-height: 60px;

    margin-bottom: 28px;

    letter-spacing: -1px

}



.cta-section-two .bottom-content {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between

}



.cta-section-two h4 {

    font-size: 24px;

    margin-bottom: 20px;

    color: #fff

}



.cta-section-two .contact-number {

    position: relative;

    margin-bottom: 20px

}



.cta-section-two .contact-number a {

    position: relative;

    display: inline-block;

    border: 2px solid #fff;

    padding: 3px;

    border-radius: 30px;

    font-size: 22px;

    font-weight: 700;

    vertical-align: middle;

    padding-right: 30px;

    transition: .5s;

    color: #fff

}



.cta-section-two .contact-number a i {

    position: relative;

    display: inline-block;

    width: 50px;

    height: 50px;

    line-height: 50px;

    border-radius: 50%;

    color: #fff;

    margin-right: 20px;

    vertical-align: middle;

    text-align: center;

    transition: .5s

}



.cta-section-two .contact-number a:hover i {

    background-color: #eee

}



.cta-section-two .image {

    position: relative;

    margin: -155px 0;

    margin-right: -80px;

    z-index: 9

}



.two-column-section {

    position: relative;

    background-color: #f5fafe

}



.two-column-section .auto-container {

    max-width: 100%;

    padding: 0

}



.two-column-section .video-column {

    position: relative;

    background-size: cover

}



.two-column-section .video-column .video-box:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, .10)

}



.two-column-section .video-column h3 {

    position: absolute;

    bottom: 30px;

    left: 0;

    right: 0;

    text-align: center;

    font-size: 60px;

    font-weight: 300;

    color: #fff;

    text-transform: uppercase

}



.two-column-section .video-column .image {

    display: none

}



.two-column-section .video-column .video-box {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    background-size: cover;

    background-position: right center

}



.two-column-section .video-btn {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)

}



.two-column-section .video-btn span {

    position: relative;

    width: 100px;

    height: 100px;

    text-align: center;

    line-height: 100px;

    border-radius: 50%

}



.two-column-section .video-btn a {

    height: 110px;

    width: 110px;

    line-height: 102px;

    border-radius: 50%;

    color: #222;

    text-align: center;

    font-size: 30px;

    display: inline-block;

    position: relative;

    background-color: #fff

}



.two-column-section .video-btn .ripple:before {

    position: absolute;

    left: -10px;

    top: -10px;

    right: -10px;

    bottom: -10px;

    content: '';

    background-color: red;

    border-radius: 50%;

    transition: .7s

}



.two-column-section .video-btn .ripple:hover:before {

    transform: scale(1.3)

}



.two-column-section .video-btn .ripple:after {

    position: absolute;

    left: 0;

    top: 0;

    border-radius: 50%;

    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .14);

    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .14);

    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .14);

    box-shadow: 0 0 0 0 rgba(255, 255, 255, .14);

    -webkit-animation: ripple 3s infinite;

    animation: ripple 3s infinite;

    -webkit-animation-delay: .6s;

    animation-delay: .6s;

    content: "";

    position: absolute;

    right: 0;

    bottom: 0

}



@-webkit-keyframes ripple {

    70% {

        -webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);

        box-shadow: 0 0 0 70px rgba(244, 68, 56, .0)

    }



    100% {

        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);

        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0)

    }

}



@keyframes ripple {

    70% {

        -webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);

        box-shadow: 0 0 0 70px rgba(244, 68, 56, .0)

    }



    100% {

        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);

        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0)

    }

}



.two-column-section .content-block {

    position: relative;

    padding: 120px 100px 70px;

    z-index: 9

}



.team-block {

    min-height: 425px

}



.team-block .inner-box {

    position: relative;

    margin-top: 45px;

    margin-bottom: 30px;

    background-color: #fff;

    padding: 48px 20px;

    text-align: center;

    transition: .5s;

    box-shadow: 0 0 18px 1px rgba(0, 0, 0, .05)

}



.center .team-block .inner-box,

.team-block .inner-box:hover {

    padding-bottom: 123px;

    margin-bottom: -75px

}



.team-block .image {

    position: relative;

    display: inline-block;

    background-color: #e4ecf2;

    padding: 10px;

    border-radius: 50%;

    margin-bottom: 27px

}



.team-block .image:before {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    border: 10px solid #e4ecf2;

    border-radius: 50%

}



.team-block .image img {

    border-radius: 50px

}



.team-block .content {

    position: relative

}



.team-block h4 {

    position: relative;

    font-size: 20px;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 5px

}



.team-block .designation {

    position: relative;

    font-size: 16px;

    color: #555

}



.team-block .social-links {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 55px;

    opacity: 0;

    transition: .5s;

    transform: scale(1, 0);

    transform-origin: bottom;

    transition: .5s

}



.center .team-block .inner-box .social-links,

.team-block .inner-box:hover .social-links {

    opacity: 1;

    transform: scale(1)

}



.team-block .social-links li {

    display: inline-block;

    margin-top: 10px

}



.team-block .social-links li:last-child {

    margin-right: 0

}



.team-block .social-links li a {

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    color: #fff;

    font-size: 17px;

    display: inline-block;

    transition: .5s;

    border-radius: 50%

}



.team-block .social-links li a:hover {

    border-radius: 20%

}



.team-block .social-links a.facebook {

    background-color: #516eb1

}



.team-block .social-links a.twitter {

    background-color: #449bd5

}



.team-block .social-links a.google-plus {

    background-color: #dd4b39

}



.team-block .social-links a.linkedin-in {

    background-color: #0077b5

}



.two-column-section .owl-theme .owl-nav {

    position: absolute;

    display: flex;

    width: auto;

    margin: 0 auto;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    margin-top: 30px;

    top: -100px;

    right: 0

}



.two-column-section .owl-theme .owl-nav .owl-prev {

    margin: 0 5px;

    height: 45px;

    position: relative;

    width: 45px;

    border-radius: 50%;

    border: none;

    text-align: center;

    color: rgba(0, 0, 0, 0);

    font-size: 0;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    z-index: 9

}



.two-column-section .owl-theme .owl-nav .owl-prev:after {

    font-family: "Flaticon";

    content: "\f115";

    position: absolute;

    top: 0;

    width: 45px;

    height: 45px;

    line-height: 45px;

    left: 0;

    background: transparent;

    border: 1px solid #ddd;

    font-size: 18px;

    border-radius: 2px;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    color: #222

}



.two-column-section .owl-theme .owl-nav .owl-next {

    margin: 0 5px;

    position: relative;

    height: 45px;

    width: 45px;

    color: rgba(0, 0, 0, 0);

    font-size: 0;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    z-index: 9

}



.two-column-section .owl-theme .owl-nav .owl-next:after {

    font-family: "Flaticon";

    content: "\f115";

    position: absolute;

    top: 0;

    right: 0;

    width: 45px;

    height: 45px;

    line-height: 45px;

    border-radius: 2px;

    font-size: 18px;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

    color: #222;

    background: transparent;

    border: 1px solid #ddd

}



.two-column-section .owl-theme .owl-nav .owl-prev:hover:after,

.two-column-section .owl-theme .owl-nav .owl-next:hover:after {

    color: #fff

}



.pricing-section {

    position: relative;

    padding: 120px 0 90px

}



.pricing-section .shape {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-position: bottom center;

    background-repeat: repeat-x

}



.pricing-section .top-content .text {

    position: relative;

    font-size: 20px

}



.pricing-section .tab-area {

    position: relative;

    padding-right: 30px;

    padding-top: 45px;

    text-align: center

}



.pricing-section .tab-area .tab-btn-style-one {

    position: relative;

    border: 0;

    margin-bottom: 30px;

    text-align: left;

    display: inline-block;

    border: 1px solid #ddd;

    padding: 0 35px;

    border-radius: 45px

}



.pricing-section .tab-area .tab-btn-style-one li {

    display: inline-block;

    vertical-align: middle

}



.pricing-section .tab-area .tab-btn-style-one li a {

    border: 0;

    padding: 5px 0;

    padding-right: 20px;

    margin: 14px 0;

    margin-right: 20px;

    font-size: 16px;

    font-weight: 600;

    border-right: 1px solid #ddd;

    border-radius: 0;

    transition: .5s

}



.pricing-section .tab-area .tab-btn-style-one li a h4 {

    font-size: 16px;

    font-weight: 600;

    color: #222;

    text-transform: uppercase;

    transition: .5s

}



.pricing-section .tab-area .tab-btn-style-one li:last-child a {

    border-right: 0;

    margin-right: 0;

    padding-right: 0

}



.pricing-section .feature-text {

    position: relative;

    font-size: 18px;

    font-weight: 500;

    margin-bottom: 50px

}



.pricing-section .feature-text span {

    font-weight: 600

}



.pricing-block .inner-box {

    position: relative;

    padding: 115px 0 30px;

    border: 1px solid #eee;

    background-color: #fff;

    max-width: 410px;

    margin: 0 auto;

    margin-bottom: 30px

}



.pricing-block:nth-child(2) {

    margin: 0 -2px

}



.pricing-block:nth-child(2) .inner-box {

    z-index: 9;

    border: 0;

    padding: 116px 0 31px;

    box-shadow: 0 0 48px 12px rgba(0, 0, 0, .05)

}



.pricing-block h4 {

    position: relative;

    font-size: 30px;

    font-weight: 500;

    margin-bottom: 38px

}



.pricing-block .price-box {

    position: relative;

    padding: 29px 0

}



.pricing-block .price-box .ribbon {

    position: absolute;

    left: 50%;

    top: -10px;

    font-size: 10px;

    color: #fff;

    padding: 0 20px;

    text-transform: uppercase;

    background-color: #ff7800;

    border-radius: 10px;

    line-height: 20px;

    transform: translateX(-50%)

}



.pricing-block .price {

    position: relative;

    font-size: 48px;

    font-weight: 600;

    color: #fff;

    line-height: 50px

}



.pricing-block .time {

    position: relative;

    font-size: 14px;

    text-transform: uppercase;

    color: #cadeef

}



.pricing-block ul {

    position: relative;

    padding: 58px 0;

    border-bottom: 1px solid #eee;

    margin-bottom: 35px;

    vertical-align: middle

}



.pricing-block ul li {

    font-size: 18px;

    color: #222;

    margin-bottom: 22px;

    position: relative;

    display: inline-block;

    padding-left: 25px

}



.pricing-block ul li:last-child {

    margin-bottom: 0

}



.pricing-block ul li:before {

    content: "";

    position: absolute;

    left: 0;

    top: 7px;

    display: block;

    height: 14px;

    width: 14px;

    background-image: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/icons/icon-16.png)

}



.pricing-block ul li.unavailable:before {

    background-image: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/icons/icon-17.png)

}



.pricing-block ul li.unavailable {

    color: #777;

    text-decoration: line-through

}



.pricing-block .link-btn {

    position: relative

}



.pricing-block .link-btn .theme-btn {

    border-color: #222;

    padding: 16px 45px;

    padding-right: 70px

}



.pricing-block .link-btn .theme-btn:hover {

    color: #fff

}



.pricing-block .link-btn .btn-style-one.style-three:after {

    right: 40px;

    top: 16px

}



.pricing-block .link-btn .theme-btn:hover:after {

    color: #fff

}



.pricing-block .text {

    position: relative;

    font-size: 12px;

    text-transform: uppercase

}



.brand-logo.style-two {

    margin: 0;

    padding: 80px 0;

    border-top: 1px solid #ddd

}



.brand-logo.style-two .auto-container {

    max-width: 1230px

}



.mission-section {

    position: relative;

    padding: 120px 0 90px;

    background-size: cover

}



.mission-section .auto-container {

    max-width: 1760px

}



.mission-section .nav-tabs {

    border: 0;

    border-left: 5px solid #cfd2da;

    padding: 43px 0

}



.mission-section .nav-tabs .nav-link {

    border: 0;

    padding: 0;

    background: transparent;

    display: block

}



.mission-section .nav-tabs .nav-item {

    width: 100%

}



.mission-section .nav-tabs .nav-link h4 {

    position: relative;

    font-size: 22px;

    font-weight: 700;

    color: rgba(255, 255, 255, .3);

    padding: 16px 0;

    padding-left: 37px;

    transition: .5s

}



.mission-section .nav-tabs .nav-link.active h4 {

    color: #fff

}



.mission-section .nav-tabs .nav-link h4:before {

    position: absolute;

    content: '';

    left: -7.5px;

    top: 0;

    width: 10px;

    bottom: 0;

    background-color: transparent;

    transition: .5s

}



.mission-section .nav-tabs .nav-link h4:after {

    font-family: Flaticon;

    content: "\f115";

    position: absolute;

    right: 26px;

    top: 16px;

    line-height: 25px;

    font-size: 17px;

    color: rgba(255, 255, 255, .3);

    transform: rotate(180deg);

    font-weight: 400

}



.mission-section .nav-tabs .nav-link.active h4:after {

    color: #fff

}



.mission-section .content {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center

}



.mission-section .content .left-content {

    position: relative;

    width: calc(100% - 310px)

}



.mission-section .content h4 {

    position: relative;

    font-size: 24px;

    font-weight: 700;

    color: #fff;

    line-height: 36px;

    margin-bottom: 20px

}



.mission-section .content .text {

    position: relative;

    color: #fff;

    margin-bottom: 20px

}



.mission-section .image {

    position: relative;

    margin-bottom: 20px

}



.mission-section .image img {

    border-radius: 50%

}



.mission-section .tab-area {

    position: relative;

    padding-bottom: 190px;

    max-width: 1140px;

    margin: 0 auto

}



.mission-section .icon-box {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    justify-content: center

}



.mission-section .icon-box .icon {

    position: relative;

    border: 5px solid #3e434f;

    width: 90px;

    height: 90px;

    text-align: center;

    line-height: 76px;

    border-radius: 50%;

    margin-right: 20px;

    transition: .9s

}



.mission-section .icon-box:hover .icon {

    border-color: #dfff

}



.mission-section .icon-box .hover-icon {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    transition: .9s;

    opacity: .5

}



.mission-section .icon-box:hover .hover-icon {

    transform: scale(1.5);

    opacity: 0

}



.mission-section .icon-box h5 {

    position: relative;

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 12px;

    color: #fff

}



.mission-section .icon-box .text {

    position: relative;

    font-size: 16px;

    color: #fff

}



.page-title {

    position: relative;

    padding: 60px 0;

    text-align: center;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center

}



.page-title h1 {

    font-size: 42px;

    color: #fff;

    line-height: 42px;

    margin-bottom: 25px;

    font-weight: 500;

    padding-bottom: 25px

}



.page-title h1:before {

    position: absolute;

    content: '';

    height: 3px;

    width: 76px;

    bottom: 0;

    left: 0;

    background-image: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/shape/shape-1.png);

    left: 50%;

    transform: translateX(-50%)

}



.page-title .bread-crumb {

    position: relative

}



.page-title .bread-crumb li {

    color: #fff;

    position: relative;

    display: inline-block;

    margin-right: 15px;

    font-size: 16px;

    font-weight: 500;

    padding-right: 35px

}



.page-title .bread-crumb li:last-child {

    margin-right: 0;

    padding-right: 0

}



.page-title .bread-crumb li:before {

    font-family: Flaticon;

    content: "\f115";

    position: absolute;

    right: 0;

    top: 2px;

    line-height: 25px;

    font-size: 17px;

    color: #fff;

    transform: rotate(180deg);

    font-weight: 400

}



.page-title .bread-crumb li:last-child:before {

    display: none

}



.page-title .bread-crumb li a {

    color: #fff

}



.team-section {

    position: relative;

    padding: 120px 0 90px

}



.team-section .sec-bg {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    background-size: cover

}



.team-section .top-content .text {

    font-size: 20px;

    text-align: center;

    margin-bottom: 50px;

    position: relative

}



.team-section .team-block {

    min-height: auto

}



.team-section .team-block .inner-box {

    margin-top: 0;

    border-bottom: 2px solid #999

}



.team-section .team-block .inner-box:hover {

    z-index: 9

}



.team-section .icon-box {

    position: relative;

    margin-bottom: 30px;

    padding: 40px 20px 39px;

    text-align: center;

    transition: .5s;

    box-shadow: 0 0 18px 1px rgba(0, 0, 0, .05)

}



.team-section .icon-box .icon {

    position: relative;

    margin-bottom: 27px

}



.team-section .icon-box .content {

    position: relative

}



.team-section .icon-box h4 {

    position: relative;

    font-size: 20px;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 5px;

    color: #fff

}



.team-section .icon-box h5 {

    position: relative;

    font-size: 16px;

    color: #fff

}



.history-section {

    position: relative;

    padding: 120px 0 90px

}



.history-section .sec-bg {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    background-size: cover

}



.history-section .top-content .text {

    font-size: 20px;

    text-align: center;

    margin-bottom: 60px;

    position: relative;

    color: #fff

}



.history-section .nav-tabs.tab-btn-style-one {

    justify-content: space-between;

    padding: 0 30px;

    border: 0;

    margin-top: 85px;

    margin-bottom: 110px;

    position: relative

}



.history-section .nav-tabs.tab-btn-style-one li.nav-item {

    position: relative;

    text-align: center

}



.history-section .nav-tabs.tab-btn-style-one li.nav-item a:before {

    position: absolute;

    content: '';

    left: 50%;

    top: -36px;

    height: 14px;

    width: 14px;

    transform: translateX(-50%);

    background: #fff;

    border-radius: 50%

}



.history-section .nav-tabs.tab-btn-style-one li.nav-item a.active:after {

    position: absolute;

    content: '';

    left: 50%;

    top: -30px;

    height: 2px;

    width: 114px;

    transform: translateX(-50%)

}



.history-section .nav-tabs.tab-btn-style-one .nav-item .nav-link {

    border: none;

    padding: 0;

    background: transparent

}



.history-section .nav-tabs.tab-btn-style-one h4 {

    font-size: 18px;

    font-weight: 600;

    color: #fff

}



.history-section .nav-tabs.tab-btn-style-one:before {

    position: absolute;

    content: '';

    left: 45px;

    top: -30px;

    right: 45px;

    height: 2px;

    background: #fff

}



.history-section .content {

    position: relative;

    margin-bottom: 30px

}



@media only screen and (min-width:992px) {

    .history-section .content {

        margin-left: -50px

    }

}



.history-section .image {

    position: relative;

    margin-bottom: 30px;

    text-align: center

}



.history-section .content h4 {

    position: relative;

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 15px

}



.history-section .content h3 {

    font-size: 30px;

    font-weight: 700;

    color: #fff;

    margin-bottom: 24px

}



.history-section .content .text {

    position: relative;

    color: #fff;

    margin-bottom: 20px

}



.history-section .content ul li {

    font-size: 16px;

    color: #fff;

    margin-bottom: 15px;

    position: relative;

    padding-left: 25px

}



.history-section .content ul li:last-child {

    margin-bottom: 0

}



.history-section .content ul li:before {

    content: "";

    position: absolute;

    left: 0;

    top: 7px;

    display: block;

    height: 14px;

    width: 14px;

    background-image: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/icons/icon-1.png)

}



.history-section .bottom-content {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center

}



.history-section .bottom-content .text {

    position: relative;

    font-size: 24px;

    color: #fff;

    margin-right: 30px;

    margin-bottom: 30px

}



.history-section .bottom-content .link-btn {

    margin-bottom: 30px

}



.dps-courses-section.style-two {

    padding: 40px 0 30px

}



.dps-courses-section.style-two .course-block {

    padding: 0 15px

}



.dps-courses-section.style-two .course-block .inner-box {

    margin-bottom: 30px;

    width: 100%

}



.pricing-section.style-two .tab-area .tab-btn-style-one {

    padding: 0;

    border: 0;

    margin-bottom: 40px

}



.pricing-section.style-two .tab-area {

    padding-top: 0

}



.pricing-section.style-two .tab-area .tab-btn-style-one li {

    margin-bottom: 10px

}



.pricing-section.style-two .tab-area .tab-btn-style-one li a {

    margin: 0 1px;

    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, .1);

    border: 0;

    padding: 22px 70px;

    border-bottom: 2px solid transparent

}



.pricing-section.style-two .tab-area .tab-btn-style-one li:last-child a {

    padding-right: 70px

}



.pricing-section.style-two .tab-area .tab-btn-style-one li a h4 {

    font-size: 18px

}



.pricing-section.style-two .tab-area .tab-btn-style-one li a.active {

    border-color: #999

}



.error-section {

    position: relative;

    padding: 110px 0

}



.error-section .content {

    position: relative;

    text-align: center

}



.error-section h1 {

    position: relative;

    font-size: 200px;

    font-weight: 700;

    line-height: 1em;

    margin-bottom: 10px

}



.error-section h2 {

    position: relative;

    font-size: 48px;

    font-weight: 700;

    line-height: 1.2em;

    margin-bottom: 20px

}



.error-section .text {

    position: relative;

    font-size: 20px;

    font-weight: 400;

    margin-top: 10px;

    margin-bottom: 50px

}



.error-section .theme-btn {

    position: relative

}



.faq-section {

    position: relative;

    padding: 120px 0 90px

}



.accordion-box {

    position: relative;

    margin-bottom: 30px

}



.accordion-box .block {

    position: relative;

    padding-top: 0;

    margin-bottom: 15px;

    background: #FFF

}



.accordion-box .block:last-child {

    margin-bottom: 0

}



.accordion-box .block .acc-btn {

    position: relative;

    font-size: 15px;

    cursor: pointer;

    line-height: 1.2em;

    font-weight: 400;

    transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    color: #181614;

    padding: 12px 0;

    padding-left: 15px;

    border: 1px solid #ddd;

    border-radius: 2px

}



.accordion-box .block .icon-outer {

    position: absolute;

    right: 10px;

    top: 6px;

    font-size: 20px;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    text-align: center;

    display: inline-block;

    width: 30px;

    height: 30px;

    line-height: 30px;

    color: #555

}



.accordion-box .block.active-block .icon-outer {

    transform: rotate(90deg);

    color: #fff;

    background: transparent

}



.accordion-box .block .icon-outer .icon {

    position: absolute;

    top: 50%;

    left: 50%;

    font-size: 18px;

    font-weight: 400;

    line-height: 1em;

    transition: all .3s ease;

    -moz-transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transform: translate(-50%, -50%)

}



.accordion-box .block .acc-content {

    position: relative;

    display: none;

    border-top: 0

}



.accordion-box .block .acc-content .content-text {

    padding-bottom: 6px

}



.accordion-box .block .acc-content.current {

    display: block

}



.accordion-box .block .content {

    position: relative;

    font-size: 14px;

    padding: 5px 25px

}



.accordion-box .block .content .text {

    color: #565872;

    margin-bottom: 0;

    font-size: 14px;

    margin-top: 15px;

    line-height: 24px

}



.accordion-box .block .acc-btn strong {

    font-size: 24px;

    color: #c2c0bb;

    width: 76px;

    text-align: center;

    border-right: 1px solid #e9e5df;

    margin-right: 30px;

    display: inline-block;

    line-height: 75px

}



.accordion-box .block .acc-btn.active {

    color: #fff

}



.accordion-box .block.active-block {

    box-shadow: 0 3px 21.06px 5.94px rgba(0, 0, 0, .05)

}



.accordion-box .block .acc-btn.active .icon-outer {

    color: #fff;

    top: 7px

}



.banner-widget .contact-number {

    position: relative;

    margin-bottom: 20px

}



.banner-widget .contact-number a {

    position: relative;

    display: inline-block;

    border: 2px solid #000;

    padding: 3px;

    border-radius: 30px;

    font-size: 22px;

    font-weight: 700;

    vertical-align: middle;

    padding-right: 30px;

    transition: .5s

}



.banner-widget .contact-number a i {

    position: relative;

    display: inline-block;

    width: 50px;

    height: 50px;

    line-height: 50px;

    border-radius: 50%;

    color: #fff;

    margin-right: 20px;

    vertical-align: middle;

    text-align: center;

    transition: .5s

}



.banner-widget .contact-number a:hover i {

    background-color: #eee

}



.banner-widget .image {

    position: relative;

    margin-bottom: 40px

}



.banner-widget .image img {

    width: 100%

}



.banner-widget .content {

    padding: 9px;

    border: 1px solid #ddd;

    text-align: center;

    padding-bottom: 55px

}



.banner-widget h3 {

    position: relative;

    font-size: 30px;

    font-weight: 600;

    margin-bottom: 25px

}



.banner-widget h4 {

    position: relative;

    font-size: 16px;

    margin-bottom: 20px

}



.contact-section {

    position: relative;

    padding: 120px 0 50px

}



.contact-section .top-content .text {

    position: relative;

    font-size: 20px

}



.contact-section .tab-area {

    text-align: center

}



.contact-section .tab-area .tab-btn-style-one {

    position: relative;

    border: 0;

    margin-bottom: 65px;

    display: inline-block;

    padding: 0 35px;

    border-radius: 45px

}



.contact-section .tab-area .tab-btn-style-one li {

    display: inline-block;

    vertical-align: middle;

    margin: 0 -2px;

    margin-bottom: 10px

}



.contact-section .tab-area .tab-btn-style-one li a {

    font-size: 16px;

    font-weight: 600;

    border-right: 1px solid #ddd;

    border-radius: 0;

    transition: .5s;

    margin: 0 1px;

    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, .1);

    border: 0;

    padding: 22px 50px;

    border-bottom: 2px solid transparent

}



.contact-section .tab-area .tab-btn-style-one li a h4 {

    font-size: 18px;

    font-weight: 600;

    color: #222;

    text-transform: uppercase;

    transition: .5s

}



.contact-section .tab-area .tab-btn-style-one li a.active {

    border-color: #999

}



.contact-info-block {

    position: relative;

    margin-bottom: 30px

}



.contact-info-block .icon {

    position: relative;

    margin-bottom: 40px;

    margin-top: 20px

}



.contact-info-block h4 {

    position: relative;

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 15px

}



.contact-info-block .text {

    font-size: 22px;

    line-height: 36px

}



.contact-info-block ul li {

    font-size: 22px;

    line-height: 36px

}



.contact-info-block ul li a {

    color: #222;

    transition: .5s

}



.contact-info-block ul li a:hover {

    color: #26a88e

}



.contact-info-block .inner-box:before {

    position: absolute;

    content: '';

    right: 0;

    top: 0;

    width: 1px;

    height: 270px;

    background-color: #d8eeea

}



.contact-info-block:last-child .inner-box:before {

    display: none

}



.contact-form .form-group {

    margin-bottom: 20px

}



.contact-form .form-group textarea,

.contact-form .form-group input {

    width: 100%;

    background-color: #fff;

    height: 58px;

    padding: 0 25px;

    border: 1px solid #eee

}



.contact-form .form-group textarea {

    height: 130px;

    padding-top: 15px

}



.contact-form .bootstrap-select>.dropdown-toggle {

    width: 100%;

    padding: 14px 20px;

    background: #f9f9f9;

    border: 1px solid #eee

}



.contact-form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

    width: 100%

}



.contact-form .bootstrap-select .dropdown-toggle .filter-option:after {

    top: 10px

}



.contact-form-section {

    position: relative;

    padding: 120px 0 90px

}



.contact-form-section .image {

    position: relative;

    margin-bottom: 30px;

    margin-top: 10px

}



.post-pagination {

    position: relative

}



.post-pagination li {

    position: relative;

    display: inline-block;

    margin: 0 3px 5px

}



.post-pagination li .current,

.post-pagination li a {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    border: 1px solid #e5e5e5;

    text-align: center;

    line-height: 48px;

    display: inline-block;

    color: #222;

    font-size: 18px;

    font-weight: 600

}



.post-pagination li .current {

    color: #fff;

    background: #555;

    border-color: #555

}



.post-pagination a.next {

    border-color: transparent

}



.sidebar-page-container {

    position: relative;

    padding: 120px 0 90px

}



.widget_search {

    position: relative

}



.widget.widget_search .widget-title:before {

    background-image: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/shape/shape-8.png)

}



.widget_search input[type="search"] {

    width: 100%;

    height: 65px;

    color: #777;

    padding: 0 30px;

    padding-right: 65px;

    font-weight: 500

}



.widget_search .form-group {

    position: relative;

    margin-bottom: 0

}



.widget_search button {

    position: absolute;

    top: 18px;

    right: 20px;

    background: transparent;

    color: #222;

    padding-left: 20px

}



.widget_categories {

    position: relative;

    padding: 40px;

    padding-bottom: 27px;

    background: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/shape/shape-2.html)

}



.categories-list {

    position: relative

}



.categories-list li {

    position: relative;

    margin-bottom: 13px

}



.categories-list li:last-child {

    margin-bottom: 0

}



.categories-list li a {

    color: #222;

    font-size: 16px;

    font-weight: 500;

    transition: .5s;

    padding-left: 40px

}



.categories-list li.current a,

.categories-list li a:hover {

    font-weight: 700

}



.categories-list li a span {

    position: absolute;

    right: 0;

    top: 0;

    font-weight: 300;

    color: #222

}



.categories-list li a:after {

    font-family: Flaticon;

    content: "\f115";

    position: absolute;

    left: 0;

    top: 4px;

    display: block;

    line-height: 24px;

    font-size: 16px;

    transition: .5s;

    transform: rotate(180deg);

    font-weight: 400;

    color: #b9d5d0

}



.categories-list li a:before {

    position: absolute;

    content: '';

    left: 25px;

    top: 6px;

    width: 1px;

    height: 20px;

    background-color: #b9d5d0;

    transition: .5s

}



.widget_popular_post {

    position: relative;

    padding: 40px;

    padding-bottom: 27px;

    background: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/shape/shape-2.html)

}



.widget_popular_post .post-thumb {

    position: relative;

    margin-right: 20px;

    margin-bottom: 20px;

    margin-top: 6px

}



.widget_popular_post .post-thumb img {

    border-radius: 50%

}



.widget_popular_post .post {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 20px;

    border-bottom: 1px solid #b8cfd0;

    padding-bottom: 17px

}



.widget_popular_post .post:last-child {

    padding-bottom: 0;

    margin-bottom: 0;

    border-bottom: 0

}



.widget_popular_post .content {

    position: relative;

    max-width: 200px

}



.widget_popular_post .content h5 {

    position: relative;

    font-size: 18px;

    margin-bottom: 8px;

    font-weight: 600

}



.widget_popular_post .content h5 a {

    color: #222;

    transition: .5s

}



.widget_popular_post .content .post-info {

    font-size: 14px

}



.widget_popular_post .content .post-info i {

    margin-right: 7px

}



.widget_tag_cloud {

    position: relative;

    padding: 40px;

    padding-bottom: 27px;

    background: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/shape/shape-2.html)

}



.widget_tag_cloud ul {

    position: relative;

    display: flex;

    align-items: center;

    flex-wrap: wrap

}



.widget_tag_cloud li {

    font-size: 16px;

    margin-right: 6px;

    margin-bottom: 6px

}



.widget_tag_cloud li a {

    color: #222;

    background-color: #d2e0e0;

    transition: .5s;

    padding: 10px 18px;

    display: inline-block;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 600;

    border-radius: 2px

}



.widget_tag_cloud li a:hover {

    color: #fff

}



.sidebar-contact {

    position: fixed;

    top: 55%;

    right: -450px;

    transform: translateY(-35%);

    width: 450px;

    height: auto;

    padding: 0;

    background: #fff;

    box-shadow: 0 20px 50px rgba(0, 0, 0, .5);

    box-sizing: border-box;

    transition: .5s;

    z-index: 999999

}



.sidebar-contact input,

.sidebar-contact select,

.sidebar-contact textarea,

.sidebar-contact input::placeholder {

    color: #686d72;

    font-size: 12px;

    border-radius: 0

}



.sidebar-contact input,

.sidebar-contact select,

.sidebar-contact textarea {

    border: 1px solid #C4D0FF;

    background: #F3F6FF

}



.scroll {

    max-height: 450px;

    overflow-y: auto;

    padding: 30px

}



.sidebar-contact.active {

    right: 0

}



.sidebar-contact h2 {

    padding: 15px 30px;

    background: #f2f2f2;

    font-family: 'Inter', sans-serif;

    font-size: 20px;

    margin-bottom: 0;

    color: #005320;

    font-weight: 600

}



.sidebar-contact input[type="submit"] {

    background: #8860D0;

    color: #fff;

    cursor: pointer;

    border: none;

    font-size: 18px

}



.sidebar-contact .toggle {

    position: absolute;

    height: 120px;

    width: 38px;

    text-align: center;

    cursor: pointer;

    background: #032D94;

    top: 50%;

    left: -38px;

    line-height: 48px;

    transform: translateY(-50%)

}



.sidebar-contact .toggle:before {

    content: 'Enquire Now';

    font-family: fontAwesome;

    font-size: 16px;

    color: #fff;

    display: inline-block;

    white-space: nowrap;

    -webkit-transform: translate(1.1em, 0) rotate(90deg);

    -moz-transform: translate(1.1em, 0) rotate(90deg);

    -o-transform: translate(1.1em, 0) rotate(90deg);

    transform: translate(1.1em, 0) rotate(90deg);

    -webkit-transform-origin: 0 0;

    -moz-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    transform-origin: 0 0;

    -ms-transform: none;

    -ms-transform-origin: none;

    -ms-writing-mode: tb-rl;

    *writing-mode: tb-rl;

    margin: 10px 25px;

    font-family: Inter, sans-serif;

    font-weight: 600

}



.sidebar-contact input.btn-send {

    background: #032D94;

    border: 1px solid #032D94;

    color: #fff;

    padding: 2px 12px;

    text-transform: uppercase;

    font-weight: 600;

    letter-spacing: 1px

}



.news-block.style-two h4 {

    font-size: 30px;

    line-height: 40px;

    font-weight: 600;

    margin-bottom: 20px

}



.news-block.style-two .text {

    margin-bottom: 30px

}



.news-block.style-two .inner-box {

    margin-bottom: 55px

}



.news-block.blog-quote .lower-content {

    padding: 65px 55px 40px;

    padding-left: 100px

}



.news-block .share ul.social-links {

    position: absolute;

    top: -29px;

    left: 50%;

    display: flex;

    opacity: 0;

    transition: .5s;

    visibility: hidden;

    transform: translateX(-50%)

}



.news-block .share ul.social-links li {

    margin-right: 15px

}



.news-block .share ul.social-links li a {

    color: #666;

    transition: .5s;

    font-size: 14px

}



.news-block .share:hover ul.social-links {

    opacity: 1;

    visibility: visible

}



.news-block.blog-quote .quote {

    position: absolute;

    left: 65px;

    top: 70px

}



.news-block.blog-quote h4 a {

    color: #fff

}



.news-block.style-two h4 {

    margin-bottom: 40px

}



.news-block.blog-quote .post-meta-info .date {

    color: #fff

}



.news-block.blog-quote .post-meta-info .comment {

    color: #fff

}



.news-block.blog-quote .post-meta-info .like {

    color: #fff

}



.news-block.blog-quote .post-meta-info .share {

    color: #fff

}



.news-block .share ul.social-links li a {

    color: #fff

}



.news-block.blog-quote .inner-box {

    background-size: cover

}



.sidebar-style-two .widget.widget_search {

    background: #f1f1f1

}



.sidebar-style-two .widget {

    background: #ecf6f4;

    padding: 45px

}



.sidebar-style-two .widget.banner-widget.style-two {

    padding: 0;

    background-size: cover

}



.banner-widget.style-two .content {

    border: 0

}



.banner-widget.style-two h3 {

    color: #fff

}



.banner-widget.style-two h4 {

    color: #fff

}



.banner-widget.style-two .contact-number a {

    color: #fff

}



.banner-widget.style-two .contact-number a:hover {

    color: #222

}



.banner-widget.style-two .contact-number a i {

    background: #fff;

    color: #222

}



.widget_download .widget-title {

    color: #fff

}



.widget_download .widget-title:before {

    background-image: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/shape/shape-9.png)

}



.widget_download .download-pdf {

    position: relative;

    padding-left: 45px;

    margin-bottom: 30px

}



.widget_download .download-pdf .icon {

    position: absolute;

    left: 0;

    top: 5px

}



.widget_download .download-pdf h4 {

    position: relative;

    color: #fff;

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 8px

}



.widget_download .download-pdf p {

    color: #fff;

    margin: 0

}



.widget_download .download-pdf:last-child {

    margin-bottom: 0

}



.course-details {

    position: relative

}



.course-details .image {

    position: relative;

    margin-bottom: 30px

}



.course-details h3 {

    position: relative;

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 20px

}



.course-details .text {

    margin-bottom: 30px

}



.course-details .group-title h4 {

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 15px

}



.course-details .list {

    position: relative;

    margin-bottom: 30px

}



.course-details .list li {

    position: relative;

    margin-bottom: 10px;

    padding-left: 30px;

    font-size: 18px;

    font-weight: 600

}



.course-details .list li:before {

    position: absolute;

    content: '';

    left: 0;

    top: 8px;

    background-image: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/icons/icon-1.png);

    background-repeat: no-repeat;

    width: 15px;

    height: 15px

}



.course-details .list-two {

    position: relative;

    padding-left: 18px;

    margin-bottom: 50px

}



.course-details .table td,

.course-details .table th {

    border-left: 1px solid #ddd;

    padding-left: 40px;

    font-weight: 500

}



.course-details tbody {

    border-bottom: 1px solid #ddd;

    border-right: 1px solid #ddd

}



.course-details table.table {

    margin-bottom: 50px

}



.course-details .table td strong,

.course-details .table th strong {

    font-weight: 500

}



.course-details .table .text {

    font-weight: 500;

    padding: 10px 0 20px;

    margin-bottom: 0

}



.course-details .list-two li {

    position: relative;

    font-size: 16px;

    font-weight: 600;

    list-style: disc;

    color: #555;

    margin-bottom: 5px

}



.course-details .text-block {

    position: relative;

    box-shadow: 0 10px 46px 4px rgba(0, 0, 0, .05);

    background: #fff;

    margin-bottom: 30px

}



.course-details .text-block .top-content {

    position: relative;

    padding: 28px 50px

}



.course-details .text-block h4 {

    position: relative;

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 9px;

    color: #fff

}



.course-details .text-block h5 {

    position: relative;

    font-size: 12px;

    text-transform: uppercase;

    color: red

}



.course-details .text-block .bottom-content {

    position: relative;

    padding: 35px 50px

}



.course-details .text-block .text {

    position: relative;

    margin-bottom: 20px

}



.course-details .text-block .link-btn {

    position: relative

}



.course-details .text-block .link-btn a {

    position: relative;

    display: inline-block;

    font-size: 18px;

    font-weight: 600;

    vertical-align: middle;

    color: #222;

    transition: .5s

}



.course-details .text-block .link-btn a i {

    margin-left: 10px;

    vertical-align: middle

}



.news-block.blog-single-post .image:before {

    display: none

}



.news-block.blog-single-post .inner-box:hover .image img {

    transform: scale(1)

}



.blog-single-post blockquote {

    position: relative;

    padding-left: 100px;

    font-size: 22px;

    font-weight: 500;

    line-height: 30px;

    margin-bottom: 30px

}



.blog-single-post blockquote .quote {

    position: absolute;

    left: 0;

    top: 5px

}



.blog-single-post blockquote:before {

    position: absolute;

    content: '';

    left: 65px;

    top: 0;

    width: 3px;

    bottom: 0

}



.blog-single-post blockquote cite {

    display: block;

    font-size: 18px;

    color: #555;

    font-style: normal;

    margin-top: 10px

}



.blog-single-post .list {

    position: relative;

    margin-bottom: 30px

}



.blog-single-post .list li {

    position: relative;

    margin-bottom: 5px;

    padding-left: 30px;

    font-size: 18px;

    font-weight: 600;

    color: #555

}



.blog-single-post .list li:before {

    position: absolute;

    content: '';

    left: 0;

    top: 8px;

    background-image: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/icons/icon-1.png);

    background-repeat: no-repeat;

    width: 15px;

    height: 15px

}



.blog-single-post .group-title h5 {

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 15px

}



.blog-single-post .post-share-info {

    position: relative;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 25px;

    margin-top: 30px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between

}



.blog-single-post .post-share-info .tag {

    margin-right: 30px;

    margin-bottom: 20px

}



.blog-single-post .post-share-info .tag span {

    font-weight: 700

}



.blog-single-post .post-share-info .tag span i {

    margin-right: 8px

}



.blog-single-post .post-share-info .tag a {

    position: relative;

    padding-right: 5px;

    font-weight: 500;

    color: #222

}



.blog-single-post .post-share-info .tag a:before {

    position: absolute;

    content: ',';

    bottom: -5px;

    right: 1px;

    font-size: 16px

}



.blog-single-post .post-share-info .tag a:last-child:before {

    display: none

}



.blog-single-post .social-links {

    position: relative;

    margin-bottom: 10px

}



.blog-single-post .social-links li {

    position: relative;

    margin-right: 5px;

    margin-bottom: 10px;

    display: inline-block

}



.blog-single-post .social-links li a {

    position: relative;

    display: block;

    color: #222;

    font-size: 14px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    background: transparent;

    text-align: center;

    border-radius: 50%;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    border: 1px solid #ddd

}



.blog-single-post .social-links li a i {

    position: relative

}



.blog-single-post .social-links li a:hover {

    color: #fff

}



.blog-single-post .social-links li a:before {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    -webkit-transform: scale(.7);

    -ms-transform: scale(.7);

    transform: scale(.7);

    opacity: 0;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s

}



.blog-single-post .social-links li a:hover:before {

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



.blog-single-post .social-links li a span {

    position: relative

}



.comments-title {

    position: relative;

    margin-bottom: 40px;

    padding-bottom: 15px

}



.comments-title h4 {

    font-size: 30px;

    text-transform: capitalize;

    color: #222;

    margin: 0;

    font-weight: 600

}



.comments-title:before {

    position: absolute;

    content: '';

    height: 3px;

    width: 63px;

    bottom: 0;

    left: 0;

    background-image: url(https://resources.edunexttechnologies.com/website-clients-img/dpsrudrapur/images/shape/shape-3.png);

    background-repeat: no-repeat

}



.comments-title p {

    font-size: 13px;

    color: #555;

    text-transform: uppercase;

    margin-bottom: 10px;

    margin-top: 5px

}



.comments-area {

    position: relative;

    margin-bottom: 70px

}



.comments-area .comment-box {

    position: relative;

    margin-bottom: 40px;

    border-bottom: 1px solid #ddd;

    padding-bottom: 20px

}



.comments-area .comment-box:last-child {

    border-bottom: 0;

    padding-bottom: 0

}



.comments-area .comment {

    position: relative;

    min-height: 80px;

    padding-left: 105px

}



.comments-area .comment-box .author-thumb {

    position: absolute;

    left: 0;

    top: 11px;

    width: 80px;

    height: 80px;

    margin-bottom: 20px;

    overflow: hidden

}



.comments-area .comment-box .author-thumb img {

    width: 100%

}



.comments-area .comment-box .info-wrap {

    position: relative

}



.comments-area .comment-box .info {

    position: relative;

    margin-bottom: 15px;

    line-height: 24px

}



.comments-area .comment-box .info .name {

    position: relative;

    display: block;

    font-size: 18px;

    line-height: 30px;

    color: #222;

    text-transform: capitalize;

    font-weight: 600

}



.comments-area .comment-box .info .comment-date {

    position: relative;

    display: inline-block;

    font-size: 13px;

    line-height: 24px;

    font-weight: 500;

    color: #555

}



.blog-single-post .comments-area .comment-box .text {

    font-size: 16px;

    line-height: 1.7em;

    font-weight: 400;

    color: #333;

    margin-bottom: 10px

}



.comments-area .comment-box .reply-btn {

    position: absolute;

    display: block;

    top: 0;

    right: 30px

}



.comments-area .comment-box .reply-btn a {

    padding-right: 20px;

    transition: .5s

}



.comments-area .comment-box .theme-btn .btn-title {

    line-height: 30px;

    font-size: 16px;

    font-weight: 600;

    color: #222;

    text-decoration: underline;

    text-transform: uppercase

}



.comments-area .comment-box .theme-btn:after {

    font-family: Flaticon;

    content: "\f115";

    position: absolute;

    right: 0;

    top: 4px;

    display: block;

    line-height: 22px;

    font-size: 16px;

    transition: .5s;

    transform: rotate(180deg);

    font-weight: 400

}



.testimonial_carousel .testimonial-card .testimonial-view {

    position: relative

}



.testimonial_carousel .testimonial-card .testimonial-view img {

    width: 200px

}



.testimonial_carousel .owl-item.center.active .testimonial-card .testimonial-view img {

    width: 310px

}



.testimonial-card .testimonial-caption {

    display: none

}



.testimonial_carousel .owl-item.center.active .testimonial-card {

    background: #EDF5E1

}



.testimonial_carousel .owl-item.center.active .testimonial-card .testimonial-view {

    width: 27%

}



.testimonial_carousel .owl-item.center.active .testimonial-card .testimonial-caption {

    display: block;

    width: 73%

}



.testimonial_carousel .owl-item.center.active .testimonial-card .testimonial-view:after {

    width: 10px;

    opacity: 1

}



.testimonial-card .testimonial-caption h6 {

    color: #032D94;

    font-family: Oswald-Bold

}



.testimonial-card .testimonial-caption h6 small {

    color: #5680E9;

    font-family: 'Noto Sans', sans-serif

}



.testimonial-card .testimonial-caption p {

    color: #444;

    max-height: 106px;

    overflow: hidden

}



.testimonial-card .testimonial-caption .fa {

    color: #8860d0;

    font-size: 32px;

    margin-bottom: 20px

}



.leave-comments {

    position: relative

}



.leave-comments .instruction {

    padding-top: 15px;

    color: #666;

    font-size: 14px;

    margin-bottom: 30px

}



.leave-comments form .form-group {

    margin-bottom: 30px

}



.leave-comments form .form-group textarea {

    height: 200px

}



.theme-color-two .about-widget .social-links li a {

    background-color: #242424

}



.theme-color-two .contact-widget .contact-info li .icon {

    background-color: #242424

}



.row.row2 {

    margin-right: -2px;

    margin-left: -2px

}



.row.row2 div.col-6 {

    padding-right: 2px;

    padding-left: 2px

}



.g-title small {

    font-weight: 500

}



.g-title a {

    color: #fff;

    font-weight: 500;

    font-size: 90%;

    background: #013300;

    padding: 2px 8px;

    border-radius: 5px;

    display: inline-table

}



.g-title a:hover {

    color: #fff;

    font-weight: 500;

    font-size: 90%;

    background: #013300;

    padding: 2px 8px;

    border-radius: 5px

}



.video-container {

    width: 100%;

    border-radius: 4px;

    margin: 0 auto;

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

    box-shadow: 0 8px 20px rgba(0, 0, 0, .4)

}



.video-container .video-wrapper {

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center

}



.video-container video {

    width: 100%;

    height: 100%;

    border-radius: 4px

}



.play-button-wrapper {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: auto;

    pointer-events: none

}



.play-button-wrapper #circle-play-b {

    cursor: pointer;

    pointer-events: auto

}



.play-button-wrapper #circle-play-b svg {

    width: 70px;

    height: 70px;

    fill: #1a2d4d;

    stroke: #1a2d4d;

    cursor: pointer;

    background-color: #fff;

    border-radius: 50%;

    opacity: .9

}



.about-info1 img,

.practical-box-l img {

    box-shadow: 2px 2px 4px #000;

    text-align: center;

    border: 1px solid #c3c3c3;

    padding: 10px;

    background: #fff;

    border-radius: 4px

}



.header-top .social-icon.xs-btns-link li a {

    width: auto;

    font-size: 14px;

    padding: 0 12px;

    border-radius: 4px

}



.gallery-wrp .slide-gcard img {

    max-height: 144px;

    width: 100%;

    height: 144px

}



.dps-courses-section.style-two .course-block .inner-box .row2 .col-6:nth-child(3) .slide-gcard,

.dps-courses-section.style-two .course-block .inner-box .row2 .col-6:nth-child(4) .slide-gcard {

    margin-bottom: 0 !important

}



@media (max-width:1680px) {

    .about-details {

        padding: 0 50px 0 20px

    }

}



@media (max-width:1920px) {

    .about-details {

        padding: 0 50px 0 0

    }

}



.about-details {

    padding: 0 50px 0 20px

}



@media (max-width:1600px) {

    section.about-us p {

        font-size: 16px;

        padding: 0 0 20px

    }

}



section.about-us p {

    font-size: 17px;

    font-weight: inherit;

    line-height: 30px;

    padding: 0 0 40px

}



.pull-right {

    float: right

}



.content .img-view {

    position: relative

}



.about-details img,

.content .img-view img {

    box-shadow: 2px 2px 4px #000;

    text-align: center;

    border: 1px solid #c3c3c3;

    padding: 10px;

    background: #fff;

    border-radius: 4px

}



.img-left.pull-left img {

    width: 100%;

    border: 1px solid #eee;

    padding: 6px;

    box-sizing: border-box

}



.img-left.pull-left {

    padding-right: 15px;

    box-sizing: border-box

}



.practical-right {

    float: right;

    width: 30%

}



.practical-right img {

    width: 100%

}



.land-box {

    box-shadow: 0 0 8px #000;

    border: 1px solid #000;

    border-radius: 10px;

    background: #fff

}



ul.item-infra li img {

    box-shadow: none;

    text-align: center;

    border: none;

    padding: 10px;

    background: #fff;

    border-radius: 0

}



.attendance-img img {

    height: 300px

}



p.birthday_name {

    padding: 15px 0;

    line-height: 22px

}



.content p.birthday_name span {

    display: block;

    color: #404040

}



.birthday_name span:nth-child(2) {

    font-size: 12px

}



.block-box blockquote {

    padding: 10px 20px;

    margin: 0 0 20px;

    font-size: 17.5px;

    border-left: 5px solid #5ea048;

    background: #fff

}



.block-box span.pull-right {

    font-weight: bolder

}



.well {

    min-height: 20px;

    padding: 19px;

    margin-bottom: 20px;

    background-color: #f5f5f5;

    border: 1px solid #e3e3e3;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px #000;

    box-shadow: inset 0 1px 1px #000

}



.nicescroll-rails {

    transition: .3s;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    -o-transition: .3s

}



.inner tr th {

    background: #013300;

    color: #fff

}



.inner tr td .btn {

    font-size: 14px;

    color: #29a9e1

}



.blink-btn {

    -webkit-animation: glowing 1000ms infinite;

    -moz-animation: glowing 1000ms infinite;

    -o-animation: glowing 1000ms infinite;

    animation: glowing 1000ms infinite

}



@-webkit-keyframes glowing {

    0% {

        background-color: #fff;

        border-color: #fff

    }



    50% {

        background-color: #e85044;

        border-color: #e85044;

        color: #013300

    }



    100% {

        background-color: #fff;

        border-color: #fff

    }

}



@-moz-keyframes glowing {

    0% {

        background-color: #fff;

        border-color: #fff

    }



    50% {

        background-color: #e85044;

        border-color: #e85044;

        color: #013300

    }



    100% {

        background-color: #fff;

        border-color: #fff

    }

}



@-o-keyframes glowing {

    0% {

        background-color: #fff;

        border-color: #fff

    }



    50% {

        background-color: #e85044;

        border-color: #e85044;

        color: #013300

    }



    100% {

        background-color: #fff;

        border-color: #fff

    }

}



@keyframes glowing {

    0% {

        background-color: #fff;

        border-color: #fff

    }



    50% {

        background-color: #e85044;

        border-color: #e85044;

        color: #013300

    }



    100% {

        background-color: #fff;

        border-color: #fff

    }

}



.service-block-one .inner-box.active,

.service-block-one .inner-box:hover a {

    color: #FFF

}



.font-rubik {

    font-family: 'Rubik', sans-serif

}



.main-menu .navigation>li.dropdown:nth-child(8) .dropdown-btn,

.main-menu .navigation>li.dropdown:nth-child(9) .dropdown-btn,

.main-menu .navigation>li.dropdown:nth-child(10) .dropdown-btn {

    display: none !important

}



@media only screen and (max-width:991px) {



    ul.navigation>li:nth-child(8) .dropdown-btn,

    ul.navigation>li:nth-child(9) .dropdown-btn,

    ul.navigation>li:nth-child(10) .dropdown-btn {

        display: none !important

    }



    .mobile-menu .navigation {

        max-height: 70vh;

        overflow: auto

    }

}



@media only screen and (max-width:768px) {

    .team-wrp .owl-stage-outer .owl-stage .owl-item {

        padding: 0 1.2%

    }



    .notice-title .notice-title-content h5 {

        font-size: 16px

    }



    .notice-wrp-bottom .notice-title .notice-title-view img {

        width: 150px !important

    }



    .sidebar-contact {

        width: 320px;

        right: -320px

    }

}



.text-warning {

    font-size: 14px !important

}



.testimonials-section .slider-icon.owl-carousel .owl-nav button.owl-next,

.testimonials-section .slider-icon.owl-carousel .owl-nav button.owl-prev {

    font-size: 35px;

    border: none;

    color: #fff;

    background: transparent

}



.testimonials-section .slider-icon.owl-carousel .owl-nav button.owl-next span,

.testimonials-section .slider-icon.owl-carousel .owl-nav button.owl-prev span {

    transform: translate(-6px, -16px);

    position: absolute

}



.content-view {

    transition: .3s;

    position: relative

}



.lion-img {

    margin-bottom: 40px

}



.lion-img img {

    max-height: 300px

}



.content-view img,

.content-view iframe {

    transition: .3s;

    position: relative;

    z-index: 1

}



.content-view:before {

    content: '';

    position: absolute;

    top: -10px;

    right: -10px;

    width: 100px;

    height: 100px;

    background: #5680E9

}



.content-view:after {

    content: '';

    position: absolute;

    bottom: -10px;

    left: -10px;

    width: 100px;

    height: 100px;

    background: #8860D0

}



.beti-pdhao-btn {

    transition: all .4s;

    background-color: #032d94 !important

}



.beti-pdhao-btn:hover {

    background-color: #e8584d !important

}



.beti-pdhao-btn img {

    position: absolute;

    width: 51.5px;

    left: -28px;

    top: 4px;

    border: 2px solid #032d94;

    border-radius: 35px

}



.main-menu .navigation>li>a.beti-pdhao-btn {

    padding-left: 28px;

    margin-left: 25px;

    max-width: 135px;

    font-size: 12px

}



.testimonial-main .testimonial-card .testimonial-caption {

    display: block

}



ul.list-disc {

    list-style: disc;

    padding-left: 15px

}



ul.list-disc li {

    list-style: disc

}



.no-after-before:before,

.no-after-before:after {

    display: none

}



.adminPopup {

    font-size: 14px;

    font-family: Oswald, sans-serif;

    position: relative;

    color: #000;

    display: inline-block;

    width: 100%;

    font-weight: 600;

    line-height: 1.2

}



.sesstion {

    font-size: 12px;

    background: #2c3092;

    color: #fff;

    font-weight: 400;

    line-height: 21px;

    padding: 3px 14px;

    border-radius: 42px;

    margin-top: 4px;

    display: inline-block;

    box-shadow: 0 4px 11px 0 rgb(0 0 0 / 20%), 0 6px 12px 0 rgb(0 0 0 / 19%)

}



.sesstion.sesstion2 {

    top: -15px;

    left: auto;

    right: 20px

}



.modal .btn-close,

.modal .close {

    position: absolute;

    top: 0;

    right: -1px;

    font-size: 18px;

    background: #e85044;

    opacity: 1;

    color: #fff;

    text-shadow: none;

    display: inline-block;

    padding: 6px 4px 8px 8px;

    border-radius: 0 0 0 42px;

    cursor: pointer;

    z-index: 222

}



.modal-backdrop {

    display: none !important

}



.modal-open .modal {

    background: rgb(0 0 0 / 50%)

}



.fixed-link-container-left {

    position: fixed;

    top: 95%;

    left: 24px;

    z-index: 99;

    transform: rotate(-90deg);

    transform-origin: left

}



.fixed-link-container-right {

    position: fixed;

    top: 50%;

    right: 18px;

    z-index: 99;

    transform-origin: right;

    transform: rotate(90deg)

}



.fixed-link-container-right .fixed-link-inner-container {

    cursor: pointer;

    border-top-right-radius: 10px;

    border-top-left-radius: 10px

}



.fixed-link-container-right .fixed-link-inner-container a {

    background: #5680E9;

    color: #fff;

    display: inline-block;

    padding: 7px 20px;

    -webkit-box-shadow: 0 0 10px 0 #333333ab;

    box-shadow: 0 0 10px 0 #33333373;

    text-decoration: none;

    font-weight: 300;

    margin: 0 5px 0 0

}



.fixed-link-container-left .fixed-link-inner-container a {

    background: #dc3545;

    color: #fff;

    display: inline-block;

    padding: 10px 14px;

    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 0 10px 0 #333333ab;

    box-shadow: 0 0 10px 0 #33333373;

    text-decoration: none;

    font-size: 14px;

    font-weight: 300;

    margin-right: 5px;

    border-top: 4px solid #e7cc89;

    text-transform: uppercase

}



.gorakhpur {

    position: absolute;

    right: 50px;

    top: -10px;

    z-index: 2;

    width: 90px

}



@-webkit-keyframes blinker {

    from {

        opacity: 1.0

    }



    to {

        opacity: .5

    }

}



#blink-lion {

    -webkit-animation-name: blinker;

    -webkit-animation-duration: .6s;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: ease-in-out;

    -webkit-animation-direction: alternate

}



@media only screen and (max-width:575px) {

    .gorakhpur {

        width: 50px

    }



    .fixed-link-inner-container {

        display: flex

    }



    .fixed-link-container-left {

        top: 89%

    }

}



.blog-card {

    position: relative

}



.blog-title {

    font-size: 20px !important;

    font-weight: 600 !important;

    margin-bottom: 15px !important

}



.blog-sub-title {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 5px

}



.blog-des a {

    color: #5680E9 !important;

    font-weight: 600

}



.recent-blog {

    position: relative;

    background: #fff;

    box-shadow: 0 0 10px #00000017;

    border: 1px solid #5680e9;

    max-width: 330px;

    margin: 0 auto

}



.recent-img {

    height: 100%;

    width: 100%

}



.recent-img img {

    height: 100%;

    width: 100%;

    box-sizing: border-box;

    object-fit: cover

}



.blog-des p {

    text-align: justify;

}

.blog-new-box {

    position: relative;

    max-width: 350px;

    margin: 0 auto;

}

.blogBox {

    width: 100%;

    height: 175px;

    position: relative;

    border: 1px solid #000;

}

.blogBox img {

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    object-fit: fill;

}

.blog-new-con {

    background: #262626;

    padding: 10px 10px;

    min-height: 119px;

}

.blog-new-con p {

    font-size: 14px !important;

    color: #fff;

    text-align: center;

    margin-bottom: 5px;

    letter-spacing: 0.6px;

}

.blog-n-link{

    color: #5680e9 !important;

    margin-bottom: 0 !important;

}

.blog-new-con span {

color: #5680e9;

    font-size: 14px;

    text-align: center;

    display: block;

    letter-spacing: 0.6px;

    font-weight: 500;

}

.blog-content-box {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

}



.back-btn {

    background: #262626;

    color: #fff;

    padding: 3px 30px;

    font-size: 16px;

    font-weight: normal;

    border-radius: 5px;

    transition: 0.3s;

}



.back-btn:hover {

    color: #262626;

    background: #fff;



}



/* .app-store-btn:hover {

    background: #fff;

    color:#8860D0;

}







.app-store-btn {

    box-shadow: 2px 2px 6px #00000029;

    border: 1px solid #FFFFFF;

    border-radius: 2px;

    color: #fff;

    font-size: 16px;

    font-family: 'Mukta';

    padding: 3px 14px;

    text-align: center;

    transition: all 300ms ease;

} */