body {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* marquee start */
.marqueenew {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.marquee-contentnew {
    display: inline-block;
    padding-left: 100%;
    animation: scroll linear infinite;
}

/* Hover pause */
.marqueenew:hover .marquee-contentnew {
    animation-play-state: paused;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

/* marquee end */

.text-justify {
    text-align: justify;
}

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

ul.topLink1 li {
    float: left;
    color: #fff;
    font-size: 12px;
    padding: 10px 10px 11px 10px;
    display: inline-block;
    transition: ease-in-out 300ms;
    text-decoration: none;
    border-right: 1px solid #838837;
    font-weight: normal !important;
    font-family: 'Abel', sans-serif;
    letter-spacing: 1px;
    font-weight: bold
}
.important-links-two {
    list-style: none;
    padding: 0;
    margin: 0;
}

.important-links-two li {
    display: inline-block;
}

.important-links-two li a {
    text-decoration: none;
    color: #fff;
    padding: 0 6px;
    font-size: 14px;
}

.important-links-two li a:hover {
    color: #e67171;
}

.important-links-two li::after {
    content: " • ";
    color: #777;
}

.important-links-two li:last-child::after {
    content: "";
}
@media only screen and (min-width: 1px) and (max-width: 481px) {
    ul.topLink1 li a {
        font-size: 12px;
        font-family: Roboto;
        padding: 10px 4px
    }

    ul.topLink1 svg {
        display: none
    }
}

marquee {
    color: #000
}

marquee span {
    color: #000
}

marquee a {
    font-size: 13px;
    text-decoration: none;
    transition: 300ms ease-in-out
}

marquee a:hover {
    color: #000
}

.dektop {
    display: none
}

navv.topLink {
    width: auto;
    float: right;
    background: #32a78b
}

navv.topLink ul {
    display: table;
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #fff
}

navv.topLink ul li {
    float: left;
    padding: 0;
    margin: 0
}

navv.topLink ul li:last-child {
    padding-right: 0px;
}

navv.topLink ul li a {
    color: #f5f5f5;
    font-size: 12px;
    padding: 10px;
    display: inline-block;
    transition: ease-in-out 300ms;
    text-decoration: none;
    border-right: 1px solid #fff
}

/*; font-family:'Abel', sans-serif*/
navv.topLink ul li a:hover {
    color: #fff
}

navv.topLink ul li a:after {
    content: '';
    display: block;
    color: #fff;
    border-bottom: 1px solid #fff;
    width: 0;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}

navv.topLink ul li a:hover:after {
    width: 100%;
    color: #fff
}

.header_bg {
    padding: 8px 0 5px 0;
    /* background:url(../images/header_bg.jpg) center center repeat-x */
    background: #fff;
}

.top_header_bg {
    background: #fff;
    font-size: 12px !important
}

.topLink1 li {
    background: #32a78b;
    border: none;
    color: #FFF
}

.ddmenu li {
    display: block;
    width: 97%;
}

.top-nav {
    padding: 5px !important;
    text-transform: none;
    background: #43455c !important
}

.iso-style {
    font-size: 13px;
    font-family: Poppins
}

.toggle-menu ul {
    display: none;
    width: 20px
}

.toggle-menu ul li {
    width: 100%;
    height: 2px;
    background-color: #32a78b;
    margin-bottom: 4px
}

.toggle-menu ul li:last-child {
    margin-bottom: 0px;
}

input[type=checkbox],
label {
    display: none;
}

/*navv.topLink ul li i { display:none }*/
navv.topLink ul li span {
    display: none
}

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

@media only screen and (max-width: 980px) {
    input[type=checkbox] {
        position: absolute;
        top: -9999px;
        left: -9999px;
        background: none;
    }

    input[type=checkbox]:fous {
        background: none;
    }

    label {
        float: right;
        padding: 5px 0px;
        display: inline-block;
        cursor: pointer;
    }

    input[type=checkbox]:checked~navv.topLink {
        display: block;
    }

    navv.topLink {
        display: none;
        position: absolute;
        right: 0px;
        top: 40px;
        background-color: #32a78b;
        padding: 0px;
        z-index: 99;
    }

    navv.topLink ul {
        width: auto;
    }

    navv.topLink ul li {
        float: none;
        padding: 0px;
        width: 100%;
        display: table;
    }

    navv.topLink ul li a {
        color: #FFF;
        font-size: 13px;
        padding: 10px;
        display: block;
        border-bottom: 1px solid rgba(225, 225, 225, 0.5);
    }

    .toggle-menu ul {
        display: table;
        width: 20px;
        margin-bottom: 6px;
        margin-right: 6px;
        color: #32a78b;
        color: #32a78b !important
    }

    .toggle-menu ul li {
        width: 100%;
        height: 2px;
        background: #32a78b;
        margin-bottom: 5px;
        color: #32a78b !important
    }

    .toggle-menu ul li:last-child {
        margin-bottom: 0px;
    }

    input[type=checkbox],
    label {
        display: initial;
    }

    navv.topLink ul li span {
        display: inline-block
    }
}

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

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

@media only screen and (max-width: 360px) {
    label {
        padding: 5px 0px;
    }

    navv.topLink {
        top: 47px;
    }
}

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

@media only screen and (max-width: 767px) and (min-width: 100px) {}

.blink {
    animation: blinker 1s linear infinite;
}

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

@-webkit-keyframes blink {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0.5
    }

    50.01% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

blink {
    -webkit-animation: blink 0.7s infinite linear alternate;
    -webkit-font-smoothing: antialiased;
}

ul.tNav li.show {
    display: none
}

ul.tNav li a.nav-link {
    padding-left: 8px !important;
    padding-right: 8px !important
}

@media only screen and (min-width: 1px) and (max-width: 481px) {
    ul.tNav li.show {
        display: block !important
    }
}

.navbar-brand {
    display: none
}

.top_links {
    font-size: 13px;
    margin: 0;
    padding: 0;
    text-align: left;
    float: right;
    font-family: 'Abel', sans-serif
        /*border-bottom:1px solid #002147;*/
    ;
    line-height: 18px
}

.top_links li {
    display: inline-block;
    margin: 0;
    padding: 0
}

.top_links li a {
    color: #fff;
    text-decoration: none;
    transition: 300ms ease-in-out;
    padding: 0 3px;
    margin: 0
}

.top_links li a span {
    font-size: 15px;
    transition: 300ms ease-in-out;
    color: #FFF
}

.top_links li a:hover {
    color: #fff;
    text-decoration: underline
}

.float_control {
    float: right
}

@media(max-width:500px) {
    .navbar-brand {
        display: block
    }

    .top_links {
        text-align: center !important;
        font-size: 13px;
        float: none;
        margin-top: 0
    }

    .moblie_view1 {
        width: 100% !important;
        float: none;
        clear: both
    }

    .moblie_view2 {
        width: 100% !important;
        float: none;
        clear: both
    }

    .float_control {
        float: none
    }
}

@media(max-width:700px) {
    .top_links li {
        text-align: center !important
    }

    .tablet_view1 {
        width: 70%;
        float: left;
        clear: none
    }

    .tablet_view2 {
        width: 30%;
        float: left;
        clear: none
    }
}

.top_links_app {
    font-size: 13px;
    margin: 20px 0 0 0;
    padding: 0;
    float: right;
    font-family: Roboto;
    text-align: right
}

.top_links_app li {
    padding: 0;
    margin: 0 0 5px 0;
    list-style: none;
    display: block
}

.top_links_app li a {
    color: #0FF;
    text-decoration: none;
    transition: 300ms ease-in-out;
    padding: 0 7px;
    text-align: center;
    margin: 0;
    display: inline-block
}

.top_links_app li a span {
    color: #FF0;
    transition: 300ms ease-in-out
}

.top_links_app li a span:hover {
    color: #fff;
    text-decoration: underline
}

.top_links_app li a:hover {
    color: #fff;
    text-decoration: underline
}

.top_links_app li a span blink {
    font-size: 18px;
    color: #FF0;
    transition: 300ms ease-in-out;
}

.top_links_app li a span blink:hover {
    color: #fff
}

@media(max-width:500px) {
    .top_links_app {
        text-align: center !important;
        font-size: 13px;
        margin: 5px 0 0 0 !important;
        float: none
    }

    .top_links_app li a span {
        font-size: 13px;
        color: #CF0;
        text-align: center !important;
    }
}

@media(max-width:700px) {
    .hidden-xs {
        display: none
    }

    .top_links_app {
        text-align: center !important;
        font-size: 13px;
        margin: 15px 0 0 0 !important;
        float: none
    }

    .top_links_app li {
        text-align: center !important;
        clear: both;
        float: none;
        display: inline-block;
        margin: 0
    }

    .top_links_app li a {
        border: none;
        text-align: center !important;
    }

    .top_links_app li a span {
        font-size: 13px;
        color: #CF0;
        text-align: center !important;
    }
}

@media only screen and (max-width: 481px) and (min-width: 100px) {
    .logo_adj1 {
        text-align: center;
        padding: 0;
        margin-bottom: 4px
    }

    .college_name {
        font-family: Gupter;
        font-size: 25px;
        color: #1e90ff;
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        font-weight: bold;
        text-shadow: 1px 1px 1px #666;
        text-align: center
    }

    .main_logo {
        width: 70px
    }

    .cu_logo {
        width: 80px
    }

    .main_logo_text {
        font-size: 16px;
        color: #000;
        padding: 0;
        margin: 0;
        font-family: 'Abel', sans-serif;
        text-align: center
    }

    .main_logo_text a {
        color: #03C;
        text-decoration: none;
        transition: 300ms ease-in-out
    }

    .main_logo_text a:hover {
        color: #000;
        text-decoration: underline
    }

    .news-style {
        padding: 7px 0;
    }

    .marquee {
        background: #f5f5f5;
        padding: 5px;
        text-align: center;
        color: #C00;
        font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        font-size: 12px;
        font-weight: bold;
        line-height: 17px
    }

    .hidden_tab {
        display: none !important
    }

    span.sep {
        display: none
    }

    span.br {
        display: initial;
    }
}

@media only screen and (max-width: 767px) and (min-width: 482px) {
    .logo_adj1 {
        text-align: center !important;
        padding: 0 5px 0 5px
    }

    .logo_title_adj {
        margin: 0
    }

    .college_name {
        font-family: 'Abel', sans-serif;
        font-size: 30px;
        color: #1e90ff;
        padding: 0;
        margin: 0 0 5px 0;
        text-align: center
    }

    .main_logo {
        width: 67px
    }

    .main_logo_text {
        font-size: 13px;
        color: #e5e5e5;
        line-height: 19px;
        padding: 0;
        margin: -10px 0 0 0;
        font-family: 'Abel', sans-serif;
        text-align: center
    }

    .main_logo_text a {
        color: #03C;
        text-decoration: none;
        transition: 300ms ease-in-out
    }

    .main_logo_text a:hover {
        color: #000;
        text-decoration: underline
    }

    .hidden_tab {
        display: initial;
        visibility: initial;
    }

    .marquee {
        background: #f5f5f5;
        padding: 5px;
        text-align: center;
        color: #C00;
        font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        font-size: 12px;
        font-weight: bold;
        line-height: 17px
    }
}

@media only screen and (min-width: 768px) {
    .logo_adj1 {
        text-align: center;
        padding: 5px 5px 5px 0
    }

    .logo_title_adj {
        margin: 0
    }

    .college_name {
        font-family: 'PT Serif', serif;
        font-size: 33px;
        color: #1e90ff;
        padding: 0;
        margin: 5px 0 0 -8px;
        font-weight: bold;
        text-shadow: 1px 1px 1px #fff;
        letter-spacing: 1px
    }

    /*font-family:Gupter*/
    .main_logo {
        width: 80px
    }

    .cu_logo {
        width: 88px
    }

    .main_logo_text {
        font-size: 16px;
        color: #000;
        line-height: 19px;
        padding: 0;
        margin: -2px 0 0 -8px;
        font-family: 'Abel', sans-serif
    }

    .main_logo_text a {
        color: #03C;
        text-decoration: none;
        transition: 300ms ease-in-out
    }

    .main_logo_text a:hover {
        color: #000;
        text-decoration: underline
    }

    .marquee {
        background: #f5f5f5;
        padding: 5px;
        text-align: center;
        color: #C00;
        font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        font-size: 12px;
        font-weight: bold;
        line-height: 17px
    }

    span.sep {
        display: initial;
    }

    span.br {
        display: none
    }
}

ul.logo_links {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left
}

ul.logo_links li {
    display: inline-block;
    float: left;
    margin: 2px
}

ul.logo_links li a {
    display: inline-block;
    font-size: 13px;
    text-decoration: none
}

ul.logo_links {
    display: block
}

@media only screen and (min-width: 1px) and (max-width: 481px) {
    ul.logo_links {
        display: none !important
    }
}

/* ============ only desktop view ============ */
@media all and (min-width: 992px) {
    .navbar .dropdown-menu-end {
        right: 0;
        left: auto;
    }

    .navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        margin-top: 0;
    }

    .navbar .nav-item:hover .nav-link {
        color: #ccc !important;
    }

    .navbar .dropdown-menu.fade-down {
        top: 80%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
    }

    .navbar .dropdown-menu.fade-up {
        top: 180%;
    }

    .navbar .nav-item:hover .dropdown-menu {
        transition: .3s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg);
    }
}

/* ============ desktop view .end// ============ */
.navbar-brand {
    display: none
}

/*nav a { display: block; padding:10px 12px; color: #ffd300; text-decoration: none; transition:300ms ease-in-out; font-family: 'Abel', sans-serif; text-transform:uppercase; font-style:normal !important }*/
nav {
    background: #32a78b;
    font-family: 'Abel', sans-serif;
    font-size: 15px;
    text-transform: uppercase
}

/*background:#009a52;*/
nav a {
    display: block;
    padding: 4px 10px !important;
    color: #fff !important;
    text-decoration: none;
    transition: 300ms ease-in-out;
    font-style: normal !important
}

nav a:hover {
    color: #fff !important
}

.dropdown-menu {
    position: absolute;
    /*top:102px !important;*/
    background: #2e3047 !important
}

/*background:#262c37*/
.dropdown-menu li a {
    line-height: none;
    padding: 4px 5px !important;
    color: #ccc !important;
    text-transform: none !important;
    font-size: 15px;
    transition: 300ms ease-in-out;
}

.dropdown-menu li a:hover {
    color: #000 !important
}

@media all and (max-width : 768px) {
    .desktop {
        display: block
    }

    .phone {
        display: none
    }

    .navbar-brand {
        display: block;
        font-size: 16px
    }

    nav {
        background: #32a78b;
        font-family: 'Abel', sans-serif;
        text-transform: none;
        font-size: 16px
    }

    nav a {
        display: block;
        padding: 7px !important;
        color: #7c8238;
        text-decoration: none;
        transition: 300ms ease-in-out;
        font-style: normal !important
    }
}

.dropdown-divider {
    background: #666 !important
}

.fixed-top {
    top: -0px;
    transform: translateY(0px);
    transition: transform .3s;
}

/* Banner+Notice */
.banner-section-bg {
    background: #707793;
    padding-bottom: 35px;
    padding-top: 35px
}

.banner-notice-bg {
    background: #fff;
    padding: 7px;
    margin: 0 auto;
    width: 91%;
    border-radius: 7px;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.7)
}

