/* schools */

body {
    position: relative;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;

   
   
}
html, body {width: auto!important; overflow-x: hidden!important}  

html {
    box-sizing: border-box !important;
}
#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #00144d;
    color: white;
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 4px;
}
#myBtn:hover {
    background-color: #555;
}
#myBtn i.fa {
    padding: 0px !important;
}
.school-banner {
    background: url(../images/University/_8109343.jpg);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-blend-mode: multiply !important;
    background-position: bottom !important;
    background-attachment: fixed !important;
    position: relative !important;
}
.package-col {
    margin-top: 300px !important;
    border-left: 4px solid #ffcc29;
}
.school-banner2 {
    height: 700px;
}
.school-banner2 img {
    width: 100%;
    height: 700px;

    object-fit: cover;
}
.school-banner-overlay {
    background: linear-gradient(359deg, rgba(24, 24, 24, 0.8) 34.77%, rgba(255, 255, 255, 0) 115.98%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.highlight-card {
    padding: 10px;
    margin: 20px 0px;
    display: flex;
    background-color: #ffcc29;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 150px;
    max-height: 150px;
    min-height: 150px;
    box-shadow:
        rgb(255 255 255 / 10%) 0px 1px 1px 0px inset,
        rgb(50 50 93 / 25%) 0px 50px 100px -20px,
        rgb(0 0 0 / 30%) 0px 30px 60px -30px;
}
.highlight-card::before {
    content: "";
    width: 100%;
    height: 10%;
    left: 0;
    right: 0;
    position: absolute;
    background-color: #fff;
    z-index: -1;
}
.highlight-card:hover {
    box-shadow:
        rgba(0, 0, 0, 0.25) 0px 54px 55px,
        rgba(0, 0, 0, 0.12) 0px -12px 30px,
        rgba(0, 0, 0, 0.12) 0px 4px 6px,
        rgba(0, 0, 0, 0.17) 0px 12px 13px,
        rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.highlight-course {
    z-index: 2;
    position: relative;
    text-align: center;

    top: 50px;
}
.about-course {
    background: url(../images/University/_8109348.jpg);
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
}
.statutory-card {
    height: 100px;
    min-height: 100px;
    max-height: 100px;

    width: 100px;
    background-color: #fff;

    padding: 10px;
}
.statutory-img img {
    min-height: 80px;
    max-height: 80px;
    object-fit: cover;
    width: 80px !important;
}
/* collaborations */
.collab-img {
    padding: 10px !important;
    border-radius: 7px;
    background-color: #fff;
    width: 120px;
    height: 120px !important;
    min-height: 120px !important;

    max-height: 120px !important;
}
.collab-img img {
    width: 100px;

    min-height: 100px !important;
    object-fit: cover;
    max-height: 100px !important;
}
/* collaborations end */
/* how to apply */
.how_to_apply {
    display: flex !important;
    flex-direction: column !important;
    border: 0 !important;
    align-items: center !important;
}
.nav-tabs .nav-item .how_to_apply:hover {
    border: none !important;
}
.nav-link.active.how_to_apply i.fa.fa-check {
    color: #fff !important;
}
.nav-link.active.how_to_apply {
    border: none !important;
}
.nav-link.how_to_apply .how_apply_icon:hover {
    background-color: var(--darkgreen);
}
.nav-link.how_to_apply .how_apply_icon:hover i.fa.fa-check {
    color: #fff !important;
}
.nav-link.active.how_to_apply .how_apply_icon {
    background-color: var(--darkgreen);
}
.nav-link.how_to_apply:hover {
    border: none !important;
}

.nav-link.active.how_to_apply {
    border-bottom: 3px solid #00144d !important;
}
.steps {
    margin: 10px 0px 0px 0px;
}
.how_apply_icon {
    height: 50px;
    width: 50px;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #292828;
}
.how_apply_icon i.fa.fa-check {
    font-size: 20px;
    color: #202020;
    object-fit: cover;
    padding: 10px;
    margin: 14px 14px;
}
.h-apply-content {
    background-color: var(--darkgreen) !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 30px;
    border-top: none !important;
}
.pagenation-button {
    display: flex;
    padding: 10px 0px;
    justify-content: end;
}
.pagenation-button button {
    border: none !important;
    width: 80px;
    height: 40px;
    border-radius: 7px;
    background-color: var(--yellow);
    color: var(--darkgreen);
    transition: all 0.5s;
}
.pagenation-button button:hover {
    background-color: var(--grey);
}
.pagenation-button-next {
    display: flex;
    margin-left: auto;
}
.pagenation-button-back {
    display: flex;
    margin-right: auto;
}
/* how to apply end */
/* testimonial */
.testimonial-logo-1 {
    text-align: center;
    font-size: 70px;
    color: #00144d;
    position: relative;
}
.testimonial-logo-2 {
    text-align: center;
    font-size: 70px;

    color: #ffcc29;
}
.testimonial-img {
    height: 200px;
    min-height: 200px;
    max-height: 200px;
    width: 200px;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
}
.testimonial-absolute-name {
    position: relative;
}
.testimonial-name {
    position: absolute;
    border-top-right-radius: 22px;
    background-color: var(--yellow);
    bottom: -3%;

    display: inline-block !important;
    border-bottom-left-radius: 22px;
    left: 50%;
    right: 0;
    min-width: 10%;
    max-width: 20%;

    padding: 10px;
}

.testimonial-name p {
    margin: 0px 0px 0px !important;
    text-align: center !important;
}
.testimonial-img img {
    border-radius: 50%;
    min-height: 200px;
    object-position: top;
    max-height: 200px;
    width: 200px !important;
    transition: all 0.4s;
    object-fit: cover;
    object-position: top;
}

.testimonial-img:hover.testimonial-img img {
    transform: scale(1.1);
}
.testimonial-display {
    height: 400px;
    min-height: 300px;
    max-height: 400px;
    border-radius: 10px;
    overflow-y: auto !important ;
    background: #fff;
}
.testimonial-display::-webkit-scrollbar {
    width: 6px;
}
.testimonial-display::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(207, 206, 206);
    border-radius: 10px;
    background: #07294d !important;

    max-height: 100px !important;
}
/* Handle */
.testimonial-display::-webkit-scrollbar-thumb {
    background: #fff !important;
    border-radius: 10px;
    transition: all 0.5s;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

/* testimonial end  */
/* progams */
.p-a.active {
    background-color: #00144d !important;
    color: #fff !important;
}
.p-m-w {
    width: 100%;
    justify-content: start;
}
h4.p-h {
    position: relative;
}
.highlightRnkings h4.p-h::after {
    content: "";
    width: 68%;
    height: 20%;
    position: absolute;
    background: linear-gradient(to right, #ffcc29, rgba(255, 0, 0, 0));
    left: 34%;
    bottom: -6px;
    /* z-index: -1; */
    transform: skew(247deg) translateX(-50%);
    /* background: rgba(238,111,87,0.5); */
}
button.program-main.active {
    background: none !important;
}
button.program-main.active .program-main-link {
    background-color: #00144d;
}
button.program-main.active .program-main-link i {
    color: #fff !important;
}
button.program-main.active .program-main-link h5 {
    color: #fff !important;
}
.program-main-link:hover {
    background-color: #00144d !important;
}
.program-main-link:hover.program-main-link i {
    color: #fff !important;
}
.program-main-link h5 {
    text-align: start !important;
}
.p-m-w {
    width: 100% !important;
}
.program-main-link:hover.program-main-link h5 {
    color: #fff !important;
}
.program-main-link {
    background-color: #fff;
    color: #111 !important;
    transition: all 0.5s;
}
.program-main-link i {
    color: #111 !important;
}
.program-main-link h5 {
    color: #111 !important;
}
/* program-highlight start */
.program-highlights {
    height: 100%;
    text-align: center;
    display: flex;
    margin: 10px 0px;
    padding: 20px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all 0.9s;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.program-highlights:hover {
    background-color: var(--yellow);
}
.program-highlights:hover.program-highlights p {
    color: #fff !important;
}
.program-highlights-icon {
    height: 40px;
    width: 40px;
    text-align: center;
    margin-bottom: 5%;
}
.program-highlights-icon i {
    font-size: 30px !important;
    color: #000;
    padding: 0 !important;
    text-align: center;
}
/* program-highlight end */
/* programs end */
/* student-forum */
.mentor-display {
    padding: 20px !important;
    margin: 10px !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    position: relative !important;
    z-index: 4 !important;
}
.mentor-display::before {
    content: "";
    position: absolute;
    width: 20%;
    height: 30%;
    top: 0;

    z-index: 0;
    left: 0;
    background-color: var(--yellow);
    right: 0;
}
.mentor-display::after {
    content: "";
    position: absolute;
    width: 20%;
    height: 2%;

    bottom: 0;
    z-index: 0;

    background-color: var(--yellow);
    right: 0;
}
.mentor-img {
    height: 150px !important;
    min-height: 150px;
    max-height: 150px;
    width: 150px !important;
    margin-bottom: 10px;
    border-radius: 50%;

    overflow: hidden;
}

.mentor-img img {
    min-height: 150px;
    max-height: 150px;
    border-radius: 50%;
    width: 150px !important;
    transition: all 0.8s;
    object-fit: cover;
    object-position: top;
}
.mentor-img:hover.mentor-img img {
    transform: scale(1.1);
}
.mentor-detail {
    position: relative;
    z-index: 4;
}
.mentor-message {
    padding: 20px;

    flex-direction: column;
    background-color: #ffffff14;

    position: relative;
    min-height: 350px !important;
    max-height: 350px !important;
    overflow-y: auto !important;
    z-index: 4;
    border: var(--yellow);
}
.mentor-message::-webkit-scrollbar {
    width: 4px;
}
.mentor-message::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(207, 206, 206);
    border-radius: 10px;
    background: #fff !important;

    max-height: 100px !important;
}
/* Handle */
.mentor-message::-webkit-scrollbar-thumb {
    background: #07294d !important;

    border-radius: 10px;
    transition: all 0.5s;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

/* student-forum end */
/* recent-activity   */
.recenthappening {
    background: url("../../images/recent-activity/recent-bg.jpg"), #07294d;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    background-position: center;
    height: auto;
    position: relative;
}
.recenthappening::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #07294de0;
}
.recent-text {
    display: flex;

    flex-direction: column;
    background-color: #ffffff14;

    min-height: 300px !important;
    max-height: 300px !important;
    padding-bottom: 15px;
    overflow-y: auto !important;
}
.recent-text::-webkit-scrollbar {
    width: 6px;
}
.recent-text::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(207, 206, 206);
    border-radius: 10px;
    background: #07294d !important;

    max-height: 100px !important;
}
/* Handle */
.recent-text::-webkit-scrollbar-thumb {
    background: #fff !important;
    border-radius: 10px;
    transition: all 0.5s;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

button#button-lab {
    border: 0 !important;
    color: #fff;
    background-color: #07294d;
    transition: all 0.5s;
    width: 30%;
    border-radius: 7px;
    padding: 5px 5px;
    font-weight: 600;
  
}
button#button-lab:hover {
    background-color: #e60023;
}
.recent-icon {
    background-color: #fff;
}
.recent-icon i.fa {
    font-size: 40px;
    color: #111;
    padding: 10px 0px;
}
.recent-img {
    overflow: hidden;
}
.recent-img img {
    width: 100% !important;
    height: 300px !important;
    object-fit: cover;
    max-height: 300px !important;
    min-height: 300px !important;

    transition: all 0.8s;
}
.recent-img:hover.recent-img img {
    transform: scale(1.1);
}
/* .tie-ups */

.tie-ups-images {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    padding: 0px 10px;
    overflow: hidden;
    background-color: #fff;
    padding: 10px;
}
.tie-ups-images img {
    object-fit: contain !important;
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    width: 100%;
}
.tie-ups-images:hover.tie-ups-images img {
    transform: scale(1.1);
}
.tie-ups-border {
    border-bottom: 4px solid #00144d;
    border-left: 4px solid #00144d;
    border-right: 4px solid #00144d;
}
.tie-ups-icon {
    position: relative;
    top: 42px;
    text-align: center;
    height: 27%;
    display: block;
}
.tie-ups-icon i.fa-solid.fa-handshake {
    background-color: #fff;
    font-size: 100px;
    color: #00144d;
    display: inline;
}
/* tie-ups end  */
/* faq */
.faq-bg {
    background: url("../../images/faq/faq-bg.jpg"), #00144d;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: top;
}
.faq-bg::before {
    content: "";
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: #00144dbf;
}

.faq {
    box-sizing: border-box;
    background: transparent;
    padding: 30px 20px;
    position: relative;
    overflow: hidden;
}

.faq:not(:first-child) {
    border-top: 1px solid #e6e6e6;
}

.faq-title {
    margin: 0 35px 0 0;
}

.faq-text {
    margin: 16px 0 0;
    display: none;
    line-height: 1.5rem;
}

.faq.active {
    background-color: #f8f8f82c;
    box-shadow: inset 4px 0px 0px 0px var(--darkgreen);
    padding: none;
}

.faq.active .faq-title {
    color: var(--white);
}

.faq.active .faq-text {
    display: block;
}

.faq-toggle {
    background-color: transparent;
    border: 1px solid #e6e6e6;
    color: inherit;
    border-radius: 50%;
    cursor: pointer;
    display: flex;

    font-size: 15px;

    position: absolute;

    top: 30px;
    right: 30px;
    height: 30px;
    width: 30px;
    transition: 0.3s ease;
}
.faq-toggle i {
    display: inline;
    margin: auto auto;
    font-size: 15px;
    padding: 0 !important;
}

.faq-toggle:focus {
    outline: none;
}
.faq.active .faq-toggle {
    transform: rotate(180deg);
    background-color: var(--yellow);
    border-color: var(--yellow);
    color: #fff;
}
.faq-toggle .fas.fa-angle-down {
    color: #fff;
    padding-left: 2px;
}
/* faq end  */
/* schools ends  */
/* course-2 */
.school-banner2 {
    height: auto;
    width: 100%;
}
.school-banner2 img {
    height: 700px;
    width: 100%;
    object-fit: cover;
}
.about-course2 {
    background: url(../../images/University/CTU20.jpg);
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
}
/* home  */
.videobanner {
    position: relative;
    text-align: center !important;
    height: 600px;
}
.videobanner2 {
    position: relative;
    text-align: center !important;
    height: 600px;
}
.videobanner::before {
    content: "";
    position: absolute;
    background: linear-gradient(to top, rgb(0 0 0 / 52%), rgb(0 0 0 / 57%) 100%);
    height: 100%;
    width: 100%;
    top: 0 !important;
    right: 0 !important;
}
.video-banner-content {
    position: absolute;

    width: 100%;
    padding: 30px;
    top: 10%;

    left: 0;
    right: 0;
}

.messages-wrap {
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.message {
    display: none;
}
.message:first-child {
    display: inline-block;
}

.animated.message {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.message h6 {
    display: inline !important;
}
.message h6::before {
    content: "";
    position: absolute;
    width: 60%;
    height: 2px;
    bottom: -3px;
    left: 20%;
    display: inline;
    right: 20%;
    opacity: 1;
    background: #fff;
    transform: scaleX(0);
    animation-name: underline;
    animation-iteration-count: infinite;
    animation-duration: 6s;
}

@keyframes underline {
    0% {
        transform: scaleX(0%);
    }
    100% {
        transform: scaleX(100%);
    }
}

/* .rotating-text-wrapper {
    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 13vh;
  
  }
  .rotating-text-wrapper h2 {
    
    text-shadow: -1px 3px 16px rgba(0,0,0,0.6)  !important ;


   
    animation-iteration-count: infinite;
    animation-name: rotating-text-1;
    padding:  10px 20px;
    opacity: 0;
    position: relative;
  
  }
  
  .rotating-text-wrapper h2::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -5px;
    left: 0;
    right: 0;
    opacity: 1;
    background: #fff;
    transform: scaleX(0);
    animation-name: underline;
    animation-iteration-count: infinite;
    animation-duration: 2s;
  }
 
  @keyframes underline{
    0%{
        transform: scaleX(0%);
    }
    100%{
        transform: scaleX(100%);
    }


  }


  @keyframes rotating-text-1 {
    0% {
      transform: translateY(200%);
      opacity: 0;
    }
    50% {
      transform: translateY(100%);
    
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  } */

.homearrow-down {
    position: absolute;
    bottom: 20%;
    left: 0;
    right: 0;
    animation: mymove 2s infinite;
}

@keyframes mymove {
    from {
        top: 80%;
        display: block;
    }
    to {
        bottom: 5%;
        display: none;
    }
}
#background-video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
/* aboutus  */
.about-us {
    background: url("../../images/about-us/about-us-bg-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
    position: relative;
}
section.about-us::before {
    content: "";
    position: absolute;
    width: 50%;
    background-color:#002561b8;
    top: 0;

    right: 0;
    height: 100%;
}
section.about-us::after {
    content: "";
    position: absolute;
    width: 100%;
    background-color: transparent;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
}
.hover-bg {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    padding: 20px 5px;
    text-align: start;
    transition: all 0.5s;
    margin: 10px 0px;
    border-radius: 8px;
}
.hover-bg:hover {
    background-color: var(--yellow);
    transform: scale(1.1);
}
.hover-bg:hover.hover-bg a {
    color: #111 !important;
}
/* about us end  */
/* home-highlights  */
.home-highlights-ul {
    display: flex;
    justify-content: center;
}
.home-highlights-ul li {
    list-style: none;
    padding: 0px 25px;
}
.home-highlights-ul li a h3 {
    text-align: center !important;
}
.home-li-applynow {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: 5px solid #eaeaea;
    margin: 10px auto 15px auto;
    text-align: center;
    transition: all 0.2s;
}
.home-li-applynow i {
    object-fit: cover;
    padding: 0px !important;
    color: var(--darkgreen);
    font-size: 48px;
    line-height: 90px;
}
.home-li-applynow:hover {
    transform: scale(1.2);
    border: 5px solid var(--darkgreen);
}
.home-li-schools {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: 5px solid #eaeaea;
    margin: 10px auto 15px auto;
    text-align: center;
    transition: all 0.2s;
    display: table;
}
.home-li-schools i {
    padding: 0px !important;
    color: #f5c221;
    object-fit: cover;
    font-size: 48px;
    line-height: 90px;
}
.home-li-schools:hover {
    transform: scale(1.2);
    border: 5px solid #f5c221;
}

.home-li-scholarship {
    height: 100px;
    border-radius: 50%;
    width: 100px;
    border: 5px solid #eaeaea;
    margin: 10px auto 15px auto;
    text-align: center;
    transition: all 0.2s;
}
.home-li-scholarship i {
    padding: 0px !important;
    color: var(--purple);
    object-fit: cover;
    font-size: 48px;
    line-height: 90px;
}
.home-li-scholarship:hover {
    transform: scale(1.2);
    border: 5px solid var(--purple);
}

.home-li-placements {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: 5px solid #eaeaea;
    margin: 10px auto 15px auto;
    text-align: center;
    transition: all 0.2s;
}
.home-li-placements i {
    padding: 0px !important;
    color: #e33d21;
    object-fit: cover;
    font-size: 48px;
    line-height: 90px;
}
.home-li-placements:hover {
    transform: scale(1.2);
    border: 5px solid #e33d21;
}

.home-li-contact-us {
    height: 100px;
    border-radius: 50%;
    width: 100px;
    border: 5px solid #eaeaea;
    margin: 10px auto 15px auto;
    text-align: center;
    transition: all 0.2s;
}
.home-li-contact-us i {
    padding: 0px !important;
    color: var(--darkgreen);
    object-fit: cover;
    font-size: 48px;
    line-height: 90px;
}
.home-li-contact-us:hover {
    transform: scale(1.2);
    border: 5px solid var(--darkgreen);
}

.home-li-programs {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: 5px solid #eaeaea;
    margin: 10px auto 15px auto;
    text-align: center;
    transition: all 0.2s;
}
.home-li-programs i {
    padding: 0px !important;
    color: #4aa31d;
    object-fit: cover;
    font-size: 48px;
    line-height: 90px;
}
.home-li-programs:hover {
    transform: scale(1.2);
    border: 5px solid #4aa31d;
}

/* home-highlights  end */
/* notice */
.notice-card {
    height: 250px;
    max-height: 250px;
    min-height: 250px;
    border-radius: 8px;
    background-color: #fff;

    position: relative;
}

#notices.owl-carousel {
    position: relative !important;
    padding: 30px;
}

#notices.owl-carousel .owl-nav button.owl-next {
    right: -2%;
    position: absolute;
    top: 50%;
    width: 30px !important;
    background: #ccc;
    height: 30px !important;
    border-radius: 50%;
    vertical-align: center;
}

#notices.owl-carousel .owl-nav button.owl-next span {
    font-size: 20px;
    color: var(--darkgreen);
}
#notices.owl-carousel .owl-nav button.owl-prev {
    left: -2%;
    position: absolute;
    top: 50%;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
    background: #ccc;
    vertical-align: center;
}

#notices.owl-carousel .owl-nav button.owl-prev span {
    font-size: 20px;

    color: var(--darkgreen);
}

