.bios {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}

.bios:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 200px;
    background: #ccc;
}

.bios .topSlider {
    width: 100%;
    float: left;
}

.bios .item {
    width: 100%;
    float: left;
    position: relative;
}

.bios .item:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    background-image: linear-gradient(180deg, #00000000 0%, #000000c4 100%);
}

.bios .item img {
    width: 100%;
    height: auto;
    float: left;
}

.bios .item .caption {
    position: absolute;
    width: 520px;
    top: 0;
    bottom: 0;
    right: 0;
    font: 400 37px 'Pintu';
    color: #fff;
    padding: 0px 68px 0 150px;
    background: #00000052;
    backdrop-filter: blur(4px);
    /* border: 2px solid #e79800; */
    border-radius: 0;
    font-style: italic;
    text-shadow: 2px 2px 5px #000;
    clip-path: polygon(100% 0, 0% 0, 100% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 36% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: none;
}

.bios .item .caption span {
    font-size: 20px;
    width: 100%;
    float: left;
    font-weight: 400;
    text-transform: none;
}

.bios:hover .prev, .bios:hover .next {
    opacity: 1;
}

.bios .prev, .bios .next {
    position: absolute;
    z-index: 9;
    overflow: hidden;
    top: 40%;
    cursor: pointer;
    opacity: 0;
    transition: all ease-in-out 0.3s;
}

.bios .prev {
    left: 25px;
}

.bios .next {
    right: 25px;
}

.bios .custNav {
    width: 100%;
    float: left;
    position: absolute;
    text-align: center;
    bottom: 15px;
    right: 20px;
}

.bios .custNav .owl-dot {
    width: 14px;
    height: 14px;
    background: transparent;
    border: 2px solid #fff;
    display: inline-block;
    border-radius: 50%;
    margin: 0 0 0 10px;
    transition: all ease-in-out 0.3s;
}

.bios .custNav .owl-dot:hover {
    background: #fff;
}

.bios .custNav .owl-dot.active {
    border-color: #e79800;
}

.bannerContainer {
    transition: all ease-in-out 0.3s;
    font: 400 16px 'PT Sans', sans-serif;
    width: 100%;
    float: left;
    padding: 30px 30px 0px 30px;
    /* height: 320px; */
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: #fff;
}

.bannerContainer .moreBotonContainer {
    background: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    text-align: center;
}

.bannerContainer .moreBotonContainer .moreBoton {
    transition: all ease-in-out 0.3s;
    font: 500 14px 'PT Sans', sans-serif;
    text-transform: uppercase;
    padding: 10px 20px 10px 30px;
    border-radius: 3px;
    display: inline-block;
    color: #ffffff;
    margin: 15px 0 35px 0;
    cursor: pointer;
    background: #d45355;
    position: relative;
}

.bannerContainer .moreBotonContainer .moreBoton:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    background: #ffd818;
    top: 0;
    left: 8px;
}

.bannerContainer .moreBotonContainer .moreBoton:after {
    content: '';
    position: absolute;
    top: 13px;
    left: 13px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent transparent #ffd818;
}

.bannerContainer .moreBotonContainer .moreBoton:hover {
    background: #032147;
    color: #fff;
}

.longContent {
    height: inherit;
    transition: all ease-in-out 0.3s;
}

.bannerContainer .heading {
    width: 100%;
    float: left;
    font-weight: 700;
    font-size: 25px;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 20px 0;
    color: #2C2C2C;
}

.bannerContainer .eachNotice {
    width: 100%;
    float: left;
    padding: 20px 20px 20px 20px;
    position: relative;
    line-height: 24px;
    color: #fff;
    margin-bottom: 30px;
    font: 400 20px 'Oswald', sans-serif;
    border-radius: 5px;
    border: 1px solid #fff;
    box-shadow: 0px 0px 8px #989898;
}

.bannerContainer .latest {
    padding: 20px 20px 20px 50px;
}

.bannerContainer .latest:before {
    content: '';
    height: 75px;
    width: 75px;
    z-index: 2;
    background-image: url(../../images/new-icon.gif);
    background-position: left top;
    background-repeat: no-repeat;
    position: absolute;
    top: -4px;
    left: -4px;
}