.notice-box {
    height: 186px !important;
    overflow: scroll;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    font-size: 13px !important;
    font-family: poppins
}

.notice-marquee {
    padding: 0;
    margin: 0;
    height: 186px !important
}

.singel-notice {
    padding: 0;
    margin: 5px 0 0 0;
    text-align: right
}

.notice-btn {
    font-size: 10px;
    text-transform: uppercase
}

.accordion-button {
    padding: 7px !important;
    font-size: 13px !important;
    font-weight: bold;
    border-radius: 0 !important;
}

.carousel-item h5 {
    color: #FF0;
    background: rgba(0, 0, 0, 0.5);
    display: inline-block;
    padding: 4px 6px;
    border-radius: 4px;
    font-size: 15px !important;
}

.carousel-item p {
    color: #000;
    background: rgba(255, 255, 255, 0.3);
    display: inline-block;
    padding: 4px 6px;
    border-radius: 4px;
    font-family: Poppins !important;
    font-size: 14px !important;
    font-weight: bold !important
}

.clear {
    clear: both
}

.accordion-body {
    padding: 7px 0 2px 0 !important
}

.list-group a {
    color: #4b4d67;
    text-decoration: none;
    transition: 500ms ease-in-out;
    padding-right: 7px;
    padding-left: 7px;
    display: block;
    font-size: 13px
}