.notice-card::before {
    background-color: var(--yellow);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 40%;
    z-index: 0;
    height: 5px;
}

.notice-card::after {
    background-color: var(--darkgreen);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    z-index: 0;
    height: 2px;
}
.notice-info {
    min-height: 100px;
    max-height: 100px;

    margin: 10px 20px;
}

.notice-text {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    min-height: 200px;

    max-height: 200px !important;
    overflow-y: auto !important;
}
.notice-text::-webkit-scrollbar {
    width: 4px;
}
.notice-text::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(207, 206, 206);
    border-radius: 10px;

    background: #fff !important;
    max-height: 100px !important;
}
/* Handle */
.notice-text::-webkit-scrollbar-thumb {
    position: relative;
    background: #cedaf8 !important;

    border-radius: 10px;
    transition: all 0.5s;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.notice-heading {
    background-color: var(--yellow);
    padding: 15px 10px;
}
.notice-heading h3 {
    margin-bottom: 0 !important;
}

.notice-date {
    display: inline-block;
    text-align: center !important;
    height: 50px;
    background-color: var(--darkgreen);

    padding: 10px;
}

/* notice end */
/* placements section  */

.placement-content-box {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0 auto 10px;
}
.placement-content-box::before {
    content: "";
    position: absolute;
    width: 6%;
    height: 2px;
    background-color: #999;
    left: 0;
    top: 0;
}
.placement-content-box::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 25%;
    background-color: #999;
    left: 0;
    top: 0;
}
.placement-content-box .placement-content {
    padding: 10px 0px;
}
.placement-icon-box {
    font-size: 40px;
    width: 50px;
    text-align: center;
    height: 50px;
}
.placement-icon-box i {
    transition: all 0.6s;
    color: var(--darkgreen);
    padding: 0 !important;
}
.placement-icon-box i:hover {
    color: var(--yellow);
    transform: scale(1.1);
}
.placement-img {
    height: 300px;
    min-height: 300px;
    max-height: 300px;
    overflow: hidden;
}
.placement-img img {
    height: 300px;
    object-position: top !important;
    min-height: 300px;
    max-height: 300px;
    width: 100%;
    object-fit: cover;

    transition: all 0.6s;
}
.placement-img img:hover {
    transform: scale(1.2);
}
.placement-detail-yellow-arrow-left {
    background: var(--lightyellow);
    display: flex;
    height: 300px;
    min-height: 300px;
    max-height: 300px;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.placement-detail-yellow-arrow-left::before {
    content: "";
    position: absolute;
    top: calc(50% - 16px);
    left: -16px;
    border-color: transparent var(--lightyellow);
    border-style: solid;
    border-width: 16px 16px 16px 0px;
    height: 0px;
    width: 0px;
    z-index: 4;
}
.placement-detail-white-arrow-left {
    background: var(--white);
    display: flex;
    height: 300px;
    min-height: 300px;
    max-height: 300px;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.placement-detail-white-arrow-left::before {
    content: "";
    position: absolute;
    top: calc(50% - 16px);
    left: -16px;
    border-color: transparent #fff;
    border-style: solid;
    border-width: 16px 16px 16px 0px;
    height: 0px;
    width: 0px;
    z-index: 4;
}
.placement-detail-yellow-arrow-right {
    background-color: var(--lightyellow);
    display: flex;
    height: 300px;
    min-height: 300px;
    max-height: 300px;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.placement-detail-yellow-arrow-right::before {
    content: "";
    position: absolute;
    top: calc(50% - 16px);
    right: -15px;
    left: auto;
    border-color: transparent var(--lightyellow);
    border-style: solid;
    border-width: 16px 0px 16px 16px;
    height: 0px;
    width: 0px;
    z-index: 4;
}
.placement-detail-white-arrow-right {
    background-color: var(--white);
    display: flex;
    height: 300px;
    min-height: 300px;
    max-height: 300px;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.placement-detail-white-arrow-right::before {
    content: "";
    position: absolute;
    left: auto;
    top: calc(50% - 16px);
    right: -15px;
    border-color: transparent #fefefe;
    border-style: solid;
    border-width: 16px 0px 16px 16px;
    height: 0px;
    width: 0px;
    z-index: 4;
}
.placement-compony {
    display: flex;
    justify-content: center;
    align-items: center;
}
.placement-compony img {
    width: 100px ;
    object-fit: contain;
    height: 100px ;
    min-height: 100px;
    max-height: 100px;
}
.placement-detail {
    padding: 10px 5px;
}
.placement-detail p {
    text-align: center !important;
    display: -webkit-box !important;

    -webkit-line-clamp: 3 !important;

    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.placement-detail h3 {
    text-align: center !important;
    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
/* placements section  end */
/* news and achievements */

#achievement.owl-carousel.owl-loaded.owl-drag {
    position: relative !important;
}
#achievement.owl-carousel.owl-loaded.owl-drag:hover .owl-nav button.owl-next {
    right: 2% !important;
    background: #ccc;
}
#achievement.owl-carousel.owl-loaded.owl-drag:hover .owl-nav button.owl-prev {
    left: 2% !important;
    background: #ccc;
}
/* #topfaculty.owl-carousel .owl-nav{
    position: absolute;
    right: 0;
    text-align: center;
    width: 16%;
    bottom:20%;
} */

#achievement.owl-carousel .owl-nav button.owl-next {
    margin: 0px 5px;
    position: absolute;
    right: 0%;
    transition: all 0.6s !important;
    text-align: center;
    width: 32px;
    bottom: 46%;
    height: 32px;

    background: #8f8f8f38;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50%;
}

#achievement.owl-carousel .owl-nav button.owl-next span {
    font-weight: 600;
    height: 66px;
    font-size: 36px;
    color: #fff;
}
#achievement.owl-carousel .owl-nav button.owl-prev {
    margin: 0px 5px;
    position: absolute;
    left: 0%;
    text-align: center;
    transition: all 0.6s !important;
    width: 32px;
    bottom: 46%;
    height: 32px;
    border-radius: 50%;
    background: #8f8f8f38;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#achievement.owl-carousel .owl-nav button.owl-prev span {
    font-weight: 600;
    height: 66px;
    font-size: 36px;
    color: #fff;
}

.achievements-col {
    /* background: url("../../images/achievements/achievement-bg.jpg"), #306c79cc; */
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    background-position: center;
    position: relative;
    height: auto;
    display: flex !important;
    flex-direction: column !important;
    justify-content: start !important;
}
.achievements-col::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #1b549c4d;
    /* #306c79cc  */
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.achievement-icon {
    height: 120px;
    min-height: 120px;
    max-height: 120px;
}
.achievement-icon img {
    height: 100px;
    min-height: 100px;
    max-height: 100px;
    width: 100px !important;
    object-fit: cover;
    animation: achievement 2s infinite;
    animation-timing-function: linear;
}
@keyframes achievement {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.1, 1.1);
    }
    100% {
        transform: scale(1, 1);
    }
}

.achimg {
    position: absolute;
    right: 0%;
    height: 50%;
    border: 5px solid #ccc;
    width: 28%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    top: 4%;
}
.achimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.readachbtn {
    position: absolute;
    right: 0%;

    width: 28%;
    display: flex;
    align-items: center;
    justify-content: center;

    top: 56%;
}
a.readachbtna {
    padding: 10px;
    text-align: center;
    transition: all 0.7s !important ;
    position: relative;
}
a.readachbtna::after {
    content: "";
    position: absolute;
    width: 30%;
    bottom: -1%;
    left: 35%;
    right: 35%;
    height: 2px;
    background: var(--yellow);
}
a.readachbtna i.fa-solid.fa-arrow-right {
    display: none;
    color: #fff;
    transition: display 0.7s !important;
}
a.readachbtna:hover {
    color: var(--yellow) !important;
}
a.readachbtna:hover.readachbtna::after {
    background: #fff !important;
}
a.readachbtna:hover i.fa-solid.fa-arrow-right {
    display: inline-block !important;
    padding: 10px;
    color: var(--yellow);
}

.achievement-item {
    position: relative;
    padding: 10% 30% 10% 8%;
}
.achtl {
    position: absolute;
    background-color: #fff;
    width: 20%;
    height: 6px;
    top: 6%;
    left: 0%;
}
.quoact {
    position: absolute;

    top: 2%;
    left: 20%;
}
.quoact i {
    font-size: 40px;
    padding: 0 !important;
    color: #fff;
}
.quoacb i {
    font-size: 40px;
    padding: 0 !important;
    color: #fff;
}

.quoacb {
    position: absolute;

    bottom: 2%;
    left: 64%;
}
.achll {
    position: absolute;
    background-color: #fff;
    width: 6px;
    height: 88%;
    top: 6%;
    left: 0%;
}
.achbl {
    position: absolute;
    background-color: #fff;
    width: 64%;
    height: 6px;
    bottom: 6%;
    left: 0%;
}

.achievement-item h3.p-white-bold {
    display: -webkit-box !important;
    line-height: 20px;
    -webkit-line-clamp: 12 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.achievement-item p.p-heading-white {
    -webkit-line-clamp: 1 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.latest-news-display {
    padding: 20px;
    border-bottom: 1px solid #dadada;
}
.latest-news {
    background-color: var(--darkgreen);
    padding: 10px 0px;
}
.latest-news h2 {
    text-align: center;
}

.latest-heading h3.p-black-bold {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.latest-info {
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.latest-news-img {
    height: 100px;
    min-height: 100px;
    max-height: 100px;
    overflow: hidden;
}
.latest-news-img img {
    height: 100px;
    min-height: 100px;
    max-height: 100px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.5s;
}
.latest-news-img img:hover {
    transform: scale(1.1);
}

.latest-news-detail {
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #dadada;
    padding-bottom: 5px;
}

/* news and achievements  end*/
/* events-faculty */
.event-faculty .nav.nav-tabs {
    border-bottom: none !important;
}
.event-faculty-link {
    text-align: center;
    border: none !important;
}
.event-faculty-link.active {
    background: transparent !important;
}
.event-faculty-link.active h3 {
    display: inline !important;
    border-bottom: 4px solid #034a80 !important;
    padding: 0px 10px 5px;
}
.event-faculty-link.active h3 span {
    color: var(--black) !important;
}
.event-faculty-link.active:hover {
    border: none !important;
}
.event-faculty-link:hover {
    border: none !important;
}
.event-faculty-link:hover h3 span {
    border: none !important;
    color: var(--black) !important;
}
.faculty-event-content-tab {
    background: transparent !important;
    width: 100% !important;
}
/* faculty card  */
#topfaculty.owl-carousel.owl-loaded.owl-drag {
    position: relative !important;
}
#topfaculty.owl-carousel.owl-loaded.owl-drag:hover .owl-nav button.owl-next {
    right: 3% !important;
    background: var(--darkgreen);
    z-index: 200 !important;
}
#topfaculty.owl-carousel.owl-loaded.owl-drag:hover .owl-nav button.owl-prev {
    left: 3% !important;
    background: var(--darkgreen);
}
/* #topfaculty.owl-carousel .owl-nav{
    position: absolute;
    right: 0;
    text-align: center;
    width: 16%;
    bottom:20%;
} */
#topfaculty.owl-carousel .owl-nav button.owl-next {
    margin: 0px 5px;
    position: absolute;
    right: -4%;
    transition: all 0.6s !important;
    text-align: center;
    width: 32px;
    bottom: 46%;
    height: 32px;
    background: #7c7c7c4b;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50%;
}

#topfaculty.owl-carousel .owl-nav button.owl-next span {
    font-weight: 600;
    height: 66px;
    font-size: 36px;
    color: var(--white);
}
#topfaculty.owl-carousel .owl-nav button.owl-prev {
    margin: 0px 5px;
    position: absolute;
    left: -4%;
    text-align: center;
    transition: all 0.6s !important;
    width: 32px;
    bottom: 46%;
    height: 32px;
    border-radius: 50%;
    background: #7c7c7c4b;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#topfaculty.owl-carousel .owl-nav button.owl-prev span {
    height: 66px;
    font-size: 36px;
    font-weight: 600;
    color: var(--white);
}

#topfaculty.owl-carousel .owl-nav.disabled {
    display: inline-block !important;
}

.faculty-card {
    min-height: 350px;
    max-height: 350px;
    margin: 10px;
    padding: 15px 10px;

    transition: all 0.5s;
    align-items: center;
    background-color: var(--white);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    position: relative;
}
.view-faculty {
    position: absolute;
    bottom: 2%;
    right: 2%;
}
.view-faculty a i {
    color: var(--darkgreen) !important;
}
.view-all-faculty-event-section {
    display: flex;
    justify-content: center;
}
.view-all-faculty-event-section button {
    border: 0 !important ;
    border: 1px solid var(--weborange) !important;
    background-color: var(--weborange) !important;
color: #fff !important;
    border-radius: 30px;
    padding: 8px !important;
}
.view-all-faculty-event-section button a {
    /* padding: 20px 10px !important ; */

    color: var(--white)  !important;
    transition: all 0.2s;
}
.view-all-faculty-event-section button a:hover {
    background: #fff;
    color:var(--weborange) !important;
}
.view-all-faculty-event-section button:hover {
    background-color: var(--white) !important;
    color: var(--weborange) !important;
}
.view-all-faculty-event-section button:hover a {
 color: var(--weborange) !important;
}


.faculty-card:hover {
    box-shadow:
        0 14px 28px rgba(0, 0, 0, 0.25),
        0 10px 10px rgba(0, 0, 0, 0.22);
}
.faculty-card:hover.faculty-card h3 {
    color: var(--darkgreen) !important;
}
.faculty-detail {
    padding: 15px 10px 10px;
}
.faculty-id {
    display: flex;
    align-items: start;
    justify-content: start;
}

.faculty-card h3 {
    transition: all 0.5s;
    text-align: center !important;
}

.faculty-card p {
    text-align: start !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.faculty-img {
    width: 200px;
    height: 200px;

    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
}
.faculty-img img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    border: 3px solid #ccc;
    object-fit: cover;
    object-position: top;
    transition: all 0.5s;
}
.faculty-img img:hover {
    transform: scale(1.1);
}

/* faculty card  end */
/* award card  */
.award-card {
    max-height: 300px;
    min-height: 300px;

    display: flex;
    flex-direction: column;
    transition: all 0.5s;
    align-items: center;
    background-color: var(--white);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.award-card-img {
    max-height: 150px;
    min-height: 150px;
    overflow: hidden;
}
.award-card-img img {
    max-height: 150px;
    min-height: 150px;
    width: 100%;
    object-fit: cover;
    transition: all 0.5s;
}
.award-card-img img:hover {
    transform: scale(1.1);
}
.award-detail {
    padding: 15px;
}
/* award card  end */
/* event-card */

#event-slider.owl-carousel.owl-loaded.owl-drag {
    position: relative !important;
}
#event-slider.owl-carousel.owl-loaded.owl-drag:hover .owl-nav button.owl-next {
    right: 1% !important;
    background: #deb81dc0;
}
#event-slider.owl-carousel.owl-loaded.owl-drag:hover .owl-nav button.owl-prev {
    left: 1% !important;
    background: #deb81dc0;
}
/* #topfaculty.owl-carousel .owl-nav{
    position: absolute;
    right: 0;
    text-align: center;
    width: 16%;
    bottom:20%;
} */
#event-slider.owl-carousel .owl-nav button.owl-next {
    margin: 0px 5px;
    position: absolute;
    right: -5%;
    transition: all 0.6s !important;
    text-align: center;
    width: 32px;
    bottom: 46%;
    height: 32px;
    background: #deb81d77;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50%;
}

#event-slider.owl-carousel .owl-nav button.owl-next span {
    font-weight: 600;
    height: 66px;
    font-size: 36px;
    color: #11bcd3;
}
#event-slider.owl-carousel .owl-nav button.owl-prev {
    margin: 0px 5px;
    position: absolute;
    left: -5%;
    text-align: center;
    transition: all 0.6s !important;
    width: 32px;
    bottom: 46%;
    height: 32px;
    border-radius: 50%;
    background: #deb81d77;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#event-slider.owl-carousel .owl-nav button.owl-prev span {
    height: 66px;
    font-size: 36px;
    font-weight: 600;
    color: #11bcd3;
}

/* #event-slider.owl-carousel  .owl-nav.disabled {
    display: inline !important;
} */

/* top events slider  */
#top-event-slider.owl-carousel.owl-loaded.owl-drag {
    position: relative !important;
}
#top-event-slider.owl-carousel.owl-loaded.owl-drag:hover .owl-nav button.owl-next {
    right: 1% !important;
    background: #deb81dc0;
}
#top-event-slider.owl-carousel.owl-loaded.owl-drag:hover .owl-nav button.owl-prev {
    left: 1% !important;

    background: #deb81dc0;
}
/* #topfaculty.owl-carousel .owl-nav{
    position: absolute;
    right: 0;
    text-align: center;
    width: 16%;
    bottom:20%;
} */
#top-event-slider.owl-carousel .owl-nav button.owl-next {
    margin: 0px 5px;
    position: absolute;
    right: -5%;
    transition: all 0.6s !important;
    text-align: center;
    width: 32px;
    bottom: 46%;
    height: 32px;
    background: #deb81d77;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50%;
}

#top-event-slider.owl-carousel .owl-nav button.owl-next span {
    font-weight: 600;
    height: 66px;
    font-size: 36px;
    color: #11bcd3;
}
#top-event-slider.owl-carousel .owl-nav button.owl-prev {
    margin: 0px 5px;
    position: absolute;
    left: -5%;
    text-align: center;
    transition: all 0.6s !important;
    width: 32px;
    bottom: 46%;
    height: 32px;
    border-radius: 50%;
    background: #deb81d77;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#top-event-slider.owl-carousel .owl-nav button.owl-prev span {
    height: 66px;
    font-size: 36px;
    font-weight: 600;
    color: #11bcd3;
}

/* #top-event-slider.owl-carousel  .owl-nav.disabled {
    display: inline !important;
} */

/* top slider end  */

/* past events slider  */
#passed-event-slider.owl-carousel.owl-loaded.owl-drag {
    position: relative !important;
}
#passed-event-slider.owl-carousel.owl-loaded.owl-drag:hover .owl-nav button.owl-next {
    right: 1% !important;
    background: #deb81dc0;
}
#passed-event-slider.owl-carousel.owl-loaded.owl-drag:hover .owl-nav button.owl-prev {
    left: 1% !important;
    background: #deb81dc0;
}
/* #topfaculty.owl-carousel .owl-nav{
    position: absolute;
    right: 0;
    text-align: center;
    width: 16%;
    bottom:20%;
} */
#passed-event-slider.owl-carousel .owl-nav button.owl-next {
    margin: 0px 5px;
    position: absolute;
    right: -4%;
    transition: all 0.6s !important;
    text-align: center;
    width: 32px;
    bottom: 46%;
    height: 32px;
    background: #deb81d77;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50%;
}

#passed-event-slider.owl-carousel .owl-nav button.owl-next span {
    font-weight: 600;
    height: 66px;
    font-size: 36px;
    color: #11bcd3;
}
#passed-event-slider.owl-carousel .owl-nav button.owl-prev {
    margin: 0px 5px;
    position: absolute;
    left: -4%;
    text-align: center;
    transition: all 0.6s !important;
    width: 32px;
    bottom: 46%;
    height: 32px;
    border-radius: 50%;
    background: #deb81d77;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#passed-event-slider.owl-carousel .owl-nav button.owl-prev span {
    height: 66px;
    font-size: 36px;
    font-weight: 600;
    color: #11bcd3;
}