.bannerContainer .eachNotice span {
    font: 400 13px 'PT Sans', sans-serif;
    font-style: italic;
    color: #ffffffc2;
}

.bannerContainer .eachNotice a {
    display: inline;
    text-align: right;
    color: #fff;
    margin: 10px 0 0 0;
    float: right;
    border: 1px solid #fff;
    padding: 2px 8px;
    /* position: absolute; */
    /* bottom: 20px; */
    /* right: 20px; */
    font: 400 13px 'PT Sans', sans-serif;
}

.bannerContainer .eachNotice a:hover {
    text-decoration: none;
    opacity: 0.8;
}

.bannerContainer .eachNotice > div {
    min-height: 90px;
}

.bannerContainer .latest > div {
    -webkit-animation-name: example;
    -webkit-animation-duration: 1.5s;
    animation-name: example;
    animation-duration: 1.5s ;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: example;
    -moz-animation-duration: 1.5s;
    -moz-animation-iteration-count: infinite;
}

.bannerContainer .imageNotice {
    padding: 0;
    margin-bottom: 30px;
}

.bannerContainer .imageNotice a {
    padding: 0;
    margin: 0;
}

@-webkit-keyframes example {
    0% {
        color: white;
    }

    25% {
        color: white;
    }

    80% {
        color: white;
    }

    100% {
        color: transparent;
    }
}

@keyframes example {
    0% {
        color: white;
    }

    25% {
        color: white;
    }

    80% {
        color: white;
    }

    100% {
        color: transparent;
    }
}

.featuredBanner {
    width: 100%;
    float: left;
    padding: 30px;
    background: #fff;
    position: relative;
    z-index: 1;
}

.featuredBanner .item a {
    width: 100%;
    float: left;
}

.featuredBanner .custNav {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
    text-align: center;
}

.featuredBanner .custNav .owl-dot {
    width: 15px;
    height: 12px;
    background: #ccc;
    display: inline-block;
    margin: 0 3px;
    border-radius: 50px;
    transition: all ease-in-out 0.3s;
}

.featuredBanner .custNav .active {
    width: 35px;
    background: #ffc000;
}

.welcomeSection {
    width: 100%;
    float: left;
    position: relative;
    height: 680px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 1;
    background: #fff;
    border-top: 1px solid #3f7ea9;
    border-bottom: 1px solid #3f7ea9;
}

.welcomeSection:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    background: url(../../images/college_entrance.webp) no-repeat bottom center;
}

.welcomeSection .leftContent {
    width: 50%;
    float: right;
    padding: 15px;
    position: relative;
}

.welcomeSection .rightContent {
    width: 50%;
    float: right;
    padding: 15px;
    position: relative;
}

.welcomeSection .rightContent .heading {
    font: 400 20px 'PT Sans', sans-serif;
    position: relative;
    margin: 0 0 15px 0;
    padding: 0 40px;
    font: 700 24px 'Montserrat', sans-serif;
}

.welcomeSection .rightContent .heading:before {
    content: '';
}

.welcomeSection .rightContent .heading:after {
    content: '';
}

.welcomeSection .rightContent .heading span {
    display: block;
    font: 400 20px 'PT Sans', sans-serif;
    font: 400 30px/17px 'Great Vibes', cursive;
}

.welcomeSection .rightContent p {
    margin: 0 0 60px 0;
    padding: 0 40px;
    line-height: 25px;
}

.welcomeSection .rightContent p a {
    float: right;
    background: #0076d0;
    padding: 4px 10px 5px;
    font-weight: 400;
    color: #fff;
    transition: all ease-in-out 0.3s;
    position: relative;
    border-radius: 5px;
    margin-top: 28px;
    border-bottom: 1px solid #fff;
}

.welcomeSection .rightContent p a:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    background: #06267cb5;
    top: 0;
    left: 0;
    transition: all ease-in-out 0.3s;
    display: none;
}

.welcomeSection .rightContent p a:after {
    content: '';
    position: absolute;
    width: 75%;
    height: 43%;
    bottom: 0px;
    left: 14px;
    z-index: -1;
    border-radius: 50%;
    box-shadow: 0px 4px 5px #837c7ce0;
}