.list-group a:hover {
    color: #2e3047;
    text-decoration: none
}

#date1 {
    color: #000;
    padding: 0;
    margin: 0;
    font-size: 13px
}

.accordion-item {
    /*border:1px solid #43455c !important;*/
    border-bottom: 1px solid #fff !important
}

button.accordion-button {
    background: #3bba9c;
    color: #fff;
    font-family: Abel;
    font-size: 16px !important;
    font-weight: bold !important;
    transition: 300ms ease-in-out !important;
    letter-spacing: 1px
}

button.accordion-button:hover {
    background: #2e3047 !important;
    color: #fff !important
}

@media screen and (max-width: 480px) {
    .u-events-content {
        width: 100%;
    }
}

/* Principal Desk + College at a Glance */
.Principal-section {
    margin: 0 auto;
    width: 91%
}

.principal-name {
    font-family: Abel;
    font-size: 18px;
    font-weight: bold;
    color: #2e3047
}

.mission-vission-principal {
    font-size: 14px
}

.mission-vission-principal h2 {
    font-size: 29px !important;
    font-family: 'Comforter Brush', cursive;
    font-weight: normal !important;
    color: #232f3d;
    padding: 0 0 0 18px;
    margin: 0
}

.mission-vission-principal h1 {
    font-family: 'PT Serif', serif;
    color: #c03f03;
    font-size: 20px;
    padding: 0;
    margin: 0;
    z-index: 1 !important
}