/* #passed-event-slider.owl-carousel  .owl-nav.disabled {
    display: inline !important;
} */

/* past slider end  */

.event-card {
    max-height: 350px;
    min-height: 350px;
    margin-bottom: 30px;
    background-color: #fff;
    position: relative;
    border-radius: 10px;
    box-shadow:
        rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
        rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.event-card::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 47%;
    z-index: 5;
    bottom: 0;
    left: 0;
    background: #034a80;
}

.event-date {
    position: absolute;
    background-color: #034a80;
    bottom: 0;
    left: 0;
    padding: 0px 10px;
}
.event-date p {
    margin-bottom: 0 !important;
}
.event-img {
    min-height: 200px;
    max-height: 200px;
    height: 200px;
    position: relative;
    overflow: hidden;
}

.event-state {
    left: 0;
    top: 0;
    position: absolute;
    width: 20%;
    height: 20%;
    background-color: transparent;
    overflow: hidden;

    transition: all 0.3s ease-in-out;
}

.ev-state-sticker {
    width: 100%;
    height: 50px;
    position: absolute;
    top: 1%;

    background: url("../../images/events/eventsticker.png") top center no-repeat;
    background-size: contain;

    z-index: 0;
    animation-play-state: paused;
    animation: spin 10s linear infinite;
    animation-play-state: running;
}

.ev-status {
    color: #000 !important;
    text-align: center;
    font-size: 8px;
    z-index: 5;
    background: #ffcc29;
    width: 100%;
    text-align: center;

    padding: 3px 0px;
    pointer-events: none;
    position: absolute;
    top: 26%;
    left: 3%;

    text-transform: uppercase;

    font-weight: bold;
}

@keyframes spin {
    100% {
        transform: rotate(1turn);
    }
}
.event-img img {
    min-height: 200px;
    height: 200px;
    object-position: top;
    max-height: 200px;
    object-fit: cover;
    width: 100%;
    transition: all 0.5s;
}
.event-img img:hover {
    transform: scale(1.1);
}
.event-heading {
    background-color: #fff;
    padding: 10px;
}
.event-heading p.p-black-bold {
    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.event-heading p {
    margin-bottom: 0 !important;
}
.event-info {
    padding: 0px 10px;
    max-height: 120px !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 4 !important;

    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.event-info p {
    display: -webkit-box !important;

    -webkit-line-clamp: 4 !important;

    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* event-card */
/* events-faculty end */

/* tie-spineer */

.tieuparm {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 1px;
    background-color: transparent;
}

.tie-box {
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    left: 150px;
    top: -50px;
    font-size: 22px;
    color: #fff;
    line-height: 100px;
    margin: 0px 10px;

    text-align: center;
    background: #fff;
}

.circle {
    width: 100%;
    height: 600px;
    width: 100%;
    padding: 20px 0px;
    position: relative;

    top: 0%;
}
.tie-ups-home {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
.tie-home-handshake i {
    padding: 0 !important;
    color: var(--darkgreen);
    font-size: 50px;
    transition: all 0.6s;
}
.tie-home-handshake i:hover {
    color: var(--yellow);
    transform: scaleX(1.1);
}
.tie-home-handshake {
    position: absolute;
    top: 48%;
    left: 49%;
}

.animate-tie-ups-images {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    padding: 0px 10px;
    width: 100px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    padding: 10px;
}
.animate-tie-ups-images img {
    object-fit: contain !important;
  height: 100%;
  width: 100%;

 
}
.animate-tie-ups-images:hover.animate-tie-ups-images img {
    transform: scale(1.1);
}

/* tie-ups end  */

/* campus-facilities */

.campus-video-bg {
    background: url("../../images/University/campus-life-min.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    position: relative;
}
.campus-video-bg::after {
    content: "";
    width: 100%;
    top: 0;
    height: 100%;
    right: 0;
    background-color: rgba(0, 0, 0, 0.432);
    position: absolute;
}
.campus-video-bg::before {
    content: "";
    width: 50%;
    height: 100%;
    right: 0;
    background-color: rgb(0 0 0 / 84%);
    position: absolute;
}
.campus-life-icon {
    display: flex;
    align-items: start;
    justify-content: center;
    text-align: center;
}
.campus-life-icon i {
    font-size: 50px !important;
    padding: 0 !important;
    color: var(--yellow);
}

.campus-play-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.campus-play-icon i {
    font-size: 80px !important;
    padding: 0 !important;
    color: var(--yellow);
}

/* campus-facilities */

/* deparments */

.all-schools-btn button {
    border: none !important;
    border-radius: 10px;
    padding: 10px 20px;
    background: var(--darkgreen);
}

.schools-card {
    height: 320px;
    max-height: 320px !important;
    min-height: 320px !important;
    position: relative !important;
}
.school-icon {
    text-align: center;
    position: absolute !important;
    top: 0%;
    width: 24%;
    height: 15%;
    padding: 10px;
 
    left: 0;
    background: var(--yellow);
    border-bottom-right-radius: 50px;
}
.school-icon i {
    font-size: 20px;
    color: #000;
}
.schools-img {
    height: 300px;
    max-height: 300px !important;
    min-height: 300px !important;
    overflow: hidden;
    position: relative;

    box-shadow:
        rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
        rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.schools-img img {
    height: 300px;
    width: 100% !important;
    object-fit: cover;
    max-height: 300px !important;
    min-height: 300px !important;

    transition: all 0.5s;
}
.schools-name p {
    text-align: center !important;
    margin-bottom: 0 !important;
}
.schools-name {
    position: absolute;
    bottom: 0;
    z-index: 4;
    text-align: center;
    width: 100%;
    left: 0;
    right: 0;
    padding: 10px;
    background: var(--yellow);
}

.schools-img::after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #2020201a;
}
.schools-img:hover.schools-img img {
    transform: scale(1.1);
}

.whybg {
}

/* deparments  end*/

/* home-testimonial-card */
.testimonials {
    margin: 4em auto;
}

.testimonials-block {
    width: 30% !important;
    margin: 10px;
    background-color: #f2f5f8;
    padding: 15px;
    box-shadow: #05131e 0px 0px 1px 0px;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.testi-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.testi-profile-img {
    border: 2px dotted  var(--weborange);
    border-radius: 50%;
    object-fit: cover;
    padding: 2px;
    object-position: 20% 20%;
    width: 60px !important;
    height: 60px !important;
    overflow: hidden;
}
.testi-profile-img img {
height: 100%;
width: 100%;
}

.profile-border {
    border: 5px solid #fff;
    border-radius: 35px;
}

.testi-title {
    padding-bottom: 30px;
}

.testimonials-block:hover {
    background: #f1f6fe;
}

blockquote {
    padding: 0;
    margin: 0;
}

section.t-bq-section {
    margin-bottom: 60px;
}

.t-bq-wrapper.t-bq-wrapper-boxed {
    margin: 0 auto;
}

.t-bq-wrapper .t-bq-quote {
    padding: 20px;
}

.t-bq-quote .t-bq-quote-base {
    background: var(--darkgreen);
    padding: 20px 40px 40px 40px;
    border-radius: 10px;
    margin-bottom: 40px;
    position: relative;
}

.t-bq-quote .t-bq-quote-base:after {
    content: "";
    position: absolute;
    background: var(--darkgreen);
    transform: rotate(45deg);
    width: 30px;
    height: 30px;
    margin: 0 auto;
    bottom: -15px;
    left: calc(100% - 100px - 15px);
    z-index: -1;
}

.t-bq-quote .t-bq-quote-base .t-bq-quote-text.p-grey {
    text-indent: 5em;
    color: #fff !important;
    line-height: 1.8em;
}

.t-bq-quote .t-bq-quote-base .t-bq-quote-text:before {
    content: "\201C";
    position: absolute;
    left: -55px;
    top: 52px;
    font-family: Georgia, serif;
    font-size: 160pt;
    color: var(--weborange);
}

.t-bq-quote .t-bq-quote-meta {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.t-bq-quote .t-bq-quote-meta .t-bq-quote-meta-info {
    flex-basis: calc(100% - 50px);
}

.t-bq-quote .t-bq-quote-meta .t-bq-quote-author,
.t-bq-quote .t-bq-quote-meta .t-bq-quote-source {
    text-align: right;

    padding-right: 15px;
}

.t-bq-quote .t-bq-quote-meta .t-bq-quote-author cite {
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* .testimonials-block:hover p {
        color: #fff
    } */

/* home-testimonial-card  end*/
/* awards and recognition */

.awards-top-section {
    background: url("../../images/awards/awards-bg-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-blend-mode: multiply;
    background-position: top;
}
.awards-top-section::before {
    content: "";
    position: absolute;
    top: 0;
    background: #002561b8;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
}
.awards-card {
    min-height: 330px;
    max-height: 330px;
    padding: 10px;
    background-color: #f1f6fe !important;
    position: relative;
}
.awards-card::after {
    content: "";
    position: absolute;
    bottom: 0;
    background: #034a80;
    height: 2px;
    right: 0;
    width: 40%;
}

.award-icon {
    position: absolute;

    background-color: #fff !important;
    top: 0;
    left: 0;
    border-bottom-right-radius: 50px;
    width: 20%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.award-icon i {
    text-align: center;
    padding-left: 0 !important;
    color: var(--yellow);
    font-size: 40px;
}
.awards-img {
    max-height: 200px;
    min-height: 200px;
    overflow: hidden;
}

.awards-heading {
    width: 80% !important;
}

.awards-heading p.p-black-bold {
    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.awards-detail p.p-grey {
    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.awards-img img {
    max-height: 200px;
    min-height: 200px;
    transition: all 0.3s;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.awards-img img:hover {
    transform: scale(1.1);
}

#awards.owl-carousel {
    position: relative;
}
#awards.owl-carousel .owl-nav {
    position: absolute;
    right: 0;
    text-align: center;
    width: 20%;
    bottom: 20%;
}
#awards.owl-carousel .owl-nav button.owl-next {
    margin: 0px 5px;
}

#awards.owl-carousel .owl-nav button.owl-next span {
    font-weight: 600;
    font-size: 40px;
    color: var(--darkgreen);
}
#awards.owl-carousel .owl-nav button.owl-prev {
    margin: 0px 5px;
}

#awards.owl-carousel .owl-nav button.owl-prev span {
    font-size: 40px;
    font-weight: 600;
    color: var(--darkgreen);
}

#awards2.owl-carousel {
    position: relative;
}
#awards2.owl-carousel .owl-nav {
    position: absolute;
    right: 0;
    text-align: center;
    width: 20%;
    bottom: 20%;
}
#awards2.owl-carousel .owl-nav button.owl-next {
    margin: 0px 5px;
}

#awards2.owl-carousel .owl-nav button.owl-next span {
    font-size: 40px;
    color: var(--darkgreen);
    font-weight: 600;
}
#awards2.owl-carousel .owl-nav button.owl-prev {
    margin: 0px 5px;
}

#awards2.owl-carousel .owl-nav button.owl-prev span {
    font-size: 40px;
    color: var(--darkgreen);
    font-weight: 600;
}

.mobile-program {
    display: none !important;
}

/* awards and recognition */

/* research  */

.research-s-content {
    min-height: 270px !important;
    max-height: 270px !important;
    position: relative !important;
}
.research-s-content:hover .research-dnone {
    display: block;
}
.research-b-img:hover .research-dnone {
    display: block;
}
.research-dnone-ic {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    padding: 10px 15px;
    height: 100%;
}

.research-dnone-ic p.p-white-bold {
    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.research-dnone-ic p.p-white {
    display: -webkit-box !important;

    -webkit-line-clamp: 3 !important;

    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.research-dnone {
    position: absolute !important;
    background: #557a95c7;

    transition: all 0.8s;
    display: none;

    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
}
.research-s-content img {
    width: 100% !important;
    z-index: 0;
    object-fit: cover;
    object-position: center;
    min-height: 270px !important;
    max-height: 270px !important;
}

.research-b-img {
    min-height: 350px !important;
    max-height: 350px !important;
    position: relative;
}
.research-b-img img {
    width: 100% !important;
    object-fit: cover;
    object-position: center;
    min-height: 350px !important;
    max-height: 350px !important;
}

.research-b-content {
    padding: 20px;
    min-height: 350px !important;
}
.research-b-content p.p-black {
    display: -webkit-box !important;

    -webkit-line-clamp: 8 !important;

    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
button.all-research {
    border: 0 !important;
    border-radius: 10px;
    font-weight: 800;
    background: var(--weborange);
    border: 4px solid var(--weborange) !important;
    padding: 10px 15px;
    color: #fff !important;
    transition: all 0.5s;
}
button.all-research:hover {
    border: 4px solid var(--weborange) !important;
    font-weight: 800;
    color: var(--darkgreen) !important;
    background: #ffffffe1 !important;
}

/* research  */

/* home end  */

/* scholarship  */

.scholarship-banner {
    width: 100%;
    height: 400px;
    position: relative;
}
.scholarship-banner::before {
    content: "";
    width: 100%;
    position: absolute;
    height: 100%;
    background: linear-gradient(90deg, #000,#000000cc,#0000007a, transparent);
    top: 0;
    left: 0;
    right: 0;
}

.scholarship-banner img {
    width: 100%;
    height: 400px !important;
    object-fit: cover;
}
.scholarship-banner-wh {
    width: 100%;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: end;
    position: relative;
}

.scholarship-banner-wh img {
    width: 50%;

    height: 400px;
    object-fit: contain;
}

.scholarship-banner-wh .banner-links.active {
    border-bottom: 2px solid var(--black);
    color: var(--yellow);
}

.scholarship-banner-wh .banner-links:hover {
    color: #dde7f7 !important;
}

.scholarship-banner-content {
    display: flex !important;
    position: absolute;
    align-items: center;

    vertical-align: center;
    bottom: 0%;
    left: 4%;
    height: 50%;
    width: 46%;
}

.scholarship-banner-content h3 {
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 1) !important;
    padding-top: 3px;
    position: relative;
    display: inline-block;
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;

    text-shadow: 0px 4px 5px rgba(3, 3, 3, 0.32);
}

.scholarship-banner-content p.p-white-bold {
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 1) !important;

    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;

    text-shadow: 0px 4px 5px rgba(3, 3, 3, 0.32);
}
.scholarship-banner-content h3::before {
    position: absolute;
    width: 40%;
    height: 3px;
    background: var(--yellow);
    content: "";
    top: -2%;
    left: 0;
}

.banner-top-links {
    position: absolute;
    top: 10%;
    width: 80%;
    height: 10%;
    left: 4%;
}
.banner-top-links p i.fa-house{
color: var(--weborange)  !important;
}


.banner-links.p-heading-white {
    position: relative !important;
    display: inline-block;
    text-decoration: none;
    font-size: 13px !important;
    overflow: hidden;
    font-weight: 600 !important;
}
.banner-links:hover {
    color: #fff !important;
}


.banner-links:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, 0.6) 30%, #000 50%, rgba(0, 0, 0, 0.6) 70%) !important;
    -webkit-mask-size: 200%;
    animation: shine 1s infinite linear;
    color: #fff !important;
}

@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }

    to {
        -webkit-mask-position: -50%;
    }
}

.banner-top-links p {
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 1) !important;
}

.scholarship-content-img {
    height: 100%;
}
.scholarship-content-img img {
    width: 100% !important;
    object-fit: cover;
    height: 100%;
}

.scholar-btn {
    width: 100%;

    padding: 20px;
    text-align: center !important;
    text-transform: uppercase !important;
    border: 0 !important;
    background: #034a80;
    transition: all 0.5s;
    position: relative;
}
.sch-btn-ab {
    position: absolute;
    padding: 10px;
    text-align: center;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    top: -26%;
    right: -3px;
    background-color: #fff;
}
.sch-btn-ab i {
    font-size: 20px !important;
    color: var(--yellow);
    height: 30px !important;
    width: 30px !important;
}

.scholar-btn:hover {
    background: var(--red);
}