.welcomeSection .rightContent p a:hover {
    background: #f3a028;
}

.welcomeSection .rightContent p a:hover:before {
    background: #cd8215;
}

.welcomeSection .rightContent p a:hover:after {
    border-color: transparent transparent transparent #032147;
}

.welcomeSection .rightContent ul {
    margin: 0 15px 0 15px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    /* background: red; */
}

.welcomeSection .rightContent ul li {
    list-style-type: none;
    width: 120px;
    height: 120px;
    float: left;
    margin-left: 28px;
    margin-bottom: 17px;
    display: flex;
    justify-content: center;
    text-align: center;
    color: #fff;
    font: 400 13px 'PT Sans', sans-serif;
    /* font-size: 12px; */
    line-height: 13px;
    position: relative;
    z-index: 0;
    cursor: pointer;
    align-items: center;
}

.welcomeSection .rightContent ul li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 10px;
    background: #444242;
    backdrop-filter: blur(10px);
    border: 1px solid #fff;
    z-index: -1;
    transform: rotate(180deg);
    cursor: pointer;
    transition: all ease-in-out 0.3s;
}

.welcomeSection .rightContent ul li:hover:before {
    filter: invert(1);
    border: 1px solid #000;
    border-radius: 10px;
    transition: all ease-in-out 0.3s;
}

.welcomeSection .rightContent ul li > a {
    display: grid;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 2px #00000096;
}

.welcomeSection .rightContent ul li > a img {
    display: block;
    margin: 0 auto 6px;
    padding: 0;
}

