.header-top p a {
    transition: 0.3s;
    margin:0!important;
    padding:0!important;
}
.header-top p:not(:last-child):after {
    content: " ";
    margin-left: 8px;
    margin-right: 8px;
    position: relative;
    right: 0;
    border-right: 2px solid #fff;
}
.header-top .dropdown:after {
    content: " ";
    margin-left: 8px;
    margin-right: 8px;
    position: relative;
    right: 0;
    border-right: 2px solid #fff;
}

.header{
    transition: all 0.3s;
    z-index: 99999999;
    display:block;
    padding:0;
}
.header .logoarea{
    position:relative;
    height:auto;
    margin:0;
    width:100%;
}
.header .logo .img img{
    height:60px;
    width:auto;
}
.header .logo p{
    height:50px;
    width:auto;
    font-size: 30px;
    letter-spacing:1px;
    padding:0;
    font-family: "Lato", sans-serif;
}
.navbar{
    padding:0;
    --bs-navbar-padding-y: 0.5rem;
}
.navbar ul{
    margin: 0;
    padding: 0;
    display:flex;
    list-style: none;
    align-items: center;
    width:100%;
}
.navbar .menu > li{
    position: relative;
    margin:0;
    padding:0;
}
.navbar .menu > li a,
.navbar .menu > li a:focus{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:10px 10px;
    margin:0 5px;
    font-family: "Lato", sans-serif;
    font-size:18px;
    white-space: nowrap;
    transition: 0.3s;
}
.navbar-mobile .menu .dropdown > li a{
    font-size:20px;
    padding:10px 20px;
}
.navbar .menu > li:hover{
    transition:ease-out 0.3s;
}
.navbar .menu > li:hover > a{
    transition:ease-out 0.3s;
}
.navbar .menu > li:hover:after{
    content: "";
    display:flex;
    width:80%;
    position: absolute;
    height:2px;
    top:0px;
    right:0px;
    left:0px;
    margin:auto;
    transition:ease-out 0.3s;
}
.navbar .menu .dropdown:hover .dropdown-link svg,.navbar .menu .dropdown:focus .dropdown-link svg,.navbar .menu .dropdown.active .dropdown-link svg{
    transition: ease-out 0.3s;
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.navbar .submenu .right:hover svg{
    transition: ease-out 0.3s;
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.navbar .submenu .left:hover svg{
    transition: ease-out 0.3s;
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.navbar a i,
.navbar a:focus i{
    font-size: 12px;
    line-height: 0;
}

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

.navbar .dropdown ul li{
    min-width:250px;
    padding:0!important;
}
.navbar .submenu li:not(:last-child):after{
    content: "";
    display:block;
    width:90%;
    position: relative;
    height:1px;
    top:0px;
    right:0px;
    left:0px;
    margin:auto;
    transition:ease-out 0.3s;
}
.navbar .dropdown ul li a{
    padding: 10px 20px;
    font-size: 15px;
    margin:0;
    font-family:"Lato",sans-serif;
    transition: 0.3s;
    text-transform: none;
}

.navbar .dropdown ul li a i {
    font-size: 12px;
}
.navbar-mobile .dropdown ul li a{
    font-size: 18px;
    padding: 10px 20px;
}

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

.navbar .dropdown ul li a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a{
    transition: 0.3s;
}
.navbar .dropdown:hover > ul{
    opacity: 1;
    top: 100%;
    visibility: visible;
}
.navbar .dropdown .dropdown ul{
    top: 0;
    left: calc(100% + 30px);
    visibility: hidden;
}
.navbar .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
}
@media (max-width: 1366px) {
    .navbar .dropdown .right ul {
        right: -90%;
    }

    .navbar .dropdown .right:hover>ul {
        right: -100%;
    }
    .navbar .dropdown .left ul {
        left: -90%;
    }

    .navbar .dropdown .left:hover>ul {
        left: -100%;
    }
}
.mobile-nav-toggle {
    font-size: 28px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}
.nodisplay-toggler{
    display: none;
}
@media (max-width: 991px) {
    .mobile-nav-toggle {
        display: block;
    }
    .nodisplay-toggler{
        display: block;
    }
    .nodisplay{
        display:none;
    }
    .navbar ul {
        display: none;
    }
    .header-top-v .nodisplay{
        display:flex;
        position:absolute;
        background:#801316;
        z-index:999999;
        top:35px;
        bottom:0;
        left:0;
        right:0;
        padding-right:8px;
        height:30px;
    }
    .header-top-v .justify-content-end{
        justify-content:left;
    }
    .owl-carousel .nav-btn{
        display:none;
    }
    .dimg{
        width:100%;
        height:100%;
    }
}
.navbar-mobile{
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    width:100%;
    height:100%;
    left: 0;
    bottom: 0;
    padding:0;
    display: block;
    transition: 0.3s;
}
/*.navbar-mobile .logoarea{*/
    
/*}*/
.navbar-mobile > .logoarea{
    position: fixed;
    z-index:9999999999;
    top:0;
    right:0;
    height:65px;
    left:0;
    bottom:0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.navbar-mobile ul{
    display: block;
    position: absolute;
    top:65px;
    right:0;
    bottom:0;
    left:0;
    padding:10px 10px;
    border-radius:0px;
    overflow-y: auto;
    transition: 0.3s;
    margin:0;
}
.navbar-mobile .menu li a{
    font-size:20px;
}
.navbar-mobile .menu li{
    margin:10px 0px;
    border-radius:5px;
}
.navbar-mobile .menu > li:hover:after{
    height:0px;
}
.navbar-mobile .menu > li:hover{
    transition: 0.3s;    
}
.navbar-mobile .menu > li:hover a{
    font-size:20px;
    transition: 0.3s;
}
.navbar-mobile .menu .dropdown:hover .dropdown-link svg,.navbar .menu .dropdown:focus .dropdown-link svg,.navbar .menu .dropdown.active .dropdown-link svg{
    transition: ease-out 0.3s;
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.navbar-mobile .submenu .right:hover svg{
    transition: ease-out 0.3s;
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.navbar-mobile .submenu .left:hover svg{
    transition: ease-out 0.3s;
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.navbar-mobile .menu .dropdown .submenu{
    position: static;
    display:none;
    padding:0 10px!important;
    z-index: 99;
    opacity: 1;
    visibility: visible;
    border-radius:0 0 5px 5px;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
.navbar-mobile .menu .dropdown .submenu{
    min-width: 200px;
}
.navbar-mobile .menu .dropdown .submenu li:not(:last-child):after{
    height:0;
}
.navbar-mobile .menu .dropdown .submenu li{
    padding: 10px 20px;
    border-radius:5px;
}
.navbar-mobile .menu .dropdown .submenu li a{
    font-size:18px;
    border-radius:5px;
}
.navbar-mobile .menu .dropdown .submenu li:hover a,.navbar-mobile .menu .dropdown-active .submenu li a{
    font-size:18px;
}
.navbar-mobile .menu .dropdown .submenu .submenu li{
    padding: 10px 20px;
    border-radius:5px;
}
.navbar-mobile .menu .dropdown .submenu .submenu li a{
    font-size:18px;
    background:transparent;
}
.navbar-mobile .menu .dropdown .submenu .submenu li:hover a{
    font-size:18px;
    background:transparent;
}
.navbar-mobile .menu .dropdown > .dropdown-active {
    display: block;
}

.section-view-all{
    font-size:17px;
    margin:auto 0;
}
.section-title{
    font-size:25px;
    padding-left:10px;
    margin:0;
    border-left:3px solid;
    border-image: linear-gradient(#b11b20,#b11b20) 1 100%;
}
.dept-title{
    font-size:20px;
}
.news-title{
    font-size:18px;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-content{
    font-size:16px;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-msg{
    text-align:justify;
    font-size:17px;
    font-weight:normal;
    font-family:'Lato',sans-serif!important;
}
.news-spam{
    font-size:14px;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.dept-content{
    font-size:17px;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.announcement-text{
    font-size:17px;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media(min-width:992px){
    .gallery-img img{
        height:221px;
    }
    .vid{
        height:450px!important;
    }
}
.light-style .menu .app-brand.demo {
    height: 64px;
}
.section-view-all{
    font-size:17px;
    margin:auto 0;
}
.section-title{
    font-size:25px;
    padding-left:10px;
    margin:0;
    border-left:3px solid;
    border-image: linear-gradient(#b11b20,#b11b20) 1 100%;
}
.dept-title{
    font-size:20px;
}
.news-title{
    font-size:18px;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-content{
    font-size:16px;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-msg{
    line-height:30px;
    text-indent:.7cm;
    text-align:justify;
    font-size:17px;
    font-weight:normal;
    font-family:'Lato',sans-serif!important;
}
.news-spam{
    font-size:14px;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.dept-content{
    font-size:17px;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.announcement-text{
    font-size:17px;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media(min-width:992px){
    .gallery-img img{
        height:147px!important;
    }
    .vid{
        height:450px!important;
    }
}
*::-webkit-scrollbar {
    width: 0;
    height: 0;
    border: 1px solid #d5d5d5;
}

*::-webkit-scrollbar-track {
    border-radius: 5;
    background: #eeeeee;
}

*::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #466393;
}

* {
    font-family: "Lato", sans-serif!important;
}
.special-links .card-img-overlay:hover{
    background:rgba(7, 41, 77, 0);
}
.special-links .card-img-overlay{
    background:rgba(7, 41, 77, 0.6);
}
.special-links .card-img-overlay .card-title{
    color:#fff;
    display:block;
    font-size:30px;
}
.special-links .card-img-overlay:hover .card-title,.card-img-overlay:focus .card-title{
    background:rgba(7, 41, 77, 0.6);
    padding:5px 15px;
    border-radius:5px;
}
.gallery-img .card-img-overlay:hover{
    background:rgba(0,0,0,0.5);
}
.gallery-img .card-img-overlay .card-title{
    opacity:0;
}
.gallery-img .card-img-overlay:hover .card-title{
    opacity:1;
}
logo-slider{
  --image-size: 100px;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
}
logo-slider:hover div {
  animation-play-state: paused;
}
logo-slider div {
  display: flex;
  position: relative;
  animation: marquee 30s linear infinite;
  justify-content: space-around;
}
logo-slider img {
  display: block;
  min-width: var(--image-size);
  height: var(--image-size);
  margin: 0 15px;
}
@media (max-width: 900px) {
  logo-slider {
    --image-size: 50px;
    --image-size: min(max(50px, 10vw), 100px);
  }
}
@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.dimg{
    float: left;
    margin:0px 20px 15px 0;
    height:350px;
    width:350px!important;
}

@media (max-width:600px){
    .dimg{
        float:none;
        width:100%!important;
        margin:none!important;
    }
}
.sidebar{
    margin: 0;
    padding: 0;
    list-style: none;
    align-items: center;
    width:100%;
}
.sidebar li{
    position: relative;
    margin:0;
    padding:0;
    cursor:pointer;
}
.sidebar li a.active{
    font-weight:bold;
    color:#b11b20!important;
}
.sidebar li a{
    display:flex;
    align-items: center;
    transition:.3s;
    justify-content: space-between;
    padding:10px 10px;
    font-family: "Lato", sans-serif;
    font-size:17px;
    white-space: nowrap;
    transition: 0.3s;
}
.sidebar li a i{
    color:#b11b20!important;
    transition:.3s;
}
.sidebar li:hover a{
    transition:.3s;
    color:#b11b20!important;
}
.sidebar li:hover a i{
    transition:.3s;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sidebar li:after{
    content: "";
    display:block;
    width:100%;
    position: relative;
    height:1px;
    top:0px;
    right:0px;
    left:0px;
    margin:auto;
    background:rgba(0,0,0,0.2);
    transition:ease-out 0.3s;
}
.dimg-left{
    float: left;
    margin:0px 15px 15px 0px;
    height:auto;
    width:350px!important;
}
.dimg-right{
    float:right;
    margin:0px 0px 15px 15px;
    height:auto;
    width:350px!important;
}

@media (max-width:600px){
    .dimg-left,.dimg-right{
        margin:15px 0!important;
        float:none;
        width:100%!important;
        margin:none!important;
    }
}
.read-more{
    display:none;
}
.read-more .d-block{
    display:block;
}
.counter-wrapper {
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2i946A0tJ76L1TTtc0JekHqWuEJV4j-S9kboxZcAGIkPf4lT1RTzCWioAOSGVL6RFHC4TY5aDsO5anO9K191R9cs3-O9hhnng7KRtceKwEIdDK1FDYuPhZbk287_WaFuS3x0Su6e5Y3njDKLT7VUC2DG1nnfoRG-EpyjnVR9smYa_RBQnhTlQHl1f-Q/s1600/IMG-20220701-WA0003.jpg')center center no-repeat;
    background-position: center 0;
    background-size:cover;
    height: 100%;
    width:100%;
    padding-top:150px;
    padding-bottom:150px;
    position:relative;
    background-attachment:fixed;
}
.counter-img-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
}
.counter-col {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.icon img {
    width: 100px;
    position: relative;
}
.count-description {
    width: calc(100% - 50px);
    padding-left: 20px;
}
.timer {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    position: relative;
}
.con1 {
    font-size: 15px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.74);
    padding-top: 10px;
    position: relative;
}
.icon1 a {
    background: #3b5997;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.icon2 a {
    background: #55acee;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.icon3 a {
    background: #d13d2f;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.icon4 a {
    background: #006dc0;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.tp-caption {
    font-family: 'Lato', sans-serif !important;
}
.menu-bar {
    position: relative;
}

.dark-style .menu .app-brand.demo {
    height: 64px;
}
.app-brand-logo.demo {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    width: 34px;
    height: 24px;
}
.app-brand-logo.demo svg {
    width: 35px;
    height: 24px;
}

.app-brand-text.demo {
    font-size: 1.375rem;
}


/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
    padding-top: 64px !important;
}

.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
    padding-top: 78px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
    z-index: auto;
}

/*
* Content
******************************************************************************/
.demo-blocks>* {
    display: block !important;
}

.demo-inline-spacing>* {
    margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing>* {
    margin-top: 1rem !important;
    margin-bottom: 0 !important;
}

.demo-vertical-spacing.demo-only-element> :first-child {
    margin-top: 0 !important;
}

.demo-vertical-spacing-lg>* {
    margin-top: 1.875rem !important;
    margin-bottom: 0 !important;
}

.demo-vertical-spacing-lg.demo-only-element> :first-child {
    margin-top: 0 !important;
}

.demo-vertical-spacing-xl>* {
    margin-top: 5rem !important;
    margin-bottom: 0 !important;
}

.demo-vertical-spacing-xl.demo-only-element> :first-child {
    margin-top: 0 !important;
}

.rtl-only {
    display: none !important;
    text-align: left !important;
    direction: ltr !important;
}

[dir='rtl'] .rtl-only {
    display: block !important;
}

.owl-carousel .nav-btn{
    height: 47px;
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 100px !important;
}
.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled{
    pointer-events: none;
    opacity: 0.2;
}

.owl-carousel .prev-slide{
    background: url(https://freakyjolly.com/demo/jquery/OwlCarousel2/nav-icon.png) no-repeat scroll 0 0;
    left: -33px;
}
.owl-carousel .next-slide{
    background: url(https://freakyjolly.com/demo/jquery/OwlCarousel2/nav-icon.png) no-repeat scroll -24px 0px;
    right: -33px;
}
.layout-demo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1rem;
}

.layout-demo-placeholder img {
    width: 900px;
}

.layout-demo-info {
    text-align: center;
    margin-top: 1rem;
}