.mission-vission-principal .border1 {
    padding: 1px 0;
    width: 25%;
    margin: 15px 0 15px 0;
    background: rgb(2, 0, 36);
    background: -moz-linear-gradient(135deg, rgba(2, 0, 36, 1) 0%, rgba(19, 26, 34, 1) 0%, rgba(19, 26, 34, 1) 35%, rgba(153, 153, 153, 1) 35%, rgba(153, 153, 153, 1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(2, 0, 36, 1) 0%, rgba(19, 26, 34, 1) 0%, rgba(19, 26, 34, 1) 35%, rgba(153, 153, 153, 1) 35%, rgba(153, 153, 153, 1) 100%);
    background: linear-gradient(135deg, rgba(2, 0, 36, 1) 0%, rgba(19, 26, 34, 1) 0%, rgba(19, 26, 34, 1) 35%, rgba(153, 153, 153, 1) 35%, rgba(153, 153, 153, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#999999", GradientType=1);
}

.mission-vission-principal .link {
    margin: 25px 0 5px 0
}

.mission-vission-principal a.learn {
    color: #fff;
    background: #e12d2e;
    text-decoration: none;
    padding: 7px 12px;
    transition: 300ms ease-in-out;
    border-radius: 3px;
    font-style: normal
}

.mission-vission-principal a.learn:hover {
    color: #fff;
    background: #901718
}

.linkarrow a {
    color: #3bba9c;
    text-decoration: none;
    transition: 300ms ease-in-out;
    font-size: 12px;
    padding: 6px 0;
    font-weight: bold;
    font-family: Poppins;
    letter-spacing: 1px;
    text-transform: uppercase
}

.linkarrow a:hover {
    color: #cc0000;
    letter-spacing: 1.5px
}

.border_right {
    border-right: 1px dashed #d1d4af
}

@media(max-width:500px) {}

.icon-link ul {
    margin-top: 100px;
    padding: 0
}

.icon-link ul li.yellow {
    display: block;
    text-align: center;
    padding: 0;
    width: 50%;
    float: left;
    border: none
        /*border-right: none; border-right:1px solid #666; border-bottom:1px solid #666;*/
}

.icon-link ul li.yellow a {
    display: block;
    padding: 15px 0 15px 0;
    color: #fff;
    background: #ae1e13;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
    border-radius: 4px
}

.icon-link ul li.yellow a:hover {
    background: #fff;
    color: #ae1e13
}

.icon-link ul li.yellow a img {
    margin-bottom: 4px
}

.icon-link ul li.red {
    display: block;
    text-align: center;
    padding: 0;
    width: 50%;
    float: left;
    border: none;
    border-right: none;
    border-right: 1px dashed #d1d4af;
    border-bottom: 1px dashed #d1d4af;
}

/*.icon-link ul li.red a { display:block; padding:15px 0 15px 0; color:#ad2016; text-decoration:none; text-align:center; font-size:15px !important; transition:300ms ease-in-out; font-weight:bold }*/
.icon-link ul li.red a:hover {
    /*background:#d1d4af;*/
    color: #000
}

.icon-link ul li.red a img {
    margin-bottom: 4px
}

.icon-link ul li.red a {
    position: relative;
    text-decoration: none;
    display: block;
    padding: 15px 0 15px 0;
    color: #ad2016;
    text-decoration: none;
    text-align: center;
    font-size: 15px !important;
    transition: 300ms ease-in-out;
    font-weight: bold
}

.icon-link ul li.red a::before {
    background: #d1d4af;
    content: "";
    inset: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.5s ease-in-out;
    z-index: -1;
}

.icon-link ul li.red a:hover::before {
    transform: scaleX(1);
    transform-origin: left;
}



.icon-link .border-right {
    border-right: none !important;
    border-left: none !important
}

.icon-link .border-bot {
    border-bottom: none !important
}


@media(max-width:500px) {
    .icon-link {
        padding: 0;
        margin: 0
    }

    .icon-link ul {
        margin: 20px 0 25px 0;
        padding: 0
    }

    .icon-link ul li {
        display: block;
        text-align: center;
        padding: 0;
        width: 33.3%;
        float: left;
        border: none;
    }

    .icon-link ul li a {
        display: block;
        padding: 28px 0 28px 0;
        color: #ccc;
        text-decoration: none;
        text-align: center;
        font-size: 13px;
        transition: 300ms ease-in-out;
        text-transform: none;
        transition: 300ms ease-in-out
    }

    .icon-link ul li a:hover {
        background: #000
    }

    .icon-link ul li a img {
        margin-bottom: 4px
    }

    .icon-link .border-right {
        border-right: none !important
    }

    .icon-link .border-bot {
        border-bottom: none !important
    }
}

/* Footer css */
#table2 tr {
    height: 35px
}

.topLinks {
    background: #2f2f2f;
    padding: 0;
    font-size: 13px;
    color: #fff;
    font-family: Roboto;
}

.topLinks a {
    color: #CCC;
    text-decoration: none;
    transition: 300ms ease-in-out
}

.topLinks a:hover {
    color: #fff
}

ul.topLinkscontact {
    text-align: right;
    margin: 0;
    padding: 0;
    list-style: none
}

ul.topLinkscontact li {
    display: inline-block;
    padding: 5px;
    border-right: 1px solid #ccc
}

h3 {
    font-family: 'Abel', sans-serif;
    font-weight: bold;
    padding: 0;
    font-size: 25px;
    color: #32a78b;
    margin: 0
}

.subHeading {
    text-align: center;
    font-weight: bold;
    color: #43455c;
    padding: 0;
    margin: 0
}

.subHeading_border {
    border-top: 2px solid #707793;
    padding: 2px;
    width: 5%;
    margin: 10px auto 13px auto
}

.right-area-content {
    text-align: justify
}

.right-area-content-img-right {
    float: right;
    margin: 7px 0 10px 20px
}

.right-area-content-img-left {
    float: left;
    margin: 7px 20px 10px 0
}

.border-left {
    border-right: 1px solid #ccc
}

.border-right {
    border-left: 1px solid #ccc
}


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

.dept_button li {
    display: inline-block;
    margin: 0 7px 10px 0;
    width: 32%
}

.dept_button li a {
    display: block;
    padding: 25px 0;
    font-family: 'Abel', sans-serif !important;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    font-size: 18px;
    background: #f5f5f5;
    transition: 300ms ease-in-out;
    border-radius: 4px;
    text-align: center
}

.dept_button li a:hover {
    background: #eaeaea;
    color: #000
}

@media only screen and (max-width: 767px) and (min-width: 100px) {
    .dept_button li {
        display: block;
        margin: 0 0 10px 0;
        width: 100%
            /*width:47.7% */
    }
}




@media only screen and (max-width: 767px) and (min-width: 100px) {
    .border-left {
        border-right: none
    }

    .right-area-content-img-right {
        float: none;
        text-align: center;
        margin: 0 0 15px 0
    }

    .right-area-content-img-left {
        float: none;
        text-align: center;
        margin: 0 0 15px 0
    }

    h3 {
        font-family: 'Abel', sans-serif;
        font-weight: bold;
        padding: 0;
        font-size: 20px;
        color: #32a78b
    }

    .subHeading_border {
        border-top: 2px solid #666;
        padding: 2px;
        width: 10% !important;
        margin: 10px auto 13px auto
    }
}

@media only screen and (max-width: 767px) and (min-width: 100px) {
    table {
        font-size: 13px !important;
        font-family: Poppins !important;
    }
}

@media only screen and (min-width: 768px) {
    table {
        font-size: 14px !important;
        font-family: Poppins !important;
    }
}

.card-header,
.card-title {
    font-family: 'Abel', sans-serif;
    text-transform: uppercase;
    font-weight: bold
}

.viewmore a {
    font-style: italic;
    text-decoration: none;
    transition: 500ms ease-in-out;
    font-size: 14px !important;
    font-family: Poppins !important;
}

.viewmore a:hover {
    color: #000;
    letter-spacing: 1px
}

.link a {
    text-decoration: none;
    transition: 500ms ease-in-out
}

.link a:hover {
    color: #000
}

.link1 a {
    text-decoration: none;
    transition: 500ms ease-in-out;
    color: #C00;
    transition: 300ms ease-in-out
}

.link1 a:hover {
    color: #000
}

.underline {
    width: 50px;
    padding: 1px;
    margin: 15px 0 18px 0;
    background: rgb(2, 0, 36);
    background: -moz-linear-gradient(135deg, rgba(2, 0, 36, 1) 0%, rgba(19, 26, 34, 1) 0%, rgba(19, 26, 34, 1) 35%, rgba(153, 153, 153, 1) 35%, rgba(153, 153, 153, 1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(2, 0, 36, 1) 0%, rgba(19, 26, 34, 1) 0%, rgba(19, 26, 34, 1) 35%, rgba(153, 153, 153, 1) 35%, rgba(153, 153, 153, 1) 100%);
    background: linear-gradient(135deg, rgba(2, 0, 36, 1) 0%, rgba(19, 26, 34, 1) 0%, rgba(19, 26, 34, 1) 35%, rgba(153, 153, 153, 1) 35%, rgba(153, 153, 153, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#999999", GradientType=1);
}


.footer-bg {
    margin: 0 auto;
    width: 91%
}

footer {
    background: #232f3d;
    font-size: 13px;
    color: #b3bbc1 !important;
    padding-top: 35px;
    padding-bottom: 5px;
    font-family: Poppins
}

.list {
    text-align: left;
    margin: 0;
    padding: 0;
    list-style: none
}

.list li {
    margin-bottom: 7px
}

footer ul.list a {
    text-decoration: none !important;
    transition: 300ms ease-in-out;
    color: #b3bbc1 !important;
    font-size: 13px
}

footer ul.list a:hover {
    color: #fff !important;
    background: none !important
}

footer h1 {
    font-family: 'Abel', sans-serif;
    font-size: 18px;
    color: #ccc
}

footer a h1 {
    font-family: 'Abel', sans-serif;
    font-size: 18px;
    color: #b3bbc1 !important;
    transition: 300ms ease-in-out
}

footer a h1:hover {
    color: #fff !important
}

footer li {
    margin-bottom: 5px
}


.footer2-left {
    text-align: left;
    font-size: 13px;
    color: #666
}

.footer2-left a {
    text-decoration: none !important;
    transition: 300ms ease-in-out;
    color: #999
}

.footer2-left a:hover {
    color: #fff !important
}

.footer2-right {
    text-align: right;
    font-size: 13px;
    color: #666
}

.footer2-right a {
    text-decoration: none !important;
    transition: 300ms ease-in-out;
    color: #999
}

.footer2-right a:hover {
    color: #fff !important
}

.low-ftr-bg {
    background: #131a22;
    padding-top: 20px;
    padding-bottom: 20px
}

.low-ftr {
    margin: 0 auto;
    width: 91%
}

.FB a {
    color: #2D96FF;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase
}

/*.impLinks a { display:inline-block; padding:2px 5px; text-transform:none !important; line-height:normal !important }*/

@media(max-width:500px) {
    .footer2-left {
        text-align: center
    }

    .footer2-right {
        text-align: center
    }
}

@media(max-width:700px) {
    .footer2-left {
        text-align: center
    }

    .footer2-right {
        text-align: center
    }
}

.impLinks {
    text-align: center
}

.impLinks a {
    text-decoration: none;
    display: inline-block;
    color: #b3bbc1;
    padding: 0;
    transition: 500ms ease-in-out;
    text-align: center;
    font-size: 12px !important;
}

.impLinks a:hover {
    color: #ffffff
}

.impLinks a:after {
    content: '';
    display: block;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    width: 0;
    transition: 600ms ease-in-out;
    text-align: center
}

.impLinks a:hover:after {
    width: 100%;
    color: #ffffff
}

.one,
.two,
.three,
.four,
.five {
    border-right: 1px solid #666
        /*; padding-top: 10px; padding-bottom: 10px*/
}

/*.three { padding-top: 10px; padding-bottom: 10px }*/

#list iframe {
    height: 260px
}

@media(max-width:500px) {
    .impLinks a {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .one,
    .two {
        border-right: 1px solid #666;
        border-bottom: 1px solid #666
    }

    .three {
        border-right: none;
        border-bottom: 1px solid #666
    }

    .four,
    .five {
        border-right: 1px solid #666;
        border-bottom: none
    }

    /*.three { border:none }*/
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 60px;
    right: 25px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background: #e12d2e;
    color: white;
    cursor: pointer;
    padding: 8px 10px;
    border-radius: 4px;
    transition: 300ms ease-in-out
}

#myBtn:hover {
    background-color: #555;
}

.secondModal {
    font-size: 13px !important
}

.secondModal a {
    font-size: 13px !important;
    font-style: normal !important;
    font-family: Poppins !important
}

.secondModal h1 {
    font-size: 13px !important;
    color: #C00;
    font-weight: bold
}

.modal-body {
    margin-top: 0 !important;
    padding-top: 3px !important;
    margin-bottom: 3px !important;
    padding-bottom: 3px !important;
}

.modal-title {
    font-size: 13px !important;
    color: #C00;
    font-weight: bold;
    text-transform: none !important;
    text-decoration: none
}

.modal-header {
    margin-top: 6px !important;
    padding-top: 6px !important;
    margin-bottom: 8px !important;
    padding-bottom: 8px !important;
}

.modal-footer {
    margin-top: 6px !important;
    padding-top: 6px !important;
    margin-bottom: 3px !important;
    padding-bottom: 3px !important;
}

.modal-body ul {
    text-align: left;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    font-size: 13px
}

.modal-body ul li {
    padding: 8px 0;
    border-bottom: 1px dashed #ccc;
    font-weight: bold
}

.modal-body ul li a {
    font-size: 13px !important;
    font-style: normal !important;
    text-decoration: none;
    transition: 300ms ease-in-out;
    line-height: 20px;
    font-weight: normal;
    font-family: Poppins !important
}

.modal-body ul li a:hover {
    color: #C00
}

.modal-body ul li span {
    font-weight: bold;
    color: #000
}

.ugcrecognition {
    font-size: 14px
}

.ugcrecognition h2 {
    font-size: 29px !important;
    font-family: 'Comforter Brush', cursive;
    font-weight: normal !important;
    color: #232f3d;
    padding: 0 0 0 18px;
    margin: 0
}

.ugcrecognition h1 {
    font-family: 'PT Serif', serif;
    color: #c03f03;
    font-size: 20px;
    padding: 0;
    margin: 0;
    z-index: 1 !important
}

.ugcrecognition .border1 {
    padding: 1px 0;
    width: 25%;
    margin: 15px 0 15px 0;
    background: rgb(2, 0, 36);
    background: -moz-linear-gradient(135deg, rgba(2, 0, 36, 1) 0%, rgba(19, 26, 34, 1) 0%, rgba(19, 26, 34, 1) 35%, rgba(153, 153, 153, 1) 35%, rgba(153, 153, 153, 1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(2, 0, 36, 1) 0%, rgba(19, 26, 34, 1) 0%, rgba(19, 26, 34, 1) 35%, rgba(153, 153, 153, 1) 35%, rgba(153, 153, 153, 1) 100%);
    background: linear-gradient(135deg, rgba(2, 0, 36, 1) 0%, rgba(19, 26, 34, 1) 0%, rgba(19, 26, 34, 1) 35%, rgba(153, 153, 153, 1) 35%, rgba(153, 153, 153, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#999999", GradientType=1);
}


.ugcrecognition .link {
    margin: 25px 0 5px 0
}

.ugcrecognition a.learn {
    color: #fff;
    background: #e12d2e;
    text-decoration: none;
    padding: 7px 12px;
    transition: 300ms ease-in-out;
    border-radius: 3px;
    font-style: normal
}

.ugcrecognition a.learn:hover {
    color: #fff;
    background: #901718
}

.linkarrow a {
    color: #3bba9c;
    text-decoration: none;
    transition: 300ms ease-in-out;
    font-size: 12px;
    padding: 6px 0;
    font-weight: bold;
    font-family: Poppins;
    letter-spacing: 1px;
    text-transform: uppercase
}

.linkarrow a:hover {
    color: #cc0000;
    letter-spacing: 1.5px
}

.border_right {
    border-right: 1px dashed #d1d4af
}

.ugcrecognition iframe {
    height: 300px !important;
    margin: 0 !important;
    padding: 0 !important
}

@media(max-width:500px) {}

/* photo video gallery section */

.box h1 { font-family:Abel;
     color:#3bba9c; 
     font-size:20px; padding:0; 
     margin:0; 
     z-index:1 !important }
.box .border { padding:1px 0; 
    width:25%; margin:15px 0 15px 0; 
    background: rgb(2,0,36); 
    background: -moz-linear-gradient(135deg, rgba(2,0,36,1) 0%, rgba(19,26,34,1) 0%, rgba(19,26,34,1) 35%, rgba(153,153,153,1) 35%, rgba(153,153,153,1) 100%);
     background: -webkit-linear-gradient(135deg, rgba(2,0,36,1) 0%, rgba(19,26,34,1) 0%, rgba(19,26,34,1) 35%, rgba(153,153,153,1) 35%, rgba(153,153,153,1) 100%); 
     background: linear-gradient(135deg, rgba(2,0,36,1) 0%, rgba(19,26,34,1) 0%, rgba(19,26,34,1) 35%, rgba(153,153,153,1) 35%, rgba(153,153,153,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#999999",GradientType=1); }

.linkboxarrow a { border:1px solid #3bba9c;
     text-decoration:none;
      transition:300ms ease-in-out; 
      font-size:12px; padding:7px 0;
       display:block; border-radius:4px;
        text-align:center; 
        background:#3bba9c;
         color:#FFF;
          font-weight:bold;
           font-family:Poppins;
            letter-spacing:1px;
             text-transform:uppercase  }
.linkboxarrow a:hover { color:#3bba9c;
     letter-spacing:1.5px; 
     border:1px solid #3bba9c;
      background:none }

ul.facilities_link { margin:0;
     padding:0; list-style:none;
      text-align:left; }
ul.facilities_link li { display:block; margin:0; padding:0 }
ul.facilities_link li a { 
    display:block; margin:0;
     padding:7px 0 6px 6px;
      text-decoration:none;
       border-bottom:1px dashed #ccc;
        font-size:14px; color:#707793; 
        transition:300ms ease-in-out }
ul.facilities_link li a:hover {
     background:#eaeaea; 
     color:#2e3047; 
     border-radius:4px }

iframe { height:180px }

@media(max-width:500px){
ul.facilities_link li a { padding:2px 0 2px 6px }
ul.facilities_link li.off { display:none }
iframe { height:107px !important }
}


/* highlighted course */

.mission-vission-principal { font-size:14px }
.mission-vission-principal h2 { font-size:29px !important; font-family: 'Comforter Brush', cursive; font-weight:normal !important; color:#232f3d; padding:0 0 0 18px; margin:0}
.mission-vission-principal h1 { font-family:'PT Serif', serif; color:#c03f03; font-size:20px; padding:0; margin:0; z-index:1 !important }
.mission-vission-principal .border1 {
     padding:1px 0; 
     width:25%; 
     margin:15px 0 15px 0;
      background: rgb(2,0,36);
       background: -moz-linear-gradient(135deg, rgba(2,0,36,1) 0%, rgba(19,26,34,1) 0%, rgba(19,26,34,1) 35%, rgba(153,153,153,1) 35%, rgba(153,153,153,1) 100%); 
       background: -webkit-linear-gradient(135deg, rgba(2,0,36,1) 0%, rgba(19,26,34,1) 0%, rgba(19,26,34,1) 35%, rgba(153,153,153,1) 35%, rgba(153,153,153,1) 100%);
        background: linear-gradient(135deg, rgba(2,0,36,1) 0%, rgba(19,26,34,1) 0%, rgba(19,26,34,1) 35%, rgba(153,153,153,1) 35%, rgba(153,153,153,1) 100%);
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#999999",GradientType=1); }

.mission-vission-principal .link { 
    margin:25px 0 5px 0 }
.mission-vission-principal a.learn {
     color:#fff; 
    background:#e12d2e; 
    text-decoration:none; 
    padding:7px 12px; 
    transition:300ms ease-in-out;
     border-radius:3px; 
     font-style:normal }
.mission-vission-principal a.learn:hover { 
    color:#fff; 
    background:#901718 }

.linkarrow a { 
    color:#3bba9c; 
    text-decoration:none;
     transition:300ms ease-in-out;
      font-size:12px; padding:6px 0; 
      font-weight:bold;
       font-family:Poppins; 
       letter-spacing:1px; 
       text-transform:uppercase  }
.linkarrow a:hover { 
    color:#cc0000; 
    letter-spacing:1.5px }

.border_right { 
    border-right:1px dashed #d1d4af }

    .container1 {
	padding: 1em 0;
	position: relative;
	font-size: 16px;
	border-radius: 0.5em;
	background: #3bba9c;
	border-bottom: 5px solid #2e3047;
	text-align: center;
}

span.num {
	color: #ffffff;
	display: grid;
	place-items: center;
	font-weight: 600;
	font-size: 25px;
	margin-bottom: 20px !important;
}

span.text {
	color: #fff;
	font-size: 15px;
	text-align: center;
	pad: 0.7em 0;
	font-weight: 400;
	line-height: 0;
}

#tabcontainer { max-width: 100%; margin: 0 auto !important; padding:0 !important }
.tabs { max-width: 100%; float: none; list-style: none; padding:0 !important; margin:0 !important; border-bottom: 4px solid #3bba9c; border-radius:0 0 5px 5px }
.tabs:after { content: ''; display: table; clear: both }
.tabs input[type=radio] { display:none }

.tabs label {
	background:#7d85a3;
	border-bottom:1px solid #707793;
	margin-right:1px;
	display: block;
	float: left;
	width: 33%;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	/*line-height: 2;*/
	cursor: pointer;
	font-family:Poppins;
	/*box-shadow: inset 0 4px #ccc;
	border-bottom: 4px solid #ccc;*/
	-webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */
	transition: all 0.5s;
	padding:10px 0; border-radius:4px
}

.tabs label span { display: none }
.tabs label i { padding: 5px; margin-right: 0 }
.tabs label:hover { color: #124539; border-bottom: 1px solid #3bba9c; background: #3bba9c; }
.tab-content { display: none; width: 100%; float: left; padding: 15px; box-sizing: border-box; background-color:#ffffff }
.tab-content * { -webkit-animation: scale 0.7s ease-in-out; -moz-animation: scale 0.7s ease-in-out; animation: scale 0.7s ease-in-out }

@keyframes scale {
0% { transform: scale(0.9); opacity: 0 }
50% { transform: scale(1.01); opacity: 0.5 }
100% {  transform: scale(1); opacity: 1 }
}

.tabs [id^="tab"]:checked + label {
background: #3bba9c;
border-bottom: 1px solid #3bba9c;
color: #fff;
}

#tab1:checked ~ #tab-content1, #tab2:checked ~ #tab-content2, #tab3:checked ~ #tab-content3 { display: block }
@media (min-width: 768px) {
.tabs i { padding: 5px; margin-right: 10px }
.tabs label span { display: inline-block }
.tabs { max-width: 750px; margin: 50px auto }
}

ul.dept_button { list-style:none; padding:0; margin:0 }
ul.dept_button li { display:inline-block; margin:0 7px 10px 0; width:23%; font-size:15px; border-radius:4px; text-align:center; font-style:normal; line-height:22px; font-family:Poppins; font-weight:bold }
ul.dept_button li.container1 img { border-radius:4px; margin:0 auto 15px auto !important; text-align:center }
ul.dept_button li a:hover { background:#e1e1e1; color:#000 }
@media only screen and (max-width: 767px) and (min-width: 100px){
ul.dept_button li { display:inline-block; margin:0 7px 10px 0; width:47.5% }
}
ul.dept_button li a {
	display: block;
	padding: 30px 0;
	font-family: abel !important;
	cursor: pointer;
	text-decoration: none;
	font-size: 16px;
	background: #f5f5f5;
	transition: 500ms ease-in-out;
	border-radius: 4px;
	text-align: center;
	color: #2e3047;
}

ul.dept_button li a img {
      transition: 1s;
      filter: grayscale(100%);  /*		<----- required			*/
    }

ul.dept_button li a:hover img {
      filter: grayscale(0%);    /*		<----- required			*/
    }

    ul.dept_button li a:hover {
	background: #fff;
	color: #0d6efd;
	box-shadow: 4px 4px 13px #ccc;
	transition: 500ms ease-in-out;
}

/* clg at a glance */


.parallax1 { background: rgb(46,48,71); background: -moz-linear-gradient(0deg, rgba(46,48,71,1) 0%, rgba(61,63,88,1) 100%); background: -webkit-linear-gradient(0deg, rgba(46,48,71,1) 0%, rgba(61,63,88,1) 100%); background: linear-gradient(0deg, rgba(46,48,71,1) 0%, rgba(61,63,88,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e3047",endColorstr="#3d3f58",GradientType=1); text-align:center; padding:45px 0; border-bottom:2px solid #212529 }
.parallax1 span { color:#FFF; font-size:25px; text-transform:uppercase; font-family:Roboto; font-weight:bold; text-shadow: 0 0 15px #000; letter-spacing:3px }
.parallax1 a { text-shadow:none; font-size:16px !important; color:#FC0; padding:0 !important; margin:0 !important; display:block; font-family:'Abel', sans-serif; letter-spacing:1px; transition:300ms ease-in-out; font-weight: normal !important; text-transform:none !important }

@media only screen and (max-width: 767px) and (min-width: 100px){
	.parallax1 span { color:#FFF; font-size:22px; text-transform:uppercase; font-family: 'Fraunces', serif; font-weight:bold; text-shadow: 0 0 15px #000; letter-spacing:0 }
}

.breadcrumb { font-family:'Abel', sans-serif !important; font-size:14px !important; color:#000 }
.breadcrumb a { text-decoration:none; transition:300ms ease-in-out; cursor:pointer }
.breadcrumb a:hover { color:#000000;}
.breadcrumb a:after { content: ''; display: block; color:#000000; border-bottom: 1px solid #000000; width: 0; -webkit-transition: 0.5s ease; transition: 0.5s ease }
.breadcrumb a:hover:after { width: 100%; color:#000000 }

.share { display:none }
.share1 { display: block }

@media(max-width:500px){
.share { font-size:14px; display:inline-block; color:#666 }
.share1 { display:none }
}

.container { 
	height: auto; 
} 

.sticky { 
	position: sticky; 
	top:60px; 
	color: #000;
	/*z-index:10000000 !important*/
	z-index: inherit !important
} 

@media only screen and (min-width: 1px) and (max-width: 481px){
.sticky { z-index:auto !important }
}


            @media only screen and (max-width: 767px) and (min-width: 100px){
                .college_at_a_glance {background: #32a78b; border-radius:3px !important }
                .college_at_a_glance a{color: #fff !important; border-radius:3px !important }
				.image { display:block; margin:0 0 20px 0 }
				.image_c { width:100% }
            }
            @media only screen and (min-width: 768px){
                .college_at_a_glance {background: #32a78b !important }
                .college_at_a_glance a{color: #fff !important; border-radius:3px !important}
				.image { margin:0 0 20px 20px }
				.image_c { width:80% }
            }

            
.testimonial blockquote {
  margin: 10px 10px 0;
  background: #efefef;
  padding: 20px 60px;
  position: relative;
  border: none;
  border-radius: 8px;
}

.testimonial blockquote:before,
.testimonial blockquote:after {
  content: "\201C";
  position: absolute;
  font-size: 80px;
  line-height: 1;
  color: #757f9a;
  font-style: normal;
}

.testimonial blockquote:before {
  top: 0;
  left: 10px;
}

.testimonial blockquote:after {
  content: "\201D";
  right: 10px;
  bottom: -0.5em;
}

.testimonial div {
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #efefef;
  margin: 0 0 0 60px;
}

.testimonial p {
  margin: 0 0 0 20px;
  text-align: left;
  color: #000;
}


@media only screen and (max-width: 767px) and (min-width: 100px){	
	table { font-size:13px !important; font-family:Poppins !important;}
}
@media only screen and (min-width: 768px){
	table { font-size:14px !important; font-family:Poppins !important;}
}
.card-header, .card-title { font-family:'Abel', sans-serif; text-transform:uppercase; font-weight:bold }

.viewmore a { font-style:italic; text-decoration:none; transition:500ms ease-in-out; font-size:14px !important; font-family:Poppins !important; }
.viewmore a:hover{ color:#000; letter-spacing:1px }

.link a { text-decoration:none; transition:500ms ease-in-out }
.link a:hover{ color:#000 }

.link1 a { text-decoration:none; transition:500ms ease-in-out; color:#C00; transition:300ms ease-in-out }
.link1 a:hover{ color:#000 }