.scholar-link {
    text-align: start;
}
.scholar-link:hover.scholar-link h3 {
    color: var(--red) !important;

    border-bottom: 1px solid #ef4e38;
}
.scholar-link:hover.scholar-link i {
    color: var(--red) !important;
}
.scholar-link i {
    transition: all 0.6s;
    color: #000;
}
.scholar-link h3 {
    transition: all 0.6s;
    display: inline-block !important;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

/* scholarship  end */

/* aid  */
.aid-highlight-row {
    position: relative;
}
.aid-highlight-row::before {
    position: absolute;
    content: "";
    top: -5%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 5%;
    background: #c00502;
    width: 90%;
}
.aid-highlight-row::after {
    position: absolute;
    content: "";
    bottom: -5%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 5%;
    background: #c00502;
    width: 90%;
}
.aid-highlight {
    max-height: 300px;
    min-height: 260px;
    padding: 30px;
    background: #ffc72c;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.inner-aid {
    position: relative;
    padding: 10px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-top: 2px solid #c00502;
    border-bottom: 2px solid #c00502;
}

.aid-icon {
    height: 50px;
    width: 50px;
    background: #ffc72c;

    position: absolute;
    padding: 10px;
    display: flex;
    justify-content: center;
    top: -12%;
    left: 0;
    right: 0;
    margin: 0 auto;
    align-items: center;
    z-index: 1;
}
.aid-icon i {
    font-size: 30px;
    padding: 0 !important;
    color: #fff;
    background: transparent;
}
.aid-content {
    text-align: center !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px;
}
.aid-content p.banner-heading-black {
    font-size: 300%;
}
.aid-content p.p-black {
    font-weight: 500 !important;
    text-align: center !important;
}

.aid-highlight2 {
    padding: 20px;
    background: #fff;
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    justify-content: center;
    align-items: center;
}

.aid-highlight2 .content {
    padding: 10px;
    border-top: 2px solid #c00502;
    border-bottom: 2px solid #c00502;
}
.aid-highlight2 .content p.banner-heading-black {
    font-size: 300%;
}
.aid-highlight2 .detail {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.aid-highlight2 .detail p.p-black {
    font-weight: 500;
    text-align: center !important;
    padding: 10px;
}

.aid-links {
    padding: 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: start;
    position: relative;
    background: #f1f6fe;
}
a.aid-link-icon {
    background: #ccc;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;

    text-align: center;
}
a.aid-link-icon i {
    color: #fff;
    padding: 0 !important;
    height: 20px;
    font-size: 20px;
    line-height: 20px;

    width: 20px;
    transition: all 0.5s;
}
a.aid-link-icon .fa-solid.fa-link {
    display: none;
    transition: all 0.6s;
}
a.aid-link-icon:hover.aid-link-icon i.fa-solid.fa-link {
    display: block;
    color: #034a80;
}
a.aid-link-icon:hover.aid-link-icon i.fa-solid.fa-arrow-right {
    display: none;
}

/* aid  end */

/* about-us  */

.side-content-left {
    background: #fff;
    border-top: 4px solid var(--darkgreen);
    padding: 20px;
    border: 1px solid #dadada;
}
.side-content-left-ul li.side-content-left-li {
    list-style: none !important;
    padding: 5px 0px;
    display: -webkit-box !important;

    transition: all 0.8s !important;
    -webkit-line-clamp: 1 !important;

    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
li.side-content-left-li i {
    color: #000 !important;
}
a.about-landing-a {
    text-decoration: none !important;
    color: #000;
    transition: all 0.8s !important ;
    font-weight: 500 !important ;
}
li.side-content-left-li:hover a.about-landing-a {
    color: var(--darkgreen);
    font-weight: 600 !important ;
}

a.about-landing-a.about-active {
    color: var(--darkgreen) !important;
    font-weight: 600 !important ;
    transition: all 0.8s;
}
a.about-landing-a.about-active:hover {
    margin-left: 0px !important;
}

.side-content-left-2-ul li.side-content-left-li-2 {
    background: #fff;
    padding: 20px;
    margin: 20px 0px;
    transition: all 0.6s;
    border: 1px solid #dadada;
}
.side-content-left-li-2 i {
    font-size: 20px !important;
    padding-right: 15px !important;
}
.side-content-left-li-2 a {
    text-decoration: none !important;
    text-decoration-line: none !important;
}
.side-content-left-li-2 a:hover {
    margin-left: 5px;
    font-weight: 600;
    color: #034a80;
}
.side-content-left-li-2:hover.side-content-left-li-2 {
    border: 1px solid #034a80;
}

.side-content-right {
    background: #fff;
    border: 1px solid #dadada;
    padding: 20px;
}
.side-content-right-img img {
    width: 100%;

    object-fit: cover;
}

.side-content-rght-ul {
    padding: 14px !important;
}
.side-content-right-li {
    list-style: circle !important;
}

/* leadership  */
.leadership-img {
    position: relative;
}

.leadership-img img {
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    max-height: 450px !important;
    object-fit: cover;
    object-position: top;
}
.leadership-designation {
    width: 100%;
  height: fit-content;
  display: none;
    padding: 10px;
    background: var(--yellow);

    text-align: start !important;
}
.school-course-tabc.active.tab-pane.fade .leadership-designation{
    display: block !important;
}

/* leadership end  */

/* green  */
.green-img {
    width: 100%;
    object-fit: cover;
    height: 250px !important;
    margin: 10px 0px;
    transition: all 0.5s;
    position: relative;
}
.green-img:hover {
    transform: scale(1.1);
}

/* green  */

/* approvals */
.approvals-card {
    padding: 15px 10px;
    background: #fff;

    position: relative;
    min-height: 380px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin: 20px 0px;
}

.approvals-card::before {
    content: "";
    width: 40%;
    background: var(--darkgreen);
    height: 1%;
    top: 0;
    position: absolute;
    right: 0;
    left: 0;
}

.approvals-img {
    padding: 10px !important;

    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.approvals-img img {
    width: 140px !important;
    object-fit: contain !important;

    height: 140px !important;
}

.approvals-heading {
    padding: 12px;

    max-height: 150px;
    overflow: hidden;
}
.approvals-heading p {
    margin-bottom: 0 !important;
}
.approvals-detail {
    padding: 10px;

    overflow: hidden;
    max-height: 150px;
}
.approvals-detail p {
    margin-bottom: 5px;
}

/* approvals  end*/

.ranking-card {
    height: 300px !important;
    box-shadow:
        rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
        rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    padding: 10px;
    margin: 20px 0px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ranking-img {
    height: 250px !important;
}
.ranking-img img {
    height: 250px !important;
    width: 250px;
    object-fit: contain;
}
/* about-us  end */

.announcement-card-blue {
    max-height: 100px;
    min-height: 100px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    position: relative;
    background: var(--purple);
    padding: 6px 10px;
    margin: 0px 10px;
    border-radius: 4px;
    /* border: 3px solid #f5c221; */
    display: flex;

    align-items: start;
    flex-direction: column;
}

.announcement-heading p {
    display: -webkit-box !important;

    -webkit-line-clamp: 1 !important;

    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.announcement-content p.p-white.mb-1 {
    display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
      line-clamp: 2 !important;
      -webkit-appearance: none !important;
      -moz-appearance: none !important;
      appearance: none !important;
        -webkit-box-orient: vertical !important;
        
        overflow: hidden !important;
}
.announcement-date {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: start;
}
.announcement-card-white {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    max-height: 100px;
    min-height: 100px;
    margin: 0px 10px;
    display: flex;

    align-items: flex-start;
    flex-direction: column;

    position: relative;
    padding: 10px 15px;
}

.announcement-content {
    overflow: hidden;
}
.announcement-heading {
    overflow: hidden;
}

/* allevents  */

.breadcrumb {
    list-style: none !important;
    overflow-y: hidden !important;
    overflow-x: scroll !important;
width: 100%;
white-space: nowrap;
    padding: 0 !important;
}
.breadcrumb::-webkit-scrollbar {
    display: none !important;
}
.breadcrumb li {
    float: left !important;
}
.breadcrumb li a {
    color: white !important;
    text-decoration: none !important;
    padding: 10px 0 10px 55px;
    background: var(--darkgreen) !important; /* fallback color */
    
    position: relative !important;
    display: block !important;
    float: left !important;
}
.breadcrumb li a.active {
    color: white !important;
    text-decoration: none !important;
    padding: 10px 0 10px 55px;
    background: var(--darkgreen) !important; 
    position: relative !important;
    display: block !important;
    float: left !important;
}
.breadcrumb li a.active:after {
    content: " ";
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 50px solid transparent !important; /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent !important;
    border-left: 30px solid var(--weborange) !important;
    position: absolute !important;
    top: 50% !important;
    margin-top: -50px !important;
    left: 100% !important;
    z-index: 1 !important;
}
.breadcrumb li a:after {
    content: " " !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 50px solid transparent !important; /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent !important;
    border-left: 30px solid  var(--darkgreen) !important;
    position: absolute !important;
    top: 50% !important;
    margin-top: -50px !important;
    left: 100% !important;
    z-index: 1 !important;
}

.breadcrumb li a:before {
    content: " " !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 50px solid transparent !important; /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent !important;
    border-left: 30px solid white !important;
    position: absolute !important;
    top: 50% !important;
    margin-top: -50px !important;
    margin-left: 1px !important;
    left: 100% !important;
    z-index: 1 !important;
}
.breadcrumb li a.active:before {
    content: " " !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 50px solid transparent !important; /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent !important;
    border-left: 30px solid white !important;
    position: absolute !important;
    top: 50% !important;
    margin-top: -50px !important;
    margin-left: 1px !important;
    left: 100% !important;
    z-index: 1 !important;
}

.breadcrumb li:last-child a::before {
    content: " " !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 50px solid transparent !important; /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent !important;

    position: absolute !important;
    top: 50% !important;
    margin-top: -50px !important;
    margin-left: 1px !important;
    right: 100% !important;
    z-index: 1 !important;
}

.breadcrumb li a:hover {
    background: var(--weborange) !important;
}
.breadcrumb li a:hover:after {
    border-left-color: var(--weborange) !important;
}

.allfaculty .nav-tabs .nav-link {
    border-top-right-radius: 0 !important;
    border: 0 !important;
  

    color: #000;
    font-size: 13px !important;
   border-radius: none !important;
    
}
.allfaculty .nav-tabs .nav-link:focus {
    isolation: auto !important;
    color: #fff !important;
}
.allfaculty .nav-tabs .nav-link.active {
    isolation: auto !important;
    color: #fff !important;
    background: var(--weborange) !important;
}

.allfaculty .nav-tabs .nav-link:hover {
    isolation: auto !important;
    color: #fff !important;
    background: var(--weborange) !important;
}
.allfaculty .nav-tabs .nav-link.active {
    border-color: none !important;
}
.allfaculty-search {
    display: flex;
    justify-content: end !important;
}
 /* allfaculty end   */





.allevents .nav-tabs .nav-link {
    border-top-right-radius: 0 !important;
    border: 0 !important;
    margin: 5px; 
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    background: var(--darkgreen);
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1) !important;
    color: #fff;
    padding: 10px !important;
    font-size: 12px !important;
    border-radius: 20px;
    transition: all 0.6s !important;
}
.allevents .nav-tabs .nav-link:focus {
    isolation: auto !important;
    color: #fff !important;
}
.allevents .nav-tabs .nav-link.active {
    isolation: auto !important;
    color: #fff !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    background: var(--weborange) !important;
  
}


.allevents .nav-tabs .nav-link:hover {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    isolation: auto !important;
    color: #fff !important;
    background: var(--weborange) !important;
   /* padding: 10px 20px !important; */
   color: #fff !important;
 

   -webkit-mask-image: linear-gradient(
       -75deg,
       rgb(0 0 0 / 128%) 57%,
       #400a0a 50%,
       rgb(255 255 255 / 60%) 70%
   ) !important;
   -webkit-mask-size: 200%;
   animation: shine 1s  infinite  linear;
}
.allevents .nav-tabs .nav-link.active {
    border-color: none !important;
}
.allevents-search {
    display: flex;
    justify-content: end !important;
}
/* allevents end  */

/* single-school */
.school-about-section {
    position: relative;
}
.school-about-section::before {
    background: var(--darkgreen);
    content: "";
    position: absolute;
    width: 60%;
    top: 0;
    height: 100%;
    left: 0;
}
.school-page-about-img {
    position: relative !important;
}

.school-page-about-img img {
    height: 80%;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    object-fit: cover;
    padding: 0 !important;
}

.pedagogies ul {
    padding-left: 14px !important;
}

.pedagogies ul li {
    list-style: circle !important;
}

/* school-about end */
.visionbg {
    background: url("../../images/schools/vission.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: start;
    position: relative;
    background-position: center;
    z-index: 2;
}

.vision-detail {
    position: relative;
    z-index: 4;
    width: 60%;
}

/* school mision */

.mission-img {
    width: 100%;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.mission-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* school mision end */

/* schoolcourse */

.school-course {
    display: flex !important;
    align-items: center !important;
    position: relative;
}

.mooc-tab {
    position: relative;
}
.school-course .angle-right {
    height: 100%;
    width: 9%;

    position: absolute !important;
    right: -5%;

    display: flex;
    justify-content: center;
    align-items: center;
}
.school-course .angle-right img {
    height: 100%;
    width: 100%;
    display: none !important;
}

.school-course.active.nav-link .angle-right img {
    display: block !important;
}
.school-course.nav-link:hover {
    background: #deeafd !important;
}

.school-course.active.nav-link {
    background: #deeafd !important;
}

.school-course-tabc h3 {
    position: relative;
    display: inline !important;
}
.school-course-tabc h3::before {
    content: "";
    position: absolute;
    background: linear-gradient(to right, rgb(230, 208, 11), transparent);
    width: 80%;

    height: 15%;
    bottom: -30%;
    left: 0;
}
/* schoolcourse */

/* school departments  */
.school-department-card {
    height: 300px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    position: relative;
    margin: 10px 0px;
}
.school-department-card-img::before {
    content: "";
    width: 100%;
    height: 2%;
    top: 0;

    position: absolute;
    background: #034a80;
}

.school-department-card-img {
    height: 300px;
    position: relative;
}
.school-department-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.school-department-name {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to top, #000, transparent);

    width: 100%;
    height: 25%;
    bottom: 0;
    left: 0;
    right: 0;
}

.school-department-icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 15%;
    width: 15%;
    top: 0;
    right: 0;
    background: var(--grey);
}
.school-department-icon i {
    padding: 0px 0px 0px 0px !important;
    font-size: 20px !important;
}

/* school departments  end */

/* school-highlights */

.school-highlight-card .card-heading {
    height: 25% !important;
    padding: 10px !important;
    box-shadow:
        rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset,
        rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
        rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    background: #fff;
}

.school-highlight-card .card-img {
    height: 40% !important;

    overflow: hidden !important;
}
.school-highlight-card .card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    transition: all 0.5s !important;
}
.school-highlight-card .card-img img:hover {
    transform: scale(1.1);
}

.school-highlight-card .card-detail {
    height: 35% !important;
    box-shadow:
        rgba(0, 0, 0, 0.4) 0px 2px 4px,
        rgba(0, 0, 0, 0.3) 0px 7px 13px -3px,
        rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    background: #fff;
    padding: 10px;
}

/* school-highlights end */

/* single-school  end*/

/* single-faculty */
.single-faculty-img {
    height: 100%;
    width: 100%;
}
.single-faculty-img img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;

    box-shadow: 13px 14px 9px #dadada;
    /* box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; */
}
.single-faculty-name {
    position: relative;
}

.single-faculty-name::before {
    position: absolute;
    content: "";
    bottom: 0;
    background: #dadada;
    height: 1%;
    width: 100%;
}

.single-faculty-links .col-3 {
    display: flex !important;
    justify-content: center !important;
}

.single-faculty-links a {
    text-align: center !important;
}
.single-faculty-links a i {
    font-size: 30px !important;
    transition: all 0.7s !important;
    color: #999 !important;
}

/* single-faculty */

/* single events  */

.single-event-heading {
    padding: 30px 15px ;
    background: var(--darkgreen);
    position: relative;
}
.s-event-date {
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--yellow);
    width: max-content;
    position: absolute;
    right: 0;
    bottom: 0;
}
.single-event-img {
    height: 400px !important;
    position: relative !important;
}

.single-event-img img#expandedImg {
    height: 100% !important;
    width: 100%;
    object-fit: contain;
}
.single-event-related-img {
    position: absolute !important;
    bottom: 0% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
}
.single-event-related-img img {
    height: 100px !important;
    width: 100% !important;
    object-fit: cover !important;
}

.single-event-related-img img:hover {
    cursor: pointer;
}

/* single events end  */

/* courses  */
.related-courses {
    background: #f1f6fe;
    border-top: 3px solid #034a80;

}
.related-ul{
    max-height: 75vh;
    overflow-y: scroll
}

.related-ul::-webkit-scrollbar {
    width: 4px;
}
.related-ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(207, 206, 206);
    border-radius: 10px;

    background: #e0e0e0 !important;
    max-height: 100px !important;
}
/* Handle */
.related-ul::-webkit-scrollbar-thumb {
    position: relative;
    background: var(--darkgreen) !important;

    border-radius: 10px;
    transition: all 0.5s;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.related-ul li {
    padding: 10px;
}

.related-ul li:nth-child(even) {
    background: #fff;
}
.related-ul li a {
    transition: all 0.7s !important;
}
.related-ul li a:hover {
    color: var(--darkgreen);
    margin-left: 5px;
}

/* curriculum */
.nav-link.curriculum-tabs {
    border: 0 !important;
}
.nav-link.curriculum-tabs:hover {
    border: 0 !important;
}
.nav-link.curriculum-tabs:focus {
    border: 0 !important;
}

.nav-link.active.curriculum-tabs:hover {
    border: 0 !important;
}
.nav-link.active.curriculum-tabs:focus {
    border: 0 !important;
}
.curriculum-tabs {
    padding: 10px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    height: 200px !important;
    background: #fff !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow:
        rgba(0, 0, 0, 0.16) 0px 3px 6px,
        rgba(0, 0, 0, 0.23) 0px 3px 6px;
    margin: 0 2% 0 0;
    align-items: center;
    transition: all 0.7s !important;
}
.curriculum-tabs.active {
    background: #2985c5 !important;
}
.nav-link.active.curriculum-tabs {
    position: relative !important;
}

.nav-link.active.curriculum-tabs::before {
    content: "";
    position: absolute;
    height: 20%;
    width: 20%;
    left: 0;
    top: 0;
    border-bottom-right-radius: 200%;
    background: var(--yellow);
}
.curriculum-tabs:hover {
    background: #2985c5 !important;
}

.curriculum-tabs:hover .curriculum-icon {
    background: #3f91cb !important;
}
.curriculum-tabs:hover .curriculum-icon img.cimgb {
    display: none;
}
.curriculum-tabs:hover .curriculum-icon img.cimgw {
    display: block;
}
.curriculum-tabs.active h3 span.p-heading-black {
    color: #fff !important;
}

.curriculum-tabs.active .curriculum-icon {
    background: #3f91cb !important;
}
.curriculum-tabs.active .curriculum-icon img.cimgb {
    display: none;
}
.curriculum-tabs.active .curriculum-icon img.cimgw {
    display: block;
}
.curriculum-tabs:hover.curriculum-tabs h3 span.p-heading-black {
    color: #fff !important;
}

.curriculum-icon {
    height: 150px !important;
    width: 150px;

    background: #f1f6fe !important;
    margin: 0px auto !important;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}
.curriculum-icon img.cimgw {
    height: 80px !important;
    width: 80px;
    display: none;
    padding: 0 0 0 0 !important;
}

.curriculum-icon img.cimgb {
    height: 80px !important;
    width: 80px;
    padding: 0 0 0 0 !important;
}
.curriculum-t-content {
    background: #f1f6fe !important;
}

/* .curriculum-sub-tabs */
.nav-link.curriculum-stabs {
    border: 0 !important;
}
.nav-link.curriculum-stabs:hover {
    border: 0 !important;
}
.nav-link.curriculum-stabs:focus {
    border: 0 !important;
}

.nav-link.active.curriculum-stabs:hover {
    border: 0 !important;
}
.nav-link.active.curriculum-stabs:focus {
    border: 0 !important;
}
.curriculum-stabs {
    padding: 10px 15px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;

    background: #034a80 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow:
        rgba(0, 0, 0, 0.16) 0px 3px 6px,
        rgba(0, 0, 0, 0.23) 0px 3px 6px;
    margin: 0 2% 0 0;
    align-items: center;
    transition: all 0.7s !important;
}

.nav-link.active.curriculum-stabs {
    position: relative !important;
}
.nav-link.active.curriculum-stabs::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    left: 0;
    top: 0;
    border-bottom-right-radius: 200%;
    background: var(--yellow);
}

.curriculum-stabs:hover {
    background: #d9e4f7 !important;
}
.curriculum-stabs:hover.curriculum-stabs h3 span.p-heading-white {
    color: #000 !important;
}

.curriculum-t-content {
    background: #f1f6fe !important;
}
/* curriculum-sub tabs  */
/* curriculum  end*/

/* key highlights  */

.course-ph {
    margin: 10px 0px !important;

    height: 80px;

    padding: 10px 15px;
    background: #fff;
    box-shadow:
        rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
        rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.course-ph p {
    text-align: center !important;
    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

ul.csaul li {
    border-left: 2px solid var(--darkgreen);
    display: flex;
    align-items: start;
    padding: 10px;
    margin: 10px 0px;
}
ul.csaul li:nth-child(odd) {
    background: #fff !important;
}
ul.csaul li:nth-child(even) {
    background: #f1f6fe !important;
}
ul.csauliul li {
    align-items: baseline !important;
    display: flex !important;
    align-items: center;
}

.rcc {
    height: 220px;
    padding: 10px;
    box-shadow:
        rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
        rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.rcc p.p-grey {
    text-align: center !important;

    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.rcc p.p-blue-bold {
    text-align: center !important;

    -webkit-line-clamp: 1 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.rcc-img {
    height: 140px;

    background-color: #fff;
    padding: 10px;
}
.rcc-img img {
    height: 120px;
    width: 120px;
    object-fit: contain;
}
/* key highlights end  */

/* carrer-pathway */
.ccpc {
    height: 50px !important;
    width: 50px !important;
    border-radius: 50%;
    background: #2985c5;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px 0 0;
}
.ccpc img {
    height: 30px !important;
    width: 30px !important;
    border-radius: 50%;
    margin: 0px auto;
    object-fit: contain;
}
/* carrer-pathway end*/

/* fee */
tr.ct td {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 15px;
}

tr.ct td.p-grey-bold {
    display: flex !important;
    align-items: center !important;
    justify-content: start !important;
    padding: 10px 15px;
}
tr.ct th {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    border: 0 !important;
    padding-left: 10%;
}

/* fee end  */
/* courses  end */

/* infrastructure */

.infrareadmore {
    color: #eec30c !important;
    font-weight: 900;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 1) !important;
}

.infrastructure {
    height: 570px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
}

.infrastructure-home {
    width: 100%;
    height: 350px;
    background-size: cover;
    background-position: center center;
    padding: 0 30px;
}

.infrastructure-text {
    -webkit-line-clamp: 8 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.Fab-wrap-box {
    position: fixed;
    right: -168px;
    transition: 0.5s ease;
    z-index: 1222;
    top: 30%;
}

.fab-box {
    display: flex;
    align-items: center;
    background-color: #1e5298;
    color: #fff;
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.Fab-wrap-box:hover {
    right: 0;
    transition: 1s ease;
}

.fab-icon {
    padding: 10px;
}

.fab-text {
    width: 170px;
    padding: 5px;
}

.fab-text p {
    margin-bottom: 0;
}

/* infrastructure end  */

/* placements   */

.wrapper {
    display: flex;
    align-items: center;
    padding-top: 120px;
    justify-content: center;
    padding-bottom: 80px;
}

.placement_page {
    width: 1170px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
    padding-left: 20px;
    padding-right: 20px;
}
.box-placements {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;

    position: relative;
    overflow: hidden;
    padding: 5px;
    box-shadow: #8f8c8c 0px 0px 10px 0px;
}
.box__head_placements {
    background: #fff;
    padding: 10px;
}
.box__head_placements .testivd {
    height: 100% !important;
    object-fit: cover;
    width: 100%;
}
.box-placements::before {
    content: "";
    position: absolute;
    width: 150px;
    height: 140%;
    background: linear-gradient(#00ccff, #e5ee33, #1661a4, #ffcc29);
    animation: rotate 4s linear infinite;
    -webkit-animation: rotate 6s linear infinite;
}

.box-placements::after {
    content: "";
    background-color: #fff;
    position: absolute;
    inset: 4px;
    z-index: 0;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.box__head_placements,
.box__content_placements {
    position: relative;
    z-index: 1 !important;
}

.box__head_placements {
    width: 100%;
    max-width: 100%;
}

.box__head_placements > img {
    max-width: 100%;
    width: 100%;
    height: 200px;
    object-fit: contain;
}

.box__content_placements {
    padding: 15px;
}

/* placements end  */

/* ceo  */
.coe-m-img {
    height: 100%;
}
.coe-m-img img {
    /* height: 100%; */
    width: 100%;
    object-fit: cover;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
    position: relative;
}

.coe {
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
    background: #034a80;
}
.coe img {
    height: 50px;
    width: 100%;
    object-fit: cover;
}
.coe-img {
    height: 400px !important;

    width: 100%;
    position: relative;
    animation-play-state: running !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.coe-img:hover {
    animation-play-state: paused !important;
}
.coe-img::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0000007a;
}
.coe-img img {
    height: 100% !important;
    width: 100%;

    object-fit: cover;
}
.coe-btn {
    position: absolute;
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    right: 0;
    bottom: 0;
}
.coe-btn button {
    background: #00154d8f;
    border: 0 !important;
    transition: all 0.7s;
}
.coe-btn button {
    border: 0 !important;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
.coe-btn button:hover {
    background: var(--darkgreen);
    box-shadow:
        rgba(0, 0, 0, 0.4) 0px 2px 4px,
        rgba(0, 0, 0, 0.3) 0px 7px 13px -3px,
        rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.coe-btn button a:hover {
    color: #fff !important;
}

.coe-detail {
    position: absolute;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    width: 45%;
    height: 100%;
    background: #ffcd2963;
    left: 0;
    top: 0;
}
/* ceo end  */
.ct-set-img {
    height: 100%;

    width: 100%;
}
.ct-set-img img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.ct-set-offer {
    background: var(--yellow);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.ct-set-offer img {
    height: 70px;
    width: 70px;
}

.ct-set-button a {
    background: var(--darkgreen);
    box-shadow:
        rgba(0, 0, 0, 0.19) 0px 10px 20px,
        rgba(0, 0, 0, 0.23) 0px 6px 6px;
    cursor: pointer !important;
    transition: all 0.6s;
}
.ct-set-button a:hover {
    background: #fff;
    box-shadow:
        rgba(0, 0, 0, 0.3) 0px 19px 38px,
        rgba(0, 0, 0, 0.22) 0px 15px 12px;

    color: #000;
}
.ct-set-step-img img {
    height: 80px;
    width: 80px;
}
.ct-set-step {
    display: flex;
    justify-content: start;
    align-items: center;
}
.ct-set-step img {
    height: 30px;
    width: 30px;
    margin-right: 10px;
}

.cts-elig-card {
    height: 400px !important;
    position: relative;
    display: flex;
    justify-content: end;
    margin: 20px 0px;
}

.cts-elig-card::before {
    content: "";
    background: linear-gradient(72deg, #000, transparent);
    position: absolute;
    width: 100%;
    height: 100%;
}
.cts-elig-card img {
    height: 100% !important;
    object-fit: contain;
    width: 40%;
}
.cts-elig-card-a {
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: start;
    width: 70%;

    position: absolute;
}

.ct-set-program {
    background: #fff;
    margin: 20px 0px;
    min-height: 100px;
    max-height: 200px;
    overflow: hidden;
    box-shadow:
        rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
        rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.ct-set-program p.p-black-bold {
    -webkit-line-clamp: 1 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.ct-set-program p.p-grey {
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* ct-set  */

/* ct-set   end*/

/* contact-us  */
.right_conatct_social_icon {
    background: linear-gradient(to top right, #034a80 -5%, #0388cd 100%);
}

.contact_us {
    background-color: #f1f1f1;
}

.contact_inner {
    background-color: #fff;
    position: relative;
    box-shadow: 20px 22px 44px #cccc;
    border-radius: 25px;
}

.contact_field {
    padding: 60px 340px 90px 100px;
}

.right_conatct_social_icon {
    height: 100%;
}

.contact_field .form-control {
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #ccc;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    margin-bottom: 10px;
}

.contact_field .form-control:focus {
    box-shadow: none;
    outline: none;
    border-bottom: 2px solid #034a80;
}

.contact_field .form-control::placeholder {
    font-size: 13px;
    letter-spacing: 1px;
    font-family: "Open Sans", sans-serif;
}

.contact_info_sec {
    position: absolute;
    background-color: #2d2d2d;
    right: 1px;
    margin: auto 0;
    top: 18%;

    width: 40%;
    padding: 40px;
    border-radius: 25px 0 0 25px;
}

.info_single {
    margin: 30px 0px;
}

.info_single i {
    margin-right: 15px;
}

.info_single span {
    font-size: 14px;
    letter-spacing: 1px;
}

.socil_item_inner li {
    list-style: none;
    display: inline !important;
}

.socil_item_inner li a {
    color: #fff;
    margin: 0px 10px;
    display: inline !important;
    font-size: 14px;
}

.socil_item_inner {
    padding-bottom: 10px;
}

.map_sec {
    padding: 50px 0px;
}

.state-box {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    background-color: #fff;
}
.state-box:nth-child(even) {
    padding: 30px;
    display: flex;
    background: #ccc !important;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
}

.map_bind {
    margin-top: 50px;
    border-radius: 30px;
}

.reach-us-box {
    background: #def5ff;
    border: 1px solid rgb(93 188 230 / 20%);
    padding: 10px;
    border-radius: 10px;
    margin: 0;
    margin-bottom: 5px;
}
/* contact-us end  */

/* research  */
.main-research-img {
    height: 400px;
}
.main-research-img img {
    height: 400px;
    width: 100%;
    box-shadow:
        rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
        rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    object-fit: cover;
}

.research-detail {
    height: 125px;

    overflow: hidden;
}
.research-info {
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.research-heading {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.research-m-heading {
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.research-m-detail {
    padding: 20px;

    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    box-shadow:
        rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
        rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.research-m-heading p.p-black-bolc {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.research-m-info p.p-grey-black {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.research-m-info p.p-black {
    display: -webkit-box !important;
    -webkit-line-clamp: 16 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.other-research {
    height: 250px !important;
    position: relative;
}
.other-research img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.ort {
    position: absolute;
    bottom: 0%;
    background: linear-gradient(to top, #000000a2, transparent);

    left: 0;
    right: 0;
    padding: 10px !important;
    width: 100%;
    margin: 0 auto;
    max-height: 26%;
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.content-research .p-heading-blue {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.content-research .p-grey {
    display: -webkit-box !important;
    -webkit-line-clamp: 11 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* research end  */

/* conference and seminar  */
.seminar-m-img {
    border: 4px solid #f1f6fe;
    position: relative;
    height: 400px;
    box-shadow:
        rgba(17, 17, 26, 0.05) 0px 1px 0px,
        rgba(17, 17, 26, 0.1) 0px 0px 8px;
}
.seminar-m-img::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, #000, transparent);
    right: 0;
}

.seminar-m-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.seminar-m-text {
    bottom: 0;
    position: absolute;
    padding: 10px;
    width: 100%;
    height: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.seminar-m-text p.p-heading-yellow {
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;

    text-shadow: 0px 4px 5px rgba(3, 3, 3, 0.32);
}
.seminar-m-text p.p-white {
    -webkit-line-clamp: 3 !important;
    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-shadow: 0px 4px 5px rgba(3, 3, 3, 0.32);
}

.seminar-ms-img {
    border: 4px solid #f1f6fe;
    position: relative;
    height: 180px;
    box-shadow:
        rgba(17, 17, 26, 0.05) 0px 1px 0px,
        rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

.seminar-ms-img::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 60%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, #000, transparent);
    right: 0;
}

.seminar-ms-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.seminar-ms-text {
    bottom: 0;
    position: absolute;
    padding: 10px;
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.seminar-ms-text p.p-white-bold {
    -webkit-line-clamp: 1 !important;
    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-shadow: 0px 4px 5px rgba(3, 3, 3, 0.32);
}
.seminar-ms-text p.p-white {
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-shadow: 0px 4px 5px rgba(3, 3, 3, 0.32);
}

.seminar-mb-img {
    position: relative !important;
    height: 230px;
    border: 4px solid #f1f6fe;

    box-shadow:
        rgba(17, 17, 26, 0.05) 0px 1px 0px,
        rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

.seminar-mb-img::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 60%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, #000, transparent);
    right: 0;
}

.seminar-mb-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.seminar-s-text {
    bottom: 0;
    position: absolute;
    padding: 10px;
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
}

.seminar-s-text p.p-heading-yellow {
    -webkit-line-clamp: 1 !important;
    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-shadow: 0px 4px 5px rgba(3, 3, 3, 0.452);
}
.seminar-s-text p.p-white {
    -webkit-line-clamp: 3 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-shadow: 0px 4px 5px rgba(3, 3, 3, 0.32);
}

.seminar-card {
    position: relative;
    height: 260px;
}
.seminar-card::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 60%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, #000, transparent);
    right: 0;
}

.seminar-card img {
    width: 100%;
    object-fit: cover;
    object-position: top;
    height: 260px;
}

.seminar-card-a {
    width: 100%;
    object-fit: cover;
    object-position: top;
    height: 260px;
}

.seminar-date {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    background: #dbe8fc7e;
}

.seminar-date p {
    text-shadow: 0px 4px 5px rgba(3, 3, 3, 0.32);
}
/* seminar end  */

/* recent-happening */
.recent-m-img {
    position: relative;
    height: 400px;
    box-shadow:
        rgba(17, 17, 26, 0.05) 0px 1px 0px,
        rgba(17, 17, 26, 0.1) 0px 0px 8px;
}
.recent-m-img img {
    height: 400px;
    width: 100%;
    object-fit: cover;
    object-position: 20% 20%;
    box-shadow:
        rgba(17, 17, 26, 0.05) 0px 1px 0px,
        rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

.recent-m-text {
    bottom: 0;
    position: absolute;
    padding: 10px;
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;

    background: linear-gradient(to top, #000, transparent);
}

.recent-m-text p.p-heading-white {
    -webkit-line-clamp: 3 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;

    text-shadow: 0px 4px 5px rgba(3, 3, 3, 0.32);
}
.recent-h-date p.p-white {
    -webkit-line-clamp: 1 !important;
    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-shadow: 0px 4px 5px rgba(3, 3, 3, 0.32);
}

.recent-type .p-white-bold {
    -webkit-line-clamp: 1 !important;
    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-shadow: 0px 4px 5px rgba(3, 3, 3, 0.32);
}
.recent-type {
    background: #00000093;

    padding: 5px;
}

.recent-ms-img {
    position: relative;
    height: 200px;
    box-shadow:
        rgba(17, 17, 26, 0.05) 0px 1px 0px,
        rgba(17, 17, 26, 0.1) 0px 0px 8px;
}
.recent-ms-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 20% 20%;
    box-shadow:
        rgba(17, 17, 26, 0.05) 0px 1px 0px,
        rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

.recent-ms-text {
    bottom: 0;
    position: absolute;
    padding: 10px;
    width: 100%;
    height: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;

    background: linear-gradient(to top, #000, transparent);
}

.recent-ms-text p.p-white-bold {
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;

    text-shadow: 0px 4px 5px rgba(3, 3, 3, 0.32);
}

.recent-msb-img {
    position: relative;
    height: 190px;
    box-shadow:
        rgba(17, 17, 26, 0.05) 0px 1px 0px,
        rgba(17, 17, 26, 0.1) 0px 0px 8px;
}
.recent-msb-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
    box-shadow:
        rgba(17, 17, 26, 0.05) 0px 1px 0px,
        rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

.recent-msb-text {
    bottom: 0;
    position: absolute;
    padding: 10px;
    width: 100%;
    height: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;

    background: linear-gradient(to top, #000, transparent);
}

.recent-msb-text p.p-white {
    -webkit-line-clamp: 1 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;

    text-shadow: 0px 4px 5px rgba(3, 3, 3, 0.32);
}

/* recent-happening end */

/* careers with us  */
.modal-width {
    max-width: 70% !important;
}

.career-wrapper {
    display: block;

    position: relative;
    padding: 10px;
}

.orange-border {
    background-color: #034a80;
    background-image: linear-gradient(130deg, #1b5799, #2f3170);
    position: absolute;
}

.orange-top {
    width: 100px;
    height: 10px;
    top: 0;
    left: 0;
}

.orange-left {
    width: 10px;
    height: 100px;
    top: 0;
    left: 0;
}

.white-card {
    display: block;
    text-decoration: none;

    background-color: white;

    border-bottom: 5px solid var(--white);
    border-right: 5px solid var(--white);
    /* width: calc(100% - 20px);
    height: calc(100% - 20px); */
    text-align: center;
    transition: all 0.6s;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
    padding: 10px;
}

.white-card:hover {
    /* background:var(--darkgreen); */
    border-bottom: 5px solid var(--darkgreen);
    border-right: 5px solid var(--darkgreen);
}

/* .white-card:hover>p {
    color: #fff  !important;
} */
/* .white-card:hover p span {
    color: #fff  !important;
} */

.white-card img {
    width: 60px;
    margin: 30px 0;
}
/* careers with us end  */

/* search-course */
.suggestion-div {
    background: #fdfcfc;
    width: 100%;
    position: relative;
    margin-top: 1%;
}
.suggestion-div ul li.suggestion {
    width: 100%;
    border-bottom: 1px solid #dadada;
    cursor: pointer;
}

.suggest-link {
    width: 100%;
    height: 100%;
    text-decoration: none !important;
    position: relative;
    display: flex;
    padding: 2%;
    justify-content: start;
    align-items: start;
    transition: all 0.4s;
}
.suggest-link:hover .suggest-list p.p-blue-bold {
    text-decoration-line: underline;
}

.suggest-link:hover {
    background: #e0e0e0;
}
.suggest-list p.p-blue-bold {
    width: 90%;
    -webkit-line-clamp: 1 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.suggest-list p.p-black {
    width: 100%;
    -webkit-line-clamp: 2 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.suggest-link-img {
    position: absolute;
    right: 2%;

    top: 5%;
    width: 5%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: start;
    display: none;
    transition: all 0.8s;
}
.suggest-link-img img {
    margin: 0 auto;
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.suggest-link:hover .suggest-link-img {
    display: flex;
}
.results {
    margin-top: 2%;
}

.results-ul li.results-li {
    border-bottom: 1px solid #dadada;
    background: #ffffff;
    transition: all 0.9s;
    padding: 2%;
}
li.results-li:hover {
    background: #f1f6fe;
    box-shadow:
        rgba(0, 0, 0, 0.19) 0px 10px 20px,
        rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.results-link p.p-heading-blue {
    -webkit-line-clamp: 1 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.results-link p.p-blue {
    -webkit-line-clamp: 1 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: #0c8721;
}
.results-link p.p-grey {
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* search -course end  */

/* international-advision */

.division-detail {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
}

.division-detail:hover {
    background: #034a80;
    transition: 0.5s ease;
}

.division-detail:hover > p {
    color: #fff;
}

.international-advisions .curriculum-tabs {
    box-shadow: none;
    margin: 0;
}

/* international-advision  end*/

/* faq  */

.box-question {
    box-shadow: 0 0 10px 0 #e9e9e9;
    padding: 20px;
}
/* faq  */

/* downloads */
.download-m-list {
    position: relative !important;
    min-height: 60px !important;
}
.download-m-listp {
    position: relative !important;
    min-height: 60px !important;
}

h2.accordion-header.download-m-list span.p-black-bold {
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    width: 85% !important;
}

h2.accordion-header.download-m-listp span.p-black-bold {
    -webkit-line-clamp: 3 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    width: 80% !important;
}

.download-m-list .new-d {
    position: absolute !important;
    right: 4%;
    top: -34%;
    z-index: 5;
    width: 10%;
    height: 20%;
}

.new-d img {
    width: 100%;
    height: 36px;
    object-fit: contain;
}
.d-date {
    position: absolute !important;
    left: 2%;
    top: -24%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    z-index: 5;

    text-align: center;
    background: #dc4d5d;
}

.d-p-date {
    position: absolute !important;
    left: 2%;
    top: -24%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    z-index: 5;

    text-align: center;
    background: #c4c4c4;
}

.did {
    top: 20%;
    position: absolute !important;
    right: 6%;
    display: flex;
    align-items: center;
    justify-content: center !important;

    /* width: 10%; */
    z-index: 5;
}
.did a {
    margin: 0px 4px !important;
}

.did img {
    width: 20px;

    height: 20px;
    object-fit: contain;
}

.didp {
    position: absolute !important;
    right: 6%;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center !important;
    padding: 5px;
    width: 10%;

    z-index: 5;
}

.didp img {
    width: 100%;
    margin: 0px 10%;
    height: 20px;
    object-fit: contain;
}

.didps {
    position: absolute !important;
    right: 4%;
    bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between !important;

    width: 10%;

    z-index: 5;
}
.didps a {
    margin: 0px 2px;
}
.didps img {
    width: 100%;
    margin: 0px 10%;
    height: 20px;
    object-fit: contain;
}

.dpsd {
    position: relative;
    min-height: 30px;
    max-height: 30px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.dpsd p.p-red-bold {
    position: relative;
    width: 60% !important;
}

.accordion-body.downloads-body p.p-grey {
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
/* downloads end  */

/* programsss */
.nav-tabs .nav-link.program-pgm-link {
    border: 0 !important ;
    transition: all 0.5s !important;
    border-radius: 0 !important;
}
.program-pgm-link.nav-link:focus {
    border: 0px !important;
}
.program-pgm-link.nav-link:hover {
    border: 0px !important;
}
.program-pgm-link.nav-link::backdrop {
    border: 0px !important;
}

.program-pgm-link.nav-link:hover {
    background: #e2e6ef !important;
}
.program-pgm-link.nav-link:hover.program-pgm-link.nav-link h3 span {
    color: #ffff !important;
}

.program-pgm-link.active.nav-link:focus {
    border: 0px !important;
}
.program-pgm-link.active.nav-link:hover {
    border: 0px !important;
}
.program-pgm-link.active.nav-link:hover {
    background: #e2e6ef !important;
}
.program-pgm-link.nav-link.active:hover.program-pgm-link.nav-link h3 span {
    color: var(--darkgreen) !important;
}

.program-pgm-link.active {
    background: #e2e6ef !important;
    transition: all 0.6s !important;
    border: 1px solid #dadada !important;
}
.program-pgm-link.active h3 span.p-grey-bold {
    color: var(--darkgreen) !important;
}

.program-pg-tab {
    background: #fff !important;
    padding: 10px;
}
.programpg-types {
    margin-right: 2% !important;
}
.programpg-discipline {
    margin: 10px 0 !important;
    margin-right: 0 !important;
}
.nav-link.programpg-navbar {
    display: flex !important;
    align-items: center !important;
    justify-content: start !important;

    border: 4px solid #fff;
    box-shadow:
        rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
        rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    transition: all 0.6s !important;
}

.nav-link.programpg-navbar.active {
    background: var(--darkgreen) !important;
    color: #fff !important;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
.nav-link.programpg-navbar.active i.p-heading-blue {
    color: #fff !important;
}

.nav-link.programpg-navbar:hover {
    background: var(--darkgreen) !important;
    color: #fff !important;
}
.nav-link.programpg-navbar:hover.nav-link.programpg-navbar i.p-heading-blue {
    color: #fff !important;
}

/* programss end  */

/* iqac  */

.iqac-card {
    height: 320px;

    box-shadow:
        rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
        rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.iqac-img {
    padding: 10px;
    height: 220px;

    display: flex;
    justify-content: center;
    align-items: center;
}

.iqac-img img {
    height: 200px;
    width: 100%;
    object-fit: contain;
}
.iqac-detail {
    padding: 10px 20px;
}

.iqac-detail p.p-black-bold {
    -webkit-line-clamp: 1 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.iqac-detail p.p-grey {
    -webkit-line-clamp: 3 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.iqac-detail p.p-black {
    -webkit-line-clamp: 1 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* iqac */

/* coh  */

.spid {
    position: relative;
    height: 250px;
    overflow: hidden;
}
.spid:hover.spid img.mimg {
    transform: scale(1.1);
}

img.mimg {
    height: 250px;
    width: 100%;
    transition: all 0.6s;

    overflow: hidden;
    object-fit: cover;
}

.cohab {
    position: absolute;
    background: #0000005b;

    display: none;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    z-index: 5;
    justify-content: center;
    align-items: center;
}

.cohab img {
    height: 50px;
    width: 50px;
}
.coh:hover.coh .cohab {
    display: flex !important;
    overflow: hidden !important;
}

/* coh  */

/* mooc  */
.mooc-img {
    display: flex;
    flex-direction: column;
}

.mooc-img img {
    height: 50px;
    width: 100px;
    object-fit: contain;
}

/* mooc end  */

/* csis  */

/* csis end  */

/* all- library / */
.library-card {
    height: 300px;
    box-shadow:
        rgba(0, 0, 0, 0.16) 0px 3px 6px,
        rgba(0, 0, 0, 0.23) 0px 3px 6px;
    position: relative;
    margin: 20px 0px;
}
.library-card::before {
    content: "";
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(72deg, #000, transparent);
}

.library-card img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}
.library-type {
    position: absolute;
    top: 0;

    left: 0;
    right: 0;
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}
.library-type h4.p-heading-yellow {
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.library-type p.p-white-bold {
    -webkit-line-clamp: 8 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.libraryread {
    color: #eec30c !important;
    font-weight: 900;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 1) !important;
}

/* all- library / */

/* iam  */
.iam {
    position: relative;
    height: auto;
}

.iam-name {
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 1) !important;

    background: var(--yellow);
}

.iam-detail {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.iam-detail .iam-img {
    position: absolute;
    top: 50%;
    left: 0%;
    right: 0;
    z-index: 1;
}
.iam-img img {
    width: 100px;
    height: 100px;
}

/* iam  */

/* masonry end  */
/* library  */
.library-section {
    border-bottom: 1px solid #dadada;
}
.library-section h5.sub-heading-black {
    display: flex;
    align-items: center;
    position: relative;
}
.library-section h5.sub-heading-black::after {
    content: "";
    width: 200px;
    height: 6px;
    position: absolute;
    background: linear-gradient(to right, #557a95, rgba(255, 0, 0, 0));
    left: 0;

    bottom: -6px;
}
/* library end  */

/* conference  */

.conference-bg {
    height: 500px !important;
    position: relative;
}
.conference-bg img {
    height: 500px !important;
    object-fit: cover;
    width: 100%;
}

.nep-content {
    position: absolute;
    width: 50%;
    right: 0;
    top: 0;
    justify-content: center;
    display: flex;
    flex-direction: column;

    height: 100%;
}
.nep-content h4 {
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 1) !important;
}
.nep-content p {
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 1) !important;
}

.conference-card {
    min-height: 300px;
    max-height: 350px;
    position: relative;
}
.conference-card img {
    width: 100%;
}
.ctrab {
    position: absolute;
    width: 2px;
    top: 0;
    right: 0;
    background: var(--darkgreen);
    height: 30px;
}
.cttab {
    position: absolute;
    width: 30px;
    top: 0;
    right: 0;
    background: var(--darkgreen);
    height: 2px;
}
.cblab {
    position: absolute;
    width: 2px;
    bottom: 0;
    left: 0;
    background: var(--darkgreen);
    height: 30px;
}
.cbbab {
    position: absolute;
    width: 30px;
    bottom: 0;
    left: 0;
    background: var(--darkgreen);
    height: 2px;
}

.hctrab {
    position: absolute;
    width: 6px;
    top: 0;
    right: 0;
    background: var(--darkgreen);
    height: 50px;
}
.hcttab {
    position: absolute;
    width: 50px;
    top: 0;
    right: 0;
    background: var(--darkgreen);
    height: 6px;
}
.hcblab {
    position: absolute;
    width: 6px;
    bottom: 0;
    left: 0;
    background: var(--darkgreen);
    height: 50px;
}
.hcbbab {
    position: absolute;
    width: 50px;
    bottom: 0;
    left: 0;
    background: var(--darkgreen);
    height: 6px;
}
.scfb {
    overflow: hidden;
    transition: all 0.6s;
}
.scfb img {
    overflow: hidden !important;
    transition: all 0.6s;
}
.scfb:hover.scfb img {
    transform: scale(1.1);
}
.scfbab {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #557a9566;
    display: none;
    left: 0;
    right: 0;
    justify-content: center;
    align-items: center;
    z-index: 4;
}
.scfbab img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.scfb:hover .scfbab {
    display: flex;
}

/* conference end  */
/* school-navbar */
.school-navbarp {
    transition: all 0.6s !important;
}
.display-noneslg {
    display: none;
}
.schoolnav-border {
    box-shadow:
        rgba(0, 0, 0, 0.16) 0px 3px 6px,
        rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
a.ct-sc-nav {
    display: inline-block;
    border-left: 2px solid var(--yellow) !important;
    border-bottom: 2px solid var(--yellow) !important;
    margin: 5px 5px !important;
    padding: 5px;
    transition: all 0.6s !important;
}
a.ct-sc-nav span.p-heading-grey {
    transition: all 0.6s !important;
}
a.ct-sc-nav:hover {
    border-left: 2px solid var(--white) !important;
    border-bottom: 2px solid var(--white) !important;
    background: var(--yellow);
}
a.ct-sc-nav:hover span {
    color: #fff !important;
}
a.ct-sc-nav:hover span.p-heading-grey {
    color: var(--yellow) !important;
}
a.ct-sc-nav.active {
    border-left: 2px solid var(--white) !important;
    border-bottom: 2px solid var(--white) !important;
    background: var(--yellow);
}
a.ct-sc-nav.active span {
    color: var(--white) !important;
}
.school-banner-wh .banner-links.active {
    border-bottom: 2px solid var(--black);
    color: var(--yellow);
}

.school-banner-wh .banner-links:hover {
    color: #dde7f7 !important;
}
/* school-navbar end */

/* masonry  */

.masonry {
    margin: 20px auto;
    columns: 4;
    column-gap: 40px;
}

.item {
    break-inside: avoid;
    width: 100%;
    margin: 0 0 20px;
    padding: 10px;
    overflow: hidden;
    box-shadow:
        rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
        rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.item img {
    max-width: 100%;
}

@media only screen and (max-width: 480px) {
    .masonry {
        columns: 1;
        column-gap: 40px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    .masonry {
        columns: 2;
        column-gap: 40px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
    .announcement-content {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    .masonry {
        columns: 3;
        column-gap: 40px;
    }
}

/* masonry end  */

/* departments */
.daimg {
    height: auto;
    background: linear-gradient(to bottom, rgb(255, 255, 255), rgba(255, 255, 255, 0));
    position: relative;
}
.daimg::after {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    content: "";
    position: absolute;
    background: linear-gradient(to bottom, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}

.daimg img {
    height: 400px;
    width: 100%;
    object-fit: cover;
}
.daimgd {
    position: absolute;
    width: 80%;
    height: auto;
    left: 10%;
    right: 10%;
    top: 20%;
    display: flex;
    justify-content: center;
    align-items: center;

    margin: 0px auto;
    z-index: 5;
}
.dade {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dmvimg {
    min-height: 300px;
    width: 100%;
}
.dmvimg img {
    height: 300px;
    width: 100%;
    object-fit: contain;
}

/* dean */

.dean-img {
    height: 80%;
    width: 90%;
    position: relative;
    padding: 6px;
}
.dean-img img {
    border: 6px solid #f1f6fe;
    height: 100%;
    object-fit: cover;
    object-position: top;
    width: 100%;
}
.dean-message p.section-sub-heading-black.mb-3.d-block {
    width: 33% !important;
    font-size: 30px !important;
}
.dean-rr {
    position: absolute;
    right: -1%;
    top: -1%;
    background: var(--green);
    width: 8px;
    height: 100%;
}
.dean-tr {
    position: absolute;
    right: -1%;
    top: -1%;
    background: var(--green);
    width: 10%;
    height: 8px;
}
.dean-br {
    position: absolute;
    right: -1%;
    bottom: -1%;
    background: var(--green);
    width: 10%;
    height: 8px;
}

.dean-ll {
    position: absolute;
    left: -1%;
    top: -1%;
    background: var(--green);
    width: 8px;
    height: 100%;
}
.dean-tl {
    position: absolute;
    left: -1%;
    top: -1%;
    background: var(--green);
    width: 10%;
    height: 8px;
}
.dean-bl {
    position: absolute;
    left: -1%;
    bottom: -1%;
    background: var(--green);
    width: 10%;
    height: 8px;
}

/* dean end */

/* why  */

.whybg {
    background: url("../../images/why.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}
.why-card-img {
    border-right: 8px solid #ffff;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.why-card:hover img {
    animation: wave 2s infinite linear !important;
    animation-play-state: running !important;
}
@keyframes wave {
    0% {
        transform: rotate(0deg);
    }
    10% {
        transform: rotate(14deg);
    }
    20% {
        transform: rotate(-8deg);
    }
    30% {
        transform: rotate(14deg);
    }
    40% {
        transform: rotate(-4deg);
    }
    50% {
        transform: rotate(10deg);
    }
    60% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@media (min-width: 0px) and (max-width: 480px) {
    .why-card-img {
        border-right: 0px !important;

        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
.why-card-img img {
    animation-play-state: paused !important;
    height: 80%;
    width: 80%;
    object-fit: contain;
}

.why-card:hover img {
    animation-play-state: running !important;
}

/* why end  */
/* departments  end*/

@media (min-width: 0px) and (max-width: 480px) {
    .phli{
        flex-direction: column !important;
    }

    .overflow-m-scrollmis {
        width: 100% !important;
        overflow-x: scroll !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        flex-wrap: nowrap !important;
    }
    #placemnents-highlights.owl-carousel .owl-dots {
        right: 40% !important;
        left: 40% !important;
        bottom: 1% !important;
        position: absolute !important;
        display: flex !important;
        justify-content: center !important;
    }
    h2.accordion-header.download-m-list span.p-black-bold {
        -webkit-line-clamp: 3 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        width: 65% !important;
    }

    .did {
        position: absolute !important;
        right: 20%;
        top: 26%;
        display: flex;
        align-items: center;
        justify-content: center !important;

        width: 10%;
        z-index: 5;
    }

    .achimg {
        position: absolute;
        right: 0%;
        height: 40%;
        border: 5px solid #ccc;
        width: 35%;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        top: 4%;
    }
    .achimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }
    .readachbtn {
        position: absolute;
        right: 0%;

        width: 35%;
        display: flex;
        align-items: center;
        justify-content: center;

        top: 46%;
    }
    a.readachbtna {
        padding: 10px;
        text-align: center;
        transition: all 0.7s !important ;
        position: relative;
    }
    a.readachbtna::after {
        content: "";
        position: absolute;
        width: 30%;
        bottom: -1%;
        left: 35%;
        right: 35%;
        height: 2px;
        background: var(--yellow);
    }
    a.readachbtna i.fa-solid.fa-arrow-right {
        display: none;
        color: #fff;
        transition: display 0.7s !important;
    }
    a.readachbtna:hover {
        color: var(--yellow) !important;
    }
    a.readachbtna:hover.readachbtna::after {
        background: #fff !important;
    }
    a.readachbtna:hover i.fa-solid.fa-arrow-right {
        display: inline-block !important;
        padding: 10px;
        color: var(--yellow);
    }

    .achievement-item {
        position: relative;
        padding: 15% 35% 15% 6%;
    }

    .dean-img {
        height: 100% !important;
        width: 80%;
        position: relative;
        padding: 6px;
    }
    .dean-message p.section-sub-heading-black.mb-3.d-block {
        width: 100% !important;
        font-size: 20px !important;
    }
    .nep-content {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;

        height: 100%;
    }
    .form-check.programpg-types:-webkit-scrollbar {
        display: none !important;
    }
    .contact_field {
        padding: 20px 10px;
    }

    .contact_info_sec {
        position: relative !important;
        background-color: #2d2d2d;
        right: 0px;
        top: 18%;
        margin-top: 30px;
        width: 100%;
        padding: 40px;
        border-radius: 25px 0 0 25px;
    }

    .scholarship-banner-wh .scholarship-banner-content {
        height: 60%;
        width: 60%;
    }
    .scholarship-banner-content {
        width: 85%;
    }

    .scholarship-banner-wh {
        height: 200px !important;
    }
    .scholarship-banner-wh img {
        width: 40%;
        height: 200px;
        object-fit: contain;
    }
    .dpm {
        display: none !important;
    }

    .cts-elig-card-a {
        width: 100%;
    }

    .coe-btn {
        position: absolute;
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        height: 10%;
        right: 0;
        bottom: 0;
    }
    .coe-detail {
        position: absolute;
        display: flex;
        align-items: start;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        height: 100%;
        background: #ffcd2963;
        left: 0;
        top: 0;
    }
    .infrastructure {
        height: 100% !important;
        width: 100%;
        background-size: cover;
        background-position: center center;
    }

    .testimonials {
        margin: 1em auto;
    }
    .curriculum-tabs {
        height: 230px !important;
    }
    .testimonials-block {
        width: 47% !important;
        margin: 10px 5px;
    }

    .school-about-section::before {
        background: var(--darkgreen);
        content: "";
        position: absolute;
        width: 100%;
        top: 0;
        height: 100%;
        left: 0;
    }

    .scholarship-banner-content .banner-heading-white {
        font-size: 20px !important;
    }
    .scholarship-banner-content .p-white-bold {
        font-size: 12px !important;
    }
    .allevents-search {
        display: flex;
        justify-content: center !important;
    }
    .breadcrumb {
        list-style: none !important;
        overflow-y: hidden !important;
        overflow-x: scroll !important;
        width: 100% !important;
        flex-wrap: nowrap !important;

        padding: 0 !important;
    }
    .breadcrumb::-webkit-scrollbar {
        display: none !important;
    }

    .scholarship-banner {
    width: 100% !important;
        height: auto !important;
        position: relative;
    }

     
    .scholarship-banner img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover;
    }
    .tie-home-handshake {
        position: absolute;
        top: 42%;
        left: 42%;
    }
    .circle {
        width: 100%;
        height: 200px;
        width: 100%;
        padding: 20px 0px;
        position: relative;

        top: 0%;
    }

    .animate-tie-ups-images {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        padding: 0px 10px;
        width: 60px;
        border-radius: 50%;
        overflow: hidden;
        background-color: #fff;
        padding: 10px;
    }
    .animate-tie-ups-images img {
        object-fit: contain !important;
      height: 100%;
      width: 100%;
    }
    .animate-tie-ups-images:hover.animate-tie-ups-images img {
        transform: scale(1.1);
    }

    .tieuparm {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 70px;
        height: 1px;
        background-color: transparent;
    }

    .tie-box {
        position: absolute;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        left: 95%;
        top: -50px;
        font-size: 22px;
        color: #fff;
        line-height: 100px;
        margin: 0px 10px;

        text-align: center;
        background: #fff;
    }

    .testimonial-logo-1 {
        display: none;
    }
    .package-col {
        margin-top: 100px !important;
        border-left: none;
    }
    .testimonial-logo-2 {
        display: none;
    }
    .highlight-card::before {
        display: none !important;
    }
    .highlight-card {
        height: 100px;
        min-height: 100px;
        max-height: 100px;
        width: 100%;
        margin: 0 0 !important;
        padding: 10px !important;
    }

    .highlight-card h3.sub-heading-white {
        font-size: 20px !important;
    }
    .highlight-card p.p-black-bold {
        font-size: 17px !important;
    }

    .highlight-card p.p-black-bold {
        font-size: 12px !important;
    }
    .highlight-card p.p-white-bold {
        font-size: 12px !important;
        margin-bottom: 0 !important;
    }

    .highlight-course {
        width: 100% !important;
        flex-wrap: nowrap !important;
        overflow-x: scroll !important;
        margin-left: 0 !important;

        margin-right: 0 !important;
        margin-bottom: 10px;
        top: 30px !important;
    }

    .highlight-course::-webkit-scrollbar {
        display: none;
    }

    .ev-state-sticker {
        width: 100%;
        height: 40px;
    }

    .ev-status {
        top: 20%;
    }
    .side-content-left {
        display: none;
    }
    .side-content-left-2 {
        display: none;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
      .phli{
        flex-direction: column !important;
      }

    h2.accordion-header.download-m-list span.p-black-bold {
        -webkit-line-clamp: 3 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        width: 80% !important;
    }

    .did {
        position: absolute !important;
        right: 11%;
        top: 26%;
        display: flex;
        align-items: center;
        justify-content: center !important;

        width: 10%;
        z-index: 5;
    }
}
@media (min-width: 0px) and (max-width: 768px) {

    .messages-wrap {
        width: 100%;
        margin-top: 5px !important;
        text-align: center;
    }
    .messages-wrap .banner-heading-white{
        font-size: 15px !important;
    }
    .messages-wrap .sub-heading-white{
        font-size: 9px !important;
    }
    .videobanner {
        position: relative;
        text-align: center !important;
        height: auto !important;
    }
    .videobanner2 {
        position: relative;
        text-align: center !important;
        height: auto !important;
    }
    .hide-phone{
        display: none !important;
    }
    .placement-compony img {
        width: 100% !important;
        object-fit: contain;
        height: 100px !important;
        min-height: 100px;
        max-height: 100px;
    }

    .space{
        padding:  20px 0px !important;
    }
    .event-highlight{
        transition:  all 0.6s !important;
          position:fixed;
          box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
          z-index: 200000;
          display: flex;
          align-items: center;
          justify-content: center;
          max-width:100%  !important;
           border-radius: 10px;
           top: 5%;
           bottom: 10%;
           height:80vh !important;
           overflow: hidden;
           left: 0% !important;
           right:0% !important;
       }
    .phul{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column !important;
    }
    .package-container{
        padding: 10px !important;
        margin: 10px 0px;
    }

    .arrowpc1{
        display: none !important;
    }
    .arrowpc2{
        display: none !important;
    }
    /* .videobanner {
        height: 300px !important;
    } */
    .image-bannerh {
        height: auto !important;
    }
    .image-bannerh2 {
        height: auto !important;
    }
    .image-bannerab {
        width: 100% !important;
        padding-left: 10px !important;
    }
    .image-bannerab .banner-heading-white {
        font-size: 12px !important;
        
    }
    .image-bannerab .p-white-bold {
        font-size: 9px !important;
        
    }
    .imgbanbtn{
        padding: 4px !important;

    }
    .announcement-content p.p-white.mb-1 {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
      line-clamp: 2 !important;
      -webkit-appearance: none !important;
      -moz-appearance: none !important;
      appearance: none !important;
        -webkit-box-orient: vertical !important;
        
        overflow: hidden !important;
    }

    .button-video {
        right: 10% !important;
        bottom: 2% !important;
        padding: 2px !important;
        border-width: 2px !important;
    }

    .button-video i {
        text-align: center;
        color: #fff;
        position: relative;
        padding: 0 !important;
        font-size: 10px !important;
        line-height: 5px !important;
        transition: all 0.3s !important;
        height: 0px !important;
        width: 8px !important;
    }

    button.btnevents {
        display: none !important;
    }

    .display-noneslg {
        display: none !important;
    }
    .school-about-section::before {
        background: var(--darkgreen);
        content: "";
        position: absolute;
        width: 100%;
        top: 0;
        height: 100%;
        left: 0;
    }

    .vision-detail {
        position: relative;
        z-index: 4;
        width: 100% !important;
    }
    .contact_field {
        padding: 20px 80px 46px 11px !important;
        /* padding: 20px; */
    }
    .programpg-navbar {
        padding: 10px !important;
    }

    .didp {
        position: absolute !important;
        right: 12%;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center !important;
        padding: 5px;
        width: 10%;

        z-index: 5;
    }

    .testimonials-block {
        width: 47% !important;
        margin: 10px 5px;
    }

    .testimonial-name {
        position: absolute;
        border-top-right-radius: 22px;
        background-color: var(--yellow);
        bottom: -3%;

        display: inline-block !important;
        border-bottom-left-radius: 22px;
        left: 50%;
        right: 0;
        min-width: 10%;
        max-width: 50%;

        padding: 10px;
    }

    .p-grey {
        font-size: 10px !important;
    }

    .p-yellow {
        font-size: 10px !important;
    }

    .p-black-bold {
        font-size: 12px !important;
    }
    .p-grey-bold {
        font-size: 12px !important;
    }
    .p-black {
        font-size: 12px !important;
    }

    .p-white {
        font-size: 12px !important;
    }
    .p-white-bold {
        font-size: 12px !important;
    }

    .p-blue {
        font-size: 10px !important;
    }
    .p-blue-bold {
        font-size: 12px !important;
    }

    .p-red {
        font-size: 10px !important;
    }
    .p-red-bold {
        font-size: 12px !important;
    }

    /* paragraph tags  end */
    .banner-heading-white {
        font-size: 20px !important;

        font-weight: 600 !important;
    }

    .banner-heading-blue {
        font-size: 20px !important;
        font-weight: 600 !important;
    }

    .banner-heading-yellow {
        font-size: 20px !important;
        font-weight: 600 !important;
    }
    .banner-heading-black {
        font-size: 20px !important;
        font-weight: 600 !important;
    }

    /* section headings  */
    .section-heading-red {
        font-size: 18px !important;
    }

    .section-heading-blue {
        font-size: 18px !important;
    }

    .section-heading-yellow {
        font-size: 18px !important;
    }
    .section-heading-whitew {
        font-size: 18px !important;
    }
    .section-heading-white {
        font-size: 18px !important;
    }
    .section-heading-white::after {
        content: "";
        width: 200px;
        height: 6px;
        position: absolute;
        background: linear-gradient(to right, #ffcc29, rgba(255, 0, 0, 0));
        left: 0;

        bottom: -6px;
    }

    .section-heading-blackw {
        font-size: 20px !important;
    }
    .section-heading-black {
        font-size: 20px !important;
    }
    .section-heading-black::after {
        content: "";
        width: 200px;
        height: 6px;
        position: absolute;
        background: linear-gradient(to right, #ffcc29, rgba(255, 0, 0, 0));
        left: 0;
        bottom: -6px;
    }

    .section-sub-heading-white {
        font-size: 13px !important;
    }
    .section-sub-heading-white::after {
        content: "";
        width: 10%;
        height: 3px;
        position: absolute;
        background: #ef4e38;
        left: 0;
        bottom: -6px;
    }

    .section-sub-heading-black {
        font-size: 13px !important;
    }
    .section-sub-heading-black::after {
        content: "";
        width: 10%;
        height: 3px;
        position: absolute;
        background: #ef4e38;
        left: 0;
        bottom: -6px;
    }

    /* section headings  */

    .sub-heading-white {
        font-size: 15px !important;
    }

    .sub-heading-yellow {
        font-size: 15px !important;
    }

    .sub-heading-black {
        font-size: 15px !important;
    }

    .sub-heading-grey {
        font-size: 15px !important;
    }

    .sub-heading-blue {
        font-size: 15px !important;
    }

    .sub-heading-red {
        font-size: 15px !important;
    }

    .p-heading-blue {
        font-size: 14px !important;
    }

    .p-heading-black {
        font-size: 14px !important;
    }

    .p-heading-white {
        font-size: 14px !important;
    }

    .p-heading-grey {
        font-size: 14px !important;
    }

    .p-heading-red {
        font-size: 14px !important;
    }
    .p-heading-yellow {
        font-size: 14px !important;
    }

    .school-banner2 {
        height: 180px !important;
    }
    .desktop-program {
        display: none !important;
    }
    .mobile-program {
        display: block !important;
    }

    .school-banner2 img {
        width: 100%;
        height: 180px !important;
        object-fit: cover;
    }

    .navbar-expand.how_m_tab {
        width: 100% !important;
        flex-wrap: nowrap;
        display: inline-flex;
        justify-content: flex-start;
        overflow: scroll;
    }
    .howtotext {
        width: 130px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .nav.p-m-tab.nav-pills#v-pills-tab {
        overflow-x: scroll;
        width: 100%;
        /* overflow: scroll; */
        flex-wrap: nowrap !important;
        justify-content: flex-start;
    }

    .nav.p-m-tab.nav-pills#v-pills-tab::-webkit-scrollbar {
        display: none;
    }
    .p-m-w {
        width: 222px !important;
        justify-content: start;
    }
    .nav.nav-tabs.p-a-m-tab {
        overflow-x: scroll;
        width: 100%;
        /* overflow: scroll; */
        flex-wrap: nowrap !important;
        justify-content: flex-start;
        overflow-y: hidden;
    }

    .nav.nav-tabs.p-a-m-tab::-webkit-scrollbar {
        display: none;
    }

    .p-a {
        width: 100%;
        display: flex !important;
        margin-bottom: 10px !important ;
        justify-content: center !important;
        align-items: center !important;

        justify-content: center !important ;
    }
    /* home page responsive */
    .home-highlights-ul {
        width: 100% !important;
        overflow-x: scroll !important;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .home-highlights-ul::-webkit-scrollbar {
        display: none;
    }

    .overflow-m-scroll {
        width: 100% !important;
        overflow-x: scroll !important;
        flex-wrap: nowrap !important;

        overflow-y: hidden !important;
        white-space: nowrap !important;
    }
    .overflow-m-scroll .nav-link {
        white-space: nowrap !important;
    }

    .overflow-m-scroll::-webkit-scrollbar {
        display: none;
    }

    .video-banner-content .banner-heading-yellow {
        font-size: 15px !important;
    }
    .video-banner-content .p-heading-white {
        font-size: 10px !important;
    }
    .video-banner-content {
        width: 100%;
        padding: 30px;
        top: 0%;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        left: 0;
        right: 0;
    }
    section.about-us::before {
        content: "";
        position: absolute;
        width: 100%;
        background-color: rgb(0 0 0 / 84%);
        top: 0;
        left: 0;
        right: 0;
        height: 100%;

        /* home page responsive  end*/
    }
    .placement-detail-yellow-arrow-left::before {
        display: none;
    }
    .placement-detail-white-arrow-left::before {
        display: none;
    }
    .placement-detail-yellow-arrow-right::before {
        display: none;
    }
    .placement-detail-white-arrow-right::before {
        display: none;
    }

    .col-md-6.col-lg-6.col-sm-12.mt-sm-4.latest-news-col {
        margin: 20px 0px 0px 0px;
    }

    .campus-video-bg::before {
        content: "";
        width: 100%;
        height: 100%;
        bottom: 0;
        right: 0;
        background-color: rgb(0 0 0 / 84%);
        position: absolute;
    }
    .d-mnone {
        display: none !important;
    }

    .achievement-icon {
        height: 80px;
        min-height: 80px;
        max-height: 80px;
    }
    .achievement-icon img {
        height: 50px;
        min-height: 50px;
        max-height: 50px;
        width: 50px !important;
        object-fit: cover;
        animation: achievement 2s infinite;
        animation-timing-function: linear;
    }
    .latest-news h2 {
        text-align: start;
        padding: 10px;
    }
    .latest-news-col {
        margin-top: 10px !important;
        padding: 0 !important;
    }
}

@media (min-width: 769px) and (max-width: 990px) {
    .imgbanbtn{
        padding: 10px !important;

    }

       .hide-phone{
        display: none !important;
    }
      .image-bannerh {
        height: auto !important;
    }
    .image-bannerh2 {
        height: auto !important;
    }
    .ct-nav li.p-black a.ct-nav-a {
        font-size: 11px !important;
    }
    .side-menu-logo{
        display: none;
    }
 
    h2.accordion-header.download-m-list span.p-black-bold {
        -webkit-line-clamp: 3 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        width: 80% !important;
    }

    .did {
        position: absolute !important;
        right: 11%;
        top: 22%;
        display: flex;
        align-items: center;
        justify-content: center !important;
        padding: 5px;
        width: 10%;
        z-index: 5;
    }

    button.btnevents {
        top: 48% !important;
    }
    .achimg {
        position: absolute;
        right: 0%;
        height: 40%;
        border: 5px solid #ccc;
        width: 35%;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        top: 4%;
    }
    .achimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }
    .readachbtn {
        position: absolute;
        right: 0%;

        width: 35%;
        display: flex;
        align-items: center;
        justify-content: center;

        top: 46%;
    }
    a.readachbtna {
        padding: 10px;
        text-align: center;
        transition: all 0.7s !important ;
        position: relative;
    }
    a.readachbtna::after {
        content: "";
        position: absolute;
        width: 30%;
        bottom: -1%;
        left: 35%;
        right: 35%;
        height: 2px;
        background: var(--yellow);
    }
    a.readachbtna i.fa-solid.fa-arrow-right {
        display: none;
        color: #fff;
        transition: display 0.7s !important;
    }
    a.readachbtna:hover {
        color: var(--yellow) !important;
    }
    a.readachbtna:hover.readachbtna::after {
        background: #fff !important;
    }
    a.readachbtna:hover i.fa-solid.fa-arrow-right {
        display: inline-block !important;
        padding: 10px;
        color: var(--yellow);
    }

    .achievement-item {
        position: relative;
        padding: 15% 35% 15% 6%;
    }

    .dean-message p.section-sub-heading-black.mb-3.d-block {
        width: 70% !important;
        font-size: 25px !important;
    }
    .contact_info_sec {
        position: absolute;
        background-color: #2d2d2d;
        right: 1px;
        margin: auto 0;
        top: 6%;
        width: 40%;
        padding: 40px;
        border-radius: 25px 0 0 25px;
    }

    .home-testimonial-user {
        position: absolute;
        bottom: 5%;
        left: 0%;
        background-color: #f1f6fe;
        right: 0;
        display: flex;
        justify-content: center;
        width: 30%;
        height: 26%;
        z-index: 4;
        padding: 10px;
        border-radius: 50%;
    }
    .ev-state-sticker {
        width: 100%;
        height: 42px;
    }
    .ev-status {
        color: var(--white);
        text-align: center;
        font-size: 6px;
        top: 19%;
        left: 1%;
    }

    .testimonial-name {
        position: absolute;
        border-top-right-radius: 22px;
        background-color: var(--yellow);
        bottom: -3%;

        display: inline-block !important;
        border-bottom-left-radius: 22px;
        left: 50%;
        right: 0;
        min-width: 10%;
        max-width: 30%;

        padding: 10px;
    }
    .desktop-program {
        display: none !important;
    }
    .mobile-program {
        display: block !important;
    }

    .p-grey {
        font-size: 10px !important;
    }
    .p-grey-bold {
        font-size: 12px !important;
    }

    .p-yellow {
        font-size: 10px !important;
    }

    .p-black-bold {
        font-size: 12px !important;
    }
    .p-black {
        font-size: 12px !important;
    }

    .p-white {
        font-size: 12px !important;
    }
    .p-white-bold {
        font-size: 12px !important;
    }

    .p-blue {
        font-size: 10px !important;
    }
    .p-blue-bold {
        font-size: 12px !important;
    }

    .p-red {
        font-size: 10px !important;
    }
    .p-red-bold {
        font-size: 12px !important;
    }

    /* paragraph tags  end */
    .banner-heading-white {
        font-size: 26px !important;
    }

    .banner-heading-blue {
        font-size: 26px !important;
    }

    .banner-heading-yellow {
        font-size: 26px !important;
    }
    .banner-heading-black {
        font-size: 26px !important;
    }

    /* section headings  */
    .section-heading-red {
        font-size: 20px !important;
    }

    .section-heading-blue {
        font-size: 20px !important;
    }

    .section-heading-yellow {
        font-size: 20px !important;
    }
    .section-heading-whitew {
        font-size: 20px !important;
    }
    .section-heading-white {
        font-size: 20px !important;
    }
    .section-heading-white::after {
        content: "";
        width: 200px;
        height: 6px;
        position: absolute;
        background: linear-gradient(to right, #ffcc29, rgba(255, 0, 0, 0));
        left: 0;

        bottom: -6px;
    }

    .section-heading-blackw {
        font-size: 20px !important;
    }
    .section-heading-black {
        font-size: 20px !important;
    }
    .section-heading-black::after {
        content: "";
        width: 200px;
        height: 6px;
        position: absolute;
        background: linear-gradient(to right, #ffcc29, rgba(255, 0, 0, 0));
        left: 0;
        bottom: -6px;
    }

    .section-sub-heading-white {
        font-size: 13px !important;
    }
    .section-sub-heading-white::after {
        content: "";
        width: 10%;
        height: 3px;
        position: absolute;
        background: #ef4e38;
        left: 0;
        bottom: -6px;
    }

    .section-sub-heading-black {
        font-size: 13px !important;
    }
    .section-sub-heading-black::after {
        content: "";
        width: 10%;
        height: 3px;
        position: absolute;
        background: #ef4e38;
        left: 0;
        bottom: -6px;
    }

    /* section headings  */

    .sub-heading-white {
        font-size: 15px !important;
    }

    .sub-heading-yellow {
        font-size: 15px !important;
    }

    .sub-heading-black {
        font-size: 15px !important;
    }

    .sub-heading-grey {
        font-size: 15px !important;
    }

    .sub-heading-blue {
        font-size: 15px !important;
    }

    .sub-heading-red {
        font-size: 15px !important;
    }

    .p-heading-blue {
        font-size: 14px !important;
    }

    .p-heading-black {
        font-size: 14px !important;
    }

    .p-heading-white {
        font-size: 14px !important;
    }

    .p-heading-grey {
        font-size: 14px !important;
    }

    .p-heading-red {
        font-size: 14px !important;
    }
    .p-heading-yellow {
        font-size: 14px !important;
    }

    .tie-home-handshake {
        position: absolute;
        top: 43%;
        left: 45%;
    }
    .circle {
        height: 300px;
        width: 100%;
        padding: 20px 0px;
        position: relative;

        top: 0%;
    }

    .animate-tie-ups-images {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        padding: 0px 10px;
        width: 60px;
        border-radius: 50%;
        overflow: hidden;
        background-color: #fff;
        padding: 10px;
    }
    .animate-tie-ups-images img {
        object-fit: contain !important;
     
        height: 100% !important;
      
        width: 100% !important;
    }
    .animate-tie-ups-images:hover.animate-tie-ups-images img {
        transform: scale(1.1);
    }

    .tieuparm {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 70px;
        height: 1px;
        background-color: transparent;
    }

    .tie-box {
        position: absolute;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        left: 30%;
        top: -50px;
        font-size: 22px;
        color: #fff;
        line-height: 100px;
        margin: 0px 10px;

        text-align: center;
        background: #fff;
    }

    .home-highlights-ul {
        width: 100% !important;
        overflow-x: scroll !important;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .home-highlights-ul::-webkit-scrollbar {
        display: none;
    }
}
@media (min-width: 780px) and (max-width: 1000px) {

    
      .image-bannerh {
        height:600px !important;
    }
    .image-bannerh2 {
        height: 600px !important;
    }

    .ct-nav li.p-black a.ct-nav-a {
        padding: 8px 4px  !important;
        font-size: 9px !important;
     }
    }

@media (min-width: 991px) and (max-width: 1500px) {
    .imgbanbtn{
        padding: 4px !important;

    }


    .ct-nav li.p-black a.ct-nav-a {
         font-size: 10px !important;
     }
    }

    
    .dean-message p.section-sub-heading-black.mb-3.d-block {
        width: 37% !important;
        font-size: 20px !important;
    }

    .overflow-m-scroll {
        width: 100% !important;
        overflow-x: scroll !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
    }
  
    .overflow-m-scroll::-webkit-scrollbar {
        display: none;
    }

    .contact_info_sec {
        position: absolute !important;
        background-color: #2d2d2d;
        right: 0px;
        top: 7%;
        margin-top: 20px;
        width: 40%;
        padding: 40px;
        border-radius: 25px 0 0 25px;
    }

    .contact_field {
        padding: 59px 200px 60px 23px;
    }

    .desktop-program {
        display: none !important;
    }
    .mobile-program {
        display: block !important;
    }

    .p-grey {
        font-size: 11px !important;
    }

    .p-yellow {
        font-size: 11px !important;
    }

    .p-black-bold {
        font-size: 13px !important;
    }
    .p-black {
        font-size: 13px !important;
    }

    .p-white {
        font-size: 13px !important;
    }
    .p-white-bold {
        font-size: 13px !important;
    }

    .p-blue {
        font-size: 10px !important;
    }
    .p-blue-bold {
        font-size: 12px !important;
    }

    .p-red {
        font-size: 10px !important;
    }
    .p-red-bold {
        font-size: 12px !important;
    }

    /* paragraph tags  end */
    .banner-heading-white {
        font-size: 26px !important;
    }

    .banner-heading-blue {
        font-size: 26px !important;
    }

    .banner-heading-yellow {
        font-size: 26px !important;
    }
    .banner-heading-black {
        font-size: 26px !important;
    }

    /* section headings  */
    .section-heading-red {
        font-size: 20px !important;
    }

    .section-heading-blue {
        font-size: 20px !important;
    }

    .section-heading-yellow {
        font-size: 20px !important;
    }
    .section-heading-whitew {
        font-size: 20px !important;
    }
    .section-heading-white {
        font-size: 20px !important;
    }
    .section-heading-white::after {
        content: "";
        width: 200px;
        height: 6px;
        position: absolute;
        background: linear-gradient(to right, #ffcc29, rgba(255, 0, 0, 0));
        left: 0;

        bottom: -6px;
    }
    .section-heading-blackw {
        font-size: 20px !important;
    }

    .section-heading-black {
        font-size: 20px !important;
    }
    .section-heading-black::after {
        content: "";
        width: 200px;
        height: 6px;
        position: absolute;
        background: linear-gradient(to right, #ffcc29, rgba(255, 0, 0, 0));
        left: 0;
        bottom: -6px;
    }

    .section-sub-heading-white {
        font-size: 13px !important;
    }
    .section-sub-heading-white::after {
        content: "";
        width: 10%;
        height: 3px;
        position: absolute;
        background: #ef4e38;
        left: 0;
        bottom: -6px;
    }

    .section-sub-heading-black {
        font-size: 13px !important;
    }
    .section-sub-heading-black::after {
        content: "";
        width: 10%;
        height: 3px;
        position: absolute;
        background: #ef4e38;
        left: 0;
        bottom: -6px;
    }

    /* section headings  */

    .sub-heading-white {
        font-size: 15px !important;
    }

    .sub-heading-yellow {
        font-size: 15px !important;
    }

    .sub-heading-black {
        font-size: 15px !important;
    }

    .sub-heading-grey {
        font-size: 15px !important;
    }

    .sub-heading-blue {
        font-size: 15px !important;
    }

    .sub-heading-red {
        font-size: 15px !important;
    }

    .p-heading-blue {
        font-size: 14px !important;
    }

    .p-heading-black {
        font-size: 14px !important;
    }

    .p-heading-white {
        font-size: 14px !important;
    }

    .p-heading-grey {
        font-size: 14px !important;
    }

    .p-heading-red {
        font-size: 14px !important;
    }
    .p-heading-yellow {
        font-size: 14px !important;
    }

.recent-date-div {
    position: relative !important;
}
.recent-date {
    border-bottom-left-radius: 26px;
    position: absolute !important;
    bottom: -14%;
    height: 25px;
    width: 35%;
    left: -2px;
    background-color: #ebbf2e;
    padding: 4px 10px;
    border-top-right-radius: 26px;
}

.recent-date p {
    margin: 0px 0px 0px !important;
    text-align: center !important;
}

/* single-course  */

.course-applynowbtn {
    position: absolute !important;
    padding: 10px !important;
    right: 3% !important;
    bottom: 4% !important;
    background: var(--darkgreen) !important;
    border: 0 !important;
    color: var(--white) !important;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
}
.course-applynowbtn:hover {
    animation-play-state: initial !important;
    animation-fill-mode: none !important;
    background: #f1f6fe !important;
    color: #000 !important;
    box-shadow:
        rgba(0, 0, 0, 0.25) 0px 54px 55px,
        rgba(0, 0, 0, 0.12) 0px -12px 30px,
        rgba(0, 0, 0, 0.12) 0px 4px 6px,
        rgba(0, 0, 0, 0.17) 0px 12px 13px,
        rgba(0, 0, 0, 0.09) 0px -3px 5px !important;
}
/* single course   end */

/* home video  */

.button-video {
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    position: absolute;
    bottom: 10%;
    border: 6px solid #dadada;
    right: 5%;
    transition: 0.3s !important;
    padding: 10px;
}

.button-video i {
    color: #fff;
    position: relative;
    padding: 0 !important;

    font-size: 20px !important;
    line-height: 20px !important;
    transition: all 0.3s !important;
    height: 20px !important;
    width: 20px !important;
}
.button-video:hover {
    background: #dadada !important;
}
.button-video:hover i {
    color: #000 !important;
}

/* home video  end  */

/* events overflow  */
.events-lpage-overflow {
    overflow-x: auto !important;
    white-space: nowrap !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
}

.events-lpage-overflow::-webkit-scrollbar {
    display: none !important;
}
.btneventscroll {
    position: relative;
}
button.btnevents {
    position: absolute;
    top: 50%;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    font-weight: 600;
    display: flex;
    background: #ccc;
    border: 1px solid #999;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    padding: 5px;
}

#leftButton {
    left: -34px;
}

#rightButton {
    right: -34px;
}
/* events overflow  */

/* placements -changes  */

.plhigh-card {
    max-height: 600px;
    min-height: 500px;
    background: transparent;
    display: flex;
    align-items: center;
    position: relative;
    padding: 10px;
    flex-direction: column;
}
#placemnents-highlights.owl-carousel .owl-dots {
    right: 40% !important;
    left: 40% !important;
    bottom: 10%;
    position: absolute !important;
    display: flex !important;
    justify-content: center !important;
}

#placemnents-highlights.owl-carousel .owl-dot {
    padding: 1px !important;
    margin: 0px 4px !important;
    border-radius: 50% !important;
    background: 0 0 !important;
    color: inherit !important;
    border: 6px solid #d6cfcf !important;
    padding: 0 !important;
    font: inherit;
}
#placemnents-highlights.owl-carousel .owl-dot.active {
    border: 6px solid var(--yellow) !important;
}
.pl-imgv {
    height: 280px;
    width: 80%;
    margin: 0 auto !important;
    position: relative;
}
.pl-imgv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 10% 10%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.pl-imgv video {
    width: 100%;
    object-fit: cover;
    object-position: 10% 10%;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
}

.vdplay {
    position: absolute !important;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
    left: 0;

    right: 0;

    width: 100%;
    height: 100%;
}

.vdplaybt {
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    padding: 10px;
    background: #557a959e;
    color: #fff;
    height: 50px;
    width: 50px;
    font-size: 30px;
    border-radius: 50%;
}
.vdplaybt i {
    padding-left: 0 !important;
}

.plrank {
    background: #fff;
}

.plrnk-img {
    height: 200px;
    background: #fff;
    padding: 10px;
}
.plrnk-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.plrnk-detail {
    border-top: 1px solid #ccc;
}

#plranking.owl-carousel .owl-item {
    height: 100% !important;
}

#plranking.owl-carousel.owl-loaded.owl-drag {
    position: relative !important;
}
#plranking.owl-carousel.owl-loaded.owl-drag:hover .owl-nav button.owl-next {
    right: 3% !important;
    background: var(--darkgreen) !important;
    z-index: 200 !important;
}
#plranking.owl-carousel.owl-loaded.owl-drag:hover .owl-nav button.owl-prev {
    left: 3% !important;
    background: var(--darkgreen) !important;
}
/* #topfaculty.owl-carousel .owl-nav{
    position: absolute;
    right: 0;
    text-align: center;
    width: 16%;
    bottom:20%;
} */
#plranking.owl-carousel .owl-nav button.owl-next {
    margin: 0px 5px;
    position: absolute;
    right: -4%;
    transition: all 0.6s !important;
    text-align: center;
    width: 32px;
    bottom: 46%;
    height: 32px;
    border: 0 !important;
    background: #7c7c7c4b;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50%;
}

#plranking.owl-carousel .owl-nav button.owl-next span {
    font-weight: 600;
    height: 66px;
    font-size: 36px;
    color: var(--white);
}
#plranking.owl-carousel .owl-nav button.owl-prev {
    margin: 0px 5px;
    position: absolute;
    left: -4%;
    text-align: center;
    transition: all 0.6s !important;
    width: 32px;
    border: 0 !important;
    bottom: 46%;
    height: 32px;
    border-radius: 50%;
    background: #7c7c7c4b;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#plranking.owl-carousel .owl-nav button.owl-prev span {
    height: 66px;
    font-size: 36px;
    font-weight: 600;
    color: var(--white);
}

#plranking.owl-carousel .owl-nav.disabled {
    display: inline-block !important;
}

.programpg-navbar {
    font-size: 12px !important;
}

.conatct-pl {
    height: 300px;
    position: relative;
}
.conatct-pl-img {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    bottom: 0;
}
.contact-pl-d {
    position: absolute;

    z-index: 2;
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;

    left: 0;
    bottom: 0;
}

.conatct-pl-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pgci img {
    height: 100%;
    object-fit: cover;
    object-position: top;
    width: 100%;
}
.pgci2 {
    height: auto;
    width: 26%;
    margin-left: auto;
    background: #fff;
}
.pgci2 img {
    height: 100%;
    object-fit: contain;

    width: 100%;
}
/* placements -changes  end */

.splide__pagination.splide__pagination--ttb {
    display: none !important;
}

ul.splide__pagination.splide__pagination--ltr {
    display: none !important;
}

.side-menu-wrap.opened {
    height: 100% !important;
}
.school-page-about {
    color: #fff !important;
}
.school-page-about ul li {
    list-style: inherit !important;
}

/* home inline css  */

.imgbanbtn {
    color: #fff;
    background: var(--weborange);
    transition: all 0.6s;
    border: 6px solid var(--weborange);
}
.imgbanbtn:hover {
    color: #fff;
    background: transparent;
    border: 6px solid var(--lightyellow);
}

h6.bannerimg-h2 {
    display: inline-block;
    position: relative;
}
h6.bannerimg-h2::after {
    content: "";
    position: absolute;

    background: linear-gradient(to right, var(--darkgreen), rgba(255, 0, 0, 0));

    width: 60%;
    height: 4px;
    bottom: -8px;
    left: 0;
    z-index: 3;
}
.image-bannerh {
    height: 600px ;
    position: relative;
}
.image-bannerh::before {
    content: "";
    height: 100%;
    position: absolute;
    background: linear-gradient(0deg, #000,#00000040);
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
}
.image-bannerh2 {
    height: 600px ;
    position: relative;
}

.image-bannerab {
    height: 100%;
    width: 60%;
    position: absolute;
    display: flex;
    justify-content: center;

    flex-direction: column;
    padding: 0% 3%;
}


.image-bannerh img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.image-bannerh video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.image-bannerh2 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.image-bannerh2 video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
h6.sub-heading-white.message {
    transition: all 0.7s !important;
}
.h2b {
    color: transparent !important;
    -webkit-text-stroke: 1.5px white !important;
}
.h2b2 {
    color: transparent !important;
    -webkit-text-stroke: 2px var(--yellow) !important;

    -webkit-mask-image: linear-gradient(
        -75deg,
        rgb(0 0 0 / 128%) 57%,
        #400a0a 50%,
        rgb(255 255 255 / 60%) 70%
    ) !important;
    -webkit-mask-size: 200%;
    animation: shine2 3s infinite linear;
}

@-webkit-keyframes shine2 {
    from {
        -webkit-mask-position: 150%;
    }

    to {
        -webkit-mask-position: -50%;
    }
}

.numeric-value {
    color: var(--yellow);

    -webkit-text-stroke: 1px transparent;
}

.sticky-icon {
    z-index: 40 !important;
    position: fixed;
bottom: 0%;
    right: -178px;
    width: 220px;
    display: flex;
    flex-direction: column;
}

.sticky-icon a {
    transform: translate(0px, 0px);
    border-radius: 5px;
    text-align: left;
    margin: 1px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 6px;

    font-family: "Oswald", sans-serif;
    transition: all 0.8s;
}

.sticky-icon a:hover {
    color: #fff;
    transform: translate(-180px, 0px);
}

.sticky-icon a:hover i {
    transform: rotate(360deg);
}

/*.search_icon a:hover i  {
transform:rotate(360deg);}*/
.Facebook {
    background-color: var(--darkgreen);
    color: #fff;
}

.Youtube {
    background-color: #fa0910;
    color: #fff;
}

.Twitter {
    background-color: #53c5ff;
    color: #fff;
}

.Instagram {
    background-color: var(--weborange);
    color: #fff;
}

.Google {
    background-color: #d34836;
    color: #fff;
}

.sticky-icon a i {
    background-color: #fff;
    height: 30px;
    width: 30px;
    color: #000;
    text-align: center;
    line-height: 30px;
    padding: 0 !important;
    border-radius: 50%;
    margin-right: 15px;
    transition: all 0.5s;
}

.sticky-icon a i.fa-book {
    background-color: #fff;
    color: var(--darkgreen);
}

.sticky-icon a i.fa-vr-cardboard {
    background-color: #fff;
    color: #d34836;
}

.sticky-icon a i.fa-pen-to-square {
    background-color: #fff;
    color: #fd1d1d;
}

.sticky-icon a i.fa-pen {
    background-color: #fff;
    color: #fa0910;
}

.sticky-icon a i.fa-graduation-cap {
    background-color: #fff;
    color: #53c5ff;
}

.fas .fa-shopping-cart {
    background-color: #fff;
}

.fa-arrow-circle-up {
    font-size: 30px;
}

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

.alert button.close {
    position: absolute !important;
    right: 15px !important;
}

.sicbtn {
    background: var(--yellow);
    border: 3px solid var(--yellow);
    transition: all 0.5s;
}
.sicbtn:hover {
    background: var(--white);
    color: #000;
    border: 3px solid var(--darkgreen);
}

.c-block {
    display: block !important;
}
.contact-usab {
    display: none;
    padding: 5px 8px;
    position: absolute;
    width: fit-content;
    height: fit-content;
    bottom: -27px;
    right: 0;
}

/* events modify  */
.course-sub-heading ul li {
    list-style-type: inherit !important;
}

.single-event-text ul li {
    list-style-type: inherit !important;
}

.course-sub-heading table td {
    border: 1px solid #aaa;
}


.whyus{
    height: 60px;
    width: 60px;
    border-radius: 50%;
    overflow: hidden;
}

.whyus img{
    height: 60px;
    width: 60px;
    object-fit: cover;

}

.package-container{
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    display: none;
  
}

.arrowpc1{
     height: 100px;
    background: var(--weborange);
    width: 2px !important;
    top: -100px;
    position: absolute;
    left: 0; 
  
}

.arrowpc2 {
    transform: rotate(67deg);
    position: absolute;
    height: 184px;
    background: var(--weborange);
    width: 2px !important;
    top: -110px;
    left: -86px;
}

.packimg{
    height: 350px;
    width: 100%;
    position: relative;


}
.packab{
    position: absolute;
    bottom: 10%;
    background-color: #fff;
    
}

    .packimg img {
        height: 350px;
        box-shadow: var(--weborange) 10px 9px 7px;
        width: 100%;
        border-radius: 20px;
        /* border-right: 5px solid var(--weborange); */
        z-index: 2;
        position: relative;
        object-fit: cover;
    }



.pcimgab{
    position: absolute;
    width: 120%;
    height: 120%;
    left: 0;
    right: 0;
    top: 0;
}


.package-logo{
    height: 60px;
    width: 110px;
    padding: 10px;
    border: 2px solid var(--weborange);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;

}

.package-logo img{
    height: 40px;
    width: 90px;
    object-fit: contain;
}


#placement-package.owl-carousel .owl-item.active .package-container{
    display: block !important;
}


.package-bg{
    background: url(../../images/Placements/ppbg.jpg),var(--darkgreen);
    background-blend-mode: multiply;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.package-bg::before{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00256173;
    content: "";
    top: 0;
    left: 0;
    right: 0;

}

.phul{
    display: flex;
    justify-content: center;
    align-items: center;
}
.phli{
    width: fit-content;
    height: 100px;  
    border-radius: 10px ;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  border-left: 2px solid #ccc;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 10px;
    opacity: 1;
    margin: 30px ;
    transition: all 0.6s !important;   
}

.phli:hover {
    margin-top: -10px;
    background: var(--weborange);
   
}
ul:hover .phli:not(:hover){
    filter: blur(2px);
}
.phli .sub-heading-black{
    color: var(--weborange);
}
.phli:hover .sub-heading-black{
    color: var(--darkgreen);
}


.p-m-tab.sticky-top{
      
    position: -webkit-sticky  !important;
    position: sticky !important;
    top: 100px !important;
}

/* success stories  */

.success-img{
    overflow: hidden;
    width: 100%;
}

.success-img img:hover{
    transform: scale(1.3);
}
.success-img img{
    height: 100%;
    width: 100%;
    transition: all 2.7s ;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.success-text{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-left:  2px dashed var(--weborange);
    border-bottom:  2px solid var(--lightyellow);
   
}

.success-p{
    position: relative !important;
    display: inline-block !important;
    z-index: 2;
 
}



.alumni-card{
    height: fit-content;
    
}

.alumni-card img{
    height: 100%;
    object-position: top;
    width: 100%;
 border-bottom-right-radius: 50%;
 border-bottom-left-radius: 50%;
}

/* success stories   end*/
.event-highlight{
 transition:  all 0.6s !important;
   position:fixed;
   box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
   z-index: 200000;
   display: flex;
   align-items: center;
   justify-content: center;
    max-width:80% ;
    border-radius: 10px;
    top: 10%;
    bottom: 10%;
    height:80vh;
    overflow: hidden;
    left: 10%;
    right:10%;
}


    .event-highlightov {
        z-index: 100000;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #00000078;


}

.highlight-event{
    height: 100%;
    position: relative;
    background: #fff;
  
}







.event-highlight .event-state {
    right: 0%;
    top: 0;
    position: absolute;
    width: 130px;
    height: 130px;
    background-color: transparent;
    overflow: hidden;

    transition: all 0.3s ease-in-out;
}

.event-highlight .ev-state-sticker {
    width: 130px;
    height: 130px;
    position: absolute;
    top: 1%;
    right: 0;
    background: url("../../images/events/eventsticker.png") top center no-repeat;
    background-size: contain;
    z-index: 0;
    animation-play-state: paused;
    animation: spin 10s linear infinite;
    bottom: 0;
    animation-play-state: running;
}

.event-highlight .ev-status {
    font-weight: 800;
    font-size: 15px;
    color: #000 !important;
    text-align: center;
    font-size: 12px;
    z-index: 5;
    background: #ffcc29;
    text-align: center;
    padding: 10px 0px;
    pointer-events: none;
    position: absolute;
    top: 49px;
    left: 0%;
    text-transform: uppercase;
}

@keyframes spin {
    100% {
        transform: rotate(1turn);
    }
}

.bgh-blue{
    background: var(--darkgreen );
}


button.events-h {
    z-index: 11111111;
    position: absolute;
    top: 0px;
    height: 40px;
    width: 40px;
    right: 0px;
    background: transparent;
    border: none !important;
    border-top-left-radius: 5px;
}


button.events-h i{
    padding: 0 !important;
  font-size: 30px;
  color: var(--lightyellow);
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 1) !important;


}



.eventdate-h {
    right: 0;
    bottom: 0;
    border-left: 11px solid var(--lightyellow);
    display: flex;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    position: absolute;
    height: fit-content;
    width: fit-content;
    border-top-left-radius: 0px;
    /* border: 1px solid var(--weborange); */
    background: var(--darkgreen);
    /* left: 0; */
    border-top-left-radius: 39px;
}

.eventdate-h:hover{
    animation: shine 0.6s linear infinite ;
-webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, 0.6) 30%, #000 50%, rgba(0, 0, 0, 0.6) 70%) !important;
-webkit-mask-size: 200%;

}
.abeh {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000, transparent);
    display: flex;
    align-items: baseline;
    justify-content: end;
    flex-direction: column;
    padding: 5% 10%;
    bottom: 0;
}

.hypereh{
    height: 100%;
}
.hypereh img{
   height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.ehabhyper{
  
    background: var(--lightyellow);
    border-radius: 10px;
    color: #fff;
    transition:  all 0.6s !important;
    font-weight: 600;
    padding: 5px 10px;
    
}
.ehabhyper:hover{
    color: #fff;
    background-color: var(--weborange);
}



#admin-video {
padding: 40px 0px;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 1200px){

    #admin-video {
        max-width: 1300px  !important;
    }
}

@media (min-width: 992px){
#admin-video{
    max-width: 960px;
}
}
@media (min-width: 768px){
    #admin-video {
    max-width: 720px;
}
}
@media (min-width: 576px)
{
#admin-video{
    max-width: 540px;
}
}






#admin-video .card-header{
    background: var(--weborange);
    align-items: center !important;
    display: flex;
}
#admin-video .card-header .card-title{
    color: #fff;
}

#admin-video .first.card{
    background: var(--darkgreen);
}
#admin-video .search-form-outer{
    background: var(--darkgreen);
    margin: none !important;
}

#admin-video  form{
    margin-bottom: 0 !important;
    padding: 0.5rem!important;
}
#admin-video  form h5{
    font-size: 20px !important;
    color: #fff !important;
}
#admin-video  form input.btn.btn-primary.m-2{
    background: var(--weborange)  !important;
    border-color:  var(--weborange) !important;
}
#admin-video  .card .row{
    padding: 1rem !important;
   
}




#admin-video  .card .row  .card{

    box-shadow:
        rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
        rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
        border-left: 2px solid var(--weborange);
    
}

#admin-video  .card .row  .card .card-body .text-center{

   text-align: start !important;
    
}
#admin-video  .card .row .card .card-body h4.card-title .text-center a{

  font-size: 20px !important;
  color: var(--darkgreen)  !important;
  
     
 }

 #admin-video .card .row  .card .card-body p.text-justify{

    font-size: 13px !important;
       
   }

   #admin-video  .card .row  .card .card-body .btn-success{

  background: var(--darkgreen);
       
   }

   #admin-video .card  .nav{
    color: var(--darkgreen) !important;
    display: flex !important;
    flex-direction: column !important;
    padding-left:  none !important;
   }
   #admin-video  .card  ul.nav li.nav-item{
    margin-bottom: 0 !important;
   }
   #admin-video  .card  ul.nav li.nav-item  .nav-link  {
    color: var(--darkgreen) !important;
    margin-bottom: 0px !important;
    font-size: 13px !important;
   }
   

   
   
   #admin-video span.font-small-2 strong{
    color: var(--weborange);
   }
   #admin-video  .user-page-info p{
    font-weight: 700 !important;
    color: var(--darkgreen) !important;
   }

   #admin-video   p.text-justify{
   font-size: 13px !important;
   }

   .allplacements-card{
    width: 100%;
    height: fit-content;
    position: relative;
   }

   .masonry .nameal {
    position: absolute;
    height: 100% !important;
    z-index: 2;
    top: 0;
    left: 0;
    background: linear-gradient(359deg, #db6c29,#db6c2900,#db6c2933, transparent) !important;
    height: 300px;
    width: fit-content;
    display: flex;
    justify-content: start;
    align-items: end;
    white-space: nowrap !important;
}

div.alplogo{
    height: 50px;
    width: 100%;
    display: flex;
    justify-content: end;
}

div.alplogo img{
   height: 100%;
   width: 50px;
   object-fit: contain !important;
}




.play-btn {
    width: 50px;
    height: 50px;
    background: radial-gradient( rgb(0 37 97) 60%, rgba(255, 255, 255, 1) 62%);
    border-radius: 50%;
    position: relative;
    display: block;
    margin: 100px auto;
    box-shadow: 0px 0px 25px 3px rgb(0 37 97 / 95%);
}

/* triangle */
.play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-40%) translateY(-50%);
    transform: translateX(-40%) translateY(-50%);
    transform-origin: center center;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 16px solid #fff;
    z-index: 100;
    -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* pulse wave */
.play-btn:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, .75);
  top: -30%;
  left: -30%;
  background: rgba(198, 16, 0, 0);
}

@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}

@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}


.overlayrelative{
    position: relative !important;
}
.overlaygll{
    background: #00000067;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 100% !important;
    z-index: 23 !important;
}