.welcomeSection .rightContent ul li:nth-child(1):before {
    background-image: linear-gradient(263deg, #0053a7 0%, #0392ce 100%);
}

.welcomeSection .rightContent ul li:nth-child(2):before {
    background: #66b033;
    background-image: linear-gradient(263deg, #519324 0%, #66b033 100%);
}

.welcomeSection .rightContent ul li:nth-child(3):before {
    background: #0247fe;
    background-image: linear-gradient(263deg, #072576 0%, #0247fe 100%);
}

.welcomeSection .rightContent ul li:nth-child(4):before {
    background: #63af51;
    background-image: linear-gradient(263deg, #437836 0%, #63af51 100%);
}

.welcomeSection .rightContent ul li:nth-child(5):before {
    background: #3e01a4;
    background-image: linear-gradient(263deg, #311168 0%, #3e01a4 100%);
}

.welcomeSection .rightContent ul li:nth-child(6):before {
    background: #f9bc02;
    background-image: linear-gradient(263deg, #c99805 0%, #f9bc02 100%);
}

.welcomeSection .rightContent ul li:nth-child(7):before {
    background: #a7194b;
    background-image: linear-gradient(263deg, #5c0323 0%, #a7194b 100%);
}

.welcomeSection .rightContent ul li:nth-child(8):before {
    background: #fd5308;
    background-image: linear-gradient(263deg, #9f3303 0%, #fd5308 100%);
}

.stats {
    width: 100%;
    float: left;
    background-color: #136eb3;
    position: relative;
    z-index: 2;
    padding: 40px 0px;
    color: #fff;
    text-align: center;
    margin: -2px 0 0 0;
}

.stats:after {
    content: '';
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 5px;
    left: 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.stats:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background-image: url(../../images/counter-bg.png);
    z-index: -1;
}

.stats .eachDiv {
    width: 33.33333%;
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.31);
    position: relative;
    z-index: 99;
}

.stats .eachDiv .iconHolder {
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

.stats .eachDiv .iconHolder img {
    position: relative;
}

.stats .eachDiv:nth-child(1) .iconHolder img {
    margin-left: -240px;
    margin-top: -80px;
}

.stats .eachDiv:nth-child(2) .iconHolder img {
    margin-left: -320px;
}

.stats .eachDiv:nth-child(3) .iconHolder img {
    margin-left: -240px;
    margin-top: 0;
}

.stats .eachDiv:nth-child(4) .iconHolder img {
    margin-left: -80px;
    margin-top: -80px;
}

.stats .eachDiv strong {
    font-size: 34px;
    font-weight: normal;
    margin: 0 0 10px 0;
    padding: 0;
    display: block;
}

.stats .eachDiv p {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.stats .eachDiv:last-child {
    border-right: 0
}

.msgContainer {
    width: 100%;
    float: left;
    background: #ffffff url(../../images/bg.png);
    overflow: hidden;
    position: relative;
    z-index: 1;
    background-size: contain;
}

.msgContainer .msgContent {
    width: 100%;
    float: left;
    font: 700 36px 'PT Sans', sans-serif;
    padding: 70px 70px 50px;
}

.msgContainer .msgContent .heading {
    width: 100%;
    float: left;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 0px 0;
    color: #2C2C2C;
    font: 700 24px 'Montserrat', sans-serif;
}

.msgContainer .msgContent .heading span {
    display: block;
    text-transform: capitalize;
    font: 400 30px/17px 'Great Vibes', cursive;
}

.msgContainer .msgContent p {
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0;
    line-height: 28px;
    color: #000;
}

.msgContainer .msgContent a {
    float: right;
    background: #0076d0;
    padding: 7px 10px 8px;
    font-weight: 400;
    color: #fff;
    transition: all ease-in-out 0.3s;
    position: relative;
    border-radius: 5px;
    border-bottom: 1px solid #fff;
    font-size: 15px;
}

.msgContainer .msgContent a:hover {
    text-decoration: none;
    background: #f3a028;
}

.msgContainer .msgContent a:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    background: #ffd818;
    top: 0;
    left: 8px;
    display: none;
}

.msgContainer .msgContent a:after {
    content: '';
    position: absolute;
    width: 75%;
    height: 43%;
    bottom: 0px;
    left: 14px;
    z-index: -1;
    border-radius: 50%;
    box-shadow: 0px 4px 5px #837c7ce0;
}

.bannerContainer .moreBotonContainer .moreBoton:hover {
    background: #032147;
    color: #fff;
}

.noticeEvents {
    width: 100%;
    float: left;
    padding: 50px 40px;
    border-top: 1px solid #c3bdb7;
    border-bottom: 1px solid #c3bdb7;
    overflow: hidden;
    background: #f1f1f1 url(../../images/bg.png);
    position: relative;
    z-index: 1;
    background-size: cover;
}

.noticeEvents .heading {
    display: block;
    text-align: center;
    margin-bottom: 40px;
    font: 700 24px 'Montserrat', sans-serif;
    color: #212529;
    float: initial;
}

.noticeEvents .heading > div {
    display: block;
    font: 500 18px/17px 'PT Sans', sans-serif;
    text-transform: capitalize;
    position: relative;
}

.noticeEvents .heading > div > span {
    position: relative;
    font: 400 30px/17px 'Great Vibes', cursive;
}

.noticeEvents .heading > div > span:before {
    content: '';
    width: 50px;
    height: 1px;
    position: absolute;
    top: 12px;
    left: -60px;
}

.noticeEvents .heading > div > span:after {
    content: '';
    width: 50px;
    height: 1px;
    position: absolute;
    top: 12px;
    right: -60px;
}

.noticeEvents .newsContainer {
    width: 100%;
    float: left;
}

.noticeEvents .newsContainer .eachNews {
    width: 48%;
    float: left;
    display: flex;
    align-items: center;
    background: #fff;
    margin: 0 1% 20px;
    box-shadow: 5px 5px 5px #e5e5e5;
    overflow: hidden;
    position: relative;
}

.noticeEvents .newsContainer .eachNews:nth-child(even) {
    flex-direction: row-reverse;
}

.noticeEvents .newsContainer .eachNews:nth-child(odd) .newsImg {
    clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
    transition: all ease 0.5s;
}

.noticeEvents .newsContainer .eachNews:nth-child(even) .newsImg {
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
    transition: all ease 0.5s;
}

.noticeEvents .newsContent {
    width: 60%;
    float: left;
    position: relative;
    margin-bottom: 0;
    margin-right: 0;
    height: 100%;
    padding: 0px 13px;
}

.noticeEvents .newsContent .yymm {
    font: 700 24px/18px 'Montserrat', sans-serif;
    color: #0076d0;
    position: relative;
    top: 13px;
    padding-left: 100px;
}

.noticeEvents .newsContent .yymm span {
    display: table-caption;
    font-weight: 500;
    font-size: 15px;
    color: #2d2d2d;
}

.noticeEvents .newsContent .dd {
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 40px;
    font: 700 72px/18px 'Montserrat', sans-serif;
    color: #f2e3d6;
}

.noticeEvents .newsContent .heading {
    margin: 0 0 11px 0px;
    padding: 0;
    text-align: left;
    color: #2d2d2d;
    font: 400 15px/22px 'PT Sans', sans-serif;
}

.noticeEvents .newsContent a {
    float: right;
    position: relative;
    color: #0076d0;
    font: 700 14px 'Montserrat', sans-serif;
    letter-spacing: 1px;
    padding: 0 30px 0 0;
    transition: all ease-in-out 0.3s;
    text-align: right;
}

.noticeEvents .newsContent a:before {
    content: '';
    position: absolute;
    background: #0076d0;
    width: 20px;
    height: 2px;
    top: 8px;
    right: 3px;
    transition: all ease-in-out 0.3s;
}

.noticeEvents .newsContent a:after {
    content: '';
    position: absolute;
    top: 3px;
    right: -5px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent transparent #0076d0;
    transition: all ease-in-out 0.3s;
}

.noticeEvents .newsContent a:hover {
    color: #e79800;
}

.noticeEvents .newsContent a:hover:before {
    background: #e79800;
}

.noticeEvents .newsContent a:hover:after {
    border-color: transparent transparent transparent #e79800;
}

.noticeEvents .newsImg {
    width: 40%;
    float: right;
    position: relative;
    margin: 0;
}

.noticeEvents .newsImg:before {
    content: '';
    background: #0076d0;
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    opacity: 0;
    transition: all ease-in-out 0.3s;
    z-index: 1;
}

.noticeEvents .newsImg:after {
    /* content: '\f067'; */
    font: 400 60px "Font Awesome 5 Pro";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: #fff;
    transition: all ease-in-out 0.3s;
    z-index: 2;
    opacity: 0;
}

.noticeEvents .newsImg img {
    width: 100%;
}

.noticeEvents .eachNews:hover:nth-child(odd) .newsImg {
    clip-path: polygon(40% 0%, 100% 0, 100% 100%, 0% 100%);
}

.noticeEvents .eachNews:hover:nth-child(even) .newsImg {
    clip-path: polygon(0 0, 100% 0, 60% 100%, 0% 100%);
}

.noticeEvents .eachNews:hover .newsImg:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
}

.noticeEvents .eachNews:hover .newsImg:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 40px;
    opacity: 1;
}

.noticeEvents .eachNews .yymmdd {
    position: absolute;
    top: 10px;
    text-align: center;
    background: #0076d0;
    padding: 0;
    overflow: hidden;
    color: #fff;
    padding: 3px 10px;
}

.noticeEvents .newsContainer .eachNews:nth-child(odd) .yymmdd {
    left: 0;
}

.noticeEvents .newsContainer .eachNews:nth-child(even) .yymmdd {
    right: 0;
}

.noticeEvents .moreBtn {
    float: right;
    background: #0076d0;
    padding: 7px 10px 8px;
    font-weight: 400;
    color: #fff;
    transition: all ease-in-out 0.3s;
    position: relative;
    border-radius: 5px;
    border-bottom: 1px solid #fff;
    font-size: 15px;
}

.noticeEvents .moreBtn:after {
    content: '';
    position: absolute;
    width: 75%;
    height: 43%;
    bottom: 0px;
    left: 14px;
    z-index: -1;
    border-radius: 50%;
    box-shadow: 0px 4px 5px #837c7ce0;
}

.noticeEvents .moreBtn:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    background: #06267cb5;
    top: 0;
    left: 8px;
    transition: all ease-in-out 0.3s;
    display: none;
}

.noticeEvents .moreBtn:hover {
    background: #f3a028;
}

.noticeEvents .moreBtn:hover:before {
    background: #cd8215;
}

svg:not(:root) {
    overflow: hidden;
}

.ourDept {
    width: 100%;
    float: left;
    background: #ffffff;
    border-top: 1px solid #c3bdb7;
    /* border-bottom: 1px solid #ffffff; */
    padding: 50px 0 30px 0;
    font: 700 36px 'PT Sans', sans-serif;
    overflow: hidden;
    position: relative;
    z-index: 1;
    /* background: url(../../images/department_bg.webp) repeat left top; */
    background-attachment: fixed;
    background-size: inherit;
}

.provide {
    width: 100%;
    float: left;
    border-top: 1px solid #c3bdb7;
    padding: 50px 0 30px 0;
    font: 700 36px 'PT Sans', sans-serif;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background-attachment: fixed;
    background-size: inherit;
    background: #f1f1f1 url(../../images/bg.png);
}

.provide .heading span {
    display: block;
    font: 400 30px / 17px 'Great Vibes', cursive;
    text-transform: capitalize;
    font-style: italic;
    position: relative;
}

.provide .heading {
    width: 100%;
    float: left;
    text-transform: uppercase;
    position: relative;
    margin: 0 15px 20px 10px;
    color: #000000;
    font: 700 24px 'Montserrat', sans-serif;
    text-align: center;
}

.ourDept:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: #290440d4; */
    background-size: cover;
}

.ourDept .heading {
    width: 100%;
    float: left;
    text-transform: uppercase;
    position: relative;
    margin: 0 15px 20px 10px;
    color: #0060a9;
    font: 700 24px 'Montserrat', sans-serif;
}

.ourDept .heading span {
    display: block;
    font: 400 30px/17px 'Great Vibes', cursive;
    text-transform: capitalize;
    font-style: italic;
    position: relative;
}

.ourDept .heading span:before {
    content: '';
}

.ourDept .heading a {
    color: #167b2c;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
    position: absolute;
    top: 5px;
    padding: 0 0 0 6px;
    margin: 0 0 0 10px;
}

.ourDept .heading a:before {
    content: '';
    width: 1px;
    background: #167b2c;
    position: absolute;
    top: 5px;
    left: 0;
    bottom: 2px;
}

.ourDept .allDept {
    width: 100%;
    float: left;
    /* padding: 0 15px; */
}

.ourDept .allDept .owl-nav {
    font-size: 15px;
    margin: 20px 0 0 0;
    text-align: center;
}

.ourDept .allDept .owl-nav button {
    border: 0;
    border-radius: 5px;
    margin: 0 10px;
    position: relative;
    width: 30px;
    height: 30px;
    transition: all ease-in-out 0.3s;
    filter: invert(1) !important;
}

.ourDept .allDept .owl-nav button:hover {
    filter: blur(1px);
}

.ourDept .allDept .owl-nav button span {
    display: none;
}

.ourDept .allDept .owl-nav .c {
    background: url(../../images/prev.webp) no-repeat center center;
}

.ourDept .allDept .owl-nav .u {
    background: url(../../images/next.webp) no-repeat center center;
}

.ourDept .item {
    padding: 10px;
    float: left;
}

.ourDept a {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 0px 10px #00000052;
    border-radius: 5px;
}

.ourDept a:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #7202bbba;
    z-index: 2;
    transition: all ease-in-out 0.3s;
    opacity: 0;
}

.ourDept a .after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 20px;
    background: #ffffff;
    transition: all ease-in-out 0.3s;
    z-index: 3;
}

.ourDept a .heading {
    position: absolute;
    z-index: 9;
    top: 20px;
    padding: 0 4px;
    margin: 0;
    color: #222;
    text-align: center;
    text-transform: initial;
    transition: all ease-in-out 0.32s;
    font: 700 19px 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.ourDept a .heading small {
    font-style: italic;
    display: block;
    font-size: 20px;
    font-family: auto;
    text-transform: initial;
    font-weight: normal;
    margin: 0 0 5px 0;
}

.ourDept a .iconHolder {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    height: 96px;
    opacity: 0;
    transition: all ease-in-out 0.3s;
    z-index: 9;
}

.ourDept a .iconHolder img {
    width: 0px;
    margin: 0 auto;
    transition: all ease-in-out 0.3s;
}

.ourDept a .wave-circle-1, .ourDept a .wave-circle-2 {
    position: absolute;
    top: 35px;
    width: 120px;
    height: 80px;
    border-radius: 50%;
    opacity: 1!important;
}

.ourDept a .wave-circle-1 {
    right: 10px;
    background: #2775ff;
}

.ourDept a .wave-circle-2 {
    right: -50px;
    background: #7202bb;
    top: 27px;
}

.ourDept a .readMore {
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: all ease-in-out 0.3s;
    text-align: center;
}

.ourDept a .readMore span {
    background: #fff;
    color: #000;
    font-size: 14px;
    padding: 8px 10px;
    display: inline;
    border-radius: 5px;
    background-image: linear-gradient(360deg, #cce0f5 0%, #ffffff 100%);
    text-shadow: 1px 1px 0px #fff;
    margin: 0 auto;
}

.ourDept svg {
    position: absolute;
    top: 0;
    fill: #fff;
    transition: all ease-in-out 0.3s;
    z-index: 3;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.ourDept a:hover svg {
    top: 120px;
}

.ourDept a:hover .after {
    height: 150px;
}

.ourDept a:hover .heading {
    top: 140px;
}

.ourDept a:hover .iconHolder {
    opacity: 1;
}

.ourDept a:hover .iconHolder img {
    width: 96px;
}

.ourDept a:hover:after {
    opacity: 1;
    backdrop-filter: blur(3px);
}

.ourDept a:hover .readMore {
    bottom: 45px;
    opacity: 1;
}

.ytContainer {
    width: 100%;
    float: left;
    position: relative;
    z-index: 1;
    background: #ffffff url(../../flashphotos/photos/cfb75abb8b85c786b74b550debaa59e3.jpg);
    padding: 60px 0;
    background-size: contain;
}

.ytContainer:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ffffff94;
    backdrop-filter: blur(5px);
}

.ytContainer:after {
    content: '';
    position: absolute;
    top: 5px;
    right: 0;
    left: 0;
    height: 1px;
    background: #000;
}

.ytContainer .text-effect {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.ytContainer .text-effect .text-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font: 700 24px 'Montserrat', sans-serif;
}

.ytContainer .text-effect .text-container span {
    display: table;
    position: relative;
    z-index: 3;
    font-size: 110px;
    line-height: 65px;
    text-shadow: 1px 1px 0px #fff, 6px 6px 4px #0000004d;
}

.ytContainer .text-effect .text-container span span:nth-child(1) {
    font-size: 55px;
    position: relative;
    z-index: 1;
    font-weight: 500;
}

.ytContainer .text-effect .text-container span span:nth-child(2) {
    font-size: 55px;
    display: block;
    text-align: right;
    z-index: -1;
    font-weight: 500;
}

.ytContainer #vdoContainer {
    margin-top: 42px;
}

.ytContainer .cstNav {
    width: 96%;
    float: left;
    text-align: right;
    margin: 10px 0 0 0;
    padding: 0;
}

.ytContainer .cstNav button {
    margin: 0 5px;
    width: 30px;
    height: 30px;
    border: 0;
}

.ytContainer .cstNav button:hover {
    filter: blur(1px);
}

.ytContainer .cstNav button span {
    display: none;
}

.ytContainer .cstNav .owl-prev {
    background: url(../../images/prev.webp) no-repeat center center;
}

.ytContainer .cstNav .owl-next {
    background: url(../../images/next.webp) no-repeat center center;
}

.statistics {
    width: 100%;
    float: left;
    color: #fff;
    position: relative;
    z-index: 1;
    background-color: #136eb3;
    padding: 20px 0;
    margin: 0 0 0px 0;
    text-align: center;
}

.statistics:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background-image: url(../../images/counter-bg.png);
    z-index: -1;
}

.statistics:after {
    content: '';
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 5px;
    left: 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.statistics .eachDiv {
    width: 25%;
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.31);
    position: relative;
    z-index: 99;
}

.statistics .eachDiv span {
    font: 400 30px'Handlee', cursive;
    padding: 7px 0;
    display: block;
    position: relative;
    text-align: right;
}

.statistics .eachDiv span:before {
    content: '';
    background: url('../../images/statistics_arrow.webp');
    width: 83px;
    height: 42px;
    position: absolute;
    right: -40px;
    bottom: -30px;
}

.statistics .eachDiv .iconHolder {
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

.statistics .eachDiv .iconHolder img {
    position: relative;
}

.statistics .eachDiv:nth-child(1) .iconHolder img {
    margin-left: -240px;
    margin-top: -80px;
}

.statistics .eachDiv:nth-child(2) .iconHolder img {
    margin-left: -320px;
}

.statistics .eachDiv:nth-child(3) .iconHolder img {
    margin-left: -240px;
    margin-top: 0;
}

.statistics .eachDiv:nth-child(4) .iconHolder img {
    margin-left: -80px;
    margin-top: -80px;
}

.statistics .eachDiv strong {
    font-size: 34px;
    font-weight: normal;
    margin: 0 0 10px 0;
    padding: 0;
    display: block;
}

.statistics .eachDiv p {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.statistics .eachDiv:last-child {
    border-right: 0
}

.statistics .eachDiv:first-child {
    border-right: 0
}

#right-image {
    float: right;
    margin: 10px 0px 10px 10px;
    border: 1px solid #CCC;
    padding: 1px;
    box-shadow: 0px 0px 15px #afafaf;
    max-width: 100%;
}

.btn-info {
    color: #fff !important;
}

.category-block-current {position: relative;background: #fff;padding: 22px 26px;box-shadow: 0px 0px 10px #00000029;transition: all 0.5s ease;width: 30%;margin-bottom: 30px;cursor: pointer;border-radius: 20px 0;border: 6px solid #ffffff;}
.category-block-current:hover {-moz-transform: scale(1.02);-webkit-transform: scale(1.02);-o-transform: scale(1.02);transform: scale(1.02);box-shadow: 0px 11px 9px -10px rgba(0, 0, 0, 0.52);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.category-block-current .inner-box {margin: 0 auto;max-width: 100%;position: relative;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 2;}
.category-block-current .icon-box {align-items: center;border: 2px dashed #ef5c72;border-radius: 50%;display: flex;height: 160px;justify-content: center;margin-bottom: 30px;padding: 20px;position: relative;width: 160px;}
.category-block-current .icon-box .icon { align-items: center; background-color: #fff; border-radius: 50%; color:#ef5c72; display: flex; font-size: 64px; height: 120px; justify-content: center; line-height: 1em; transition: all .3s ease; width: 120px; }
.category-block-current  a {text-decoration: none;color: #000;font: 400 30px / 17px 'Great Vibes', cursive;}
.category-block-current .inner-box:hover .icon {background-color: #ef5c72;color: #fff !important;transform: scale(-1) rotate(180deg);}
/*.category-block-current:nth-child(6n+2) .inner-box .icon-box {border-color: #ef5c72;}*/
.category-block-current:nth-child(6n+2) .inner-box .icon-box {border-color: #00c7c4;}
.category-block-current:nth-child(6n+2) .inner-box:hover .icon {background-color: #00c7c4;}
.category-block-current:nth-child(6n+3) .inner-box .icon-box {border-color: #f8b81f;}
.category-block-current:nth-child(6n+3) .inner-box:hover .icon {background-color: #f8b81f;}
.category-block-current:nth-child(6n+4) .inner-box .icon-box {border-color: #8e56ff;}
.category-block-current:nth-child(6n+4) .inner-box:hover .icon {background-color: #8e56ff;}
.category-block-current:nth-child(6n+5) .inner-box:hover .icon {background-color: #22d17e;}
.category-block-current:nth-child(6n+5) .inner-box .icon-box {border-color: #22d17e;}
.category-block-current  p {
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0;
    line-height: 28px;
    color: #000;
}
.category-block-current:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    border-top: 240px solid #00599b;
    border-right: 240px solid transparent;
    opacity: .1;
    z-index: 1;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    border-radius: 20px 0;
}
.hiddenn {
            transform: translateY(-100%);
            transition: transform 300ms ease-in-out;
        }