/* Website: St. Dominic's College Kanjirapally

Author: Weberge by ipsr 

Style.css*/

/********** CSS **********/

:root {

    --primary: #9B0302;

    --secondary: #0C2D55;

    --dark: #0E2A46;

    --light:#4D5756;

    --bg-light: #F4F5F8;

}



html {

    scroll-behavior: smooth;

}



body {

    /* font-family: "Sora", sans-serif; */
    font-family: "Gelasio", serif;

}



::-webkit-scrollbar {

    width: 5px;

}



::-webkit-scrollbar-track {

    /* box-shadow: inset 0 0 5px grey;  */

    border-radius: 7px;

}





::-webkit-scrollbar-thumb {

    background: var(--primary);

    border-radius: 5px;

}





/************************ Common ************************/



section {

    padding: 60px 0px;

}



.text-primary {

    color: var(--primary) !important;

}

.text-secondary {

    color: var(--secondary) !important;

}

.text-dark {

    color: var(--dark) !important;

}

.text-light {

    color: var(--light) !important;

}



.bg-primary {

    background-color: var(--primary) !important;

}



.bg-secondary {

    background-color: var(--secondary) !important;

}



.bg-light {

    background-color: var(--bg-light) !important;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    /* font-family: "Raleway", sans-serif; */
    font-family: "Gelasio", serif;

}





h1 {

    font-size: 48px;

    font-weight: 600;

}



h2 {

    /* font-size: 40px;

    color: var(--secondary);

    margin-bottom: 25px;

    z-index: 99; */



}



h3 {

    font-size: 24px;

    font-weight: 400;

    margin-bottom: 10px;

}



h4 {

    font-size: 22px;

}



h5 {

    font-size: 20px;

}



h6 {

    font-size: 18px;

}



p {

    font-size: 17px;

    font-weight: 400;

    color: var(--light);

    line-height: 27px;

    margin-bottom: 30px;
    text-align: justify;

}

a{
    font-size: 17px;
}

a, i {

    /* font-size: 17px; */

    color: var(--dark);

    font-weight: 500;

    text-decoration: none;

    transition: all 0.3s ease-in-out;

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

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

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

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



}



a:hover {

    color: var(--secondary);

}



img {

    width: auto;

    max-width: 100%;

    /* border-radius: 5px; */

    /*margin-bottom: 10px;*/

}

.border10{

    border-radius: 10px;

}

.border25{

    border-radius: 25px;

}



/* Content Styles */

.content {

    /* display: none; */

    /* Hide content initially */

}



/*** Button ***/

.btn {

    transition: .5s;

    font-weight: 400;

}



.btn-primary {

    background-color: var(--primary);

    color: white !important;

    border-radius: 7px;

    border: none;

    text-transform: capitalize;

    /* display: inline-block; */

    padding: 5px 25px;

    min-height: 45px;

    font-weight: 500;

    transition: all 0.3s ease-in-out;

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

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

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

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

}



.btn-primary:hover {

    background-color: var(--secondary);

}



.btn-primary,

.btn-outline-primary:hover {

    border-color: var(--primary) !important;

}



.btn-check:focus+.btn-primary,

.btn-primary:focus {

    color: #fff !important;

    background-color: var(--primary);

    border: none !important;

    /* border-color: #000; */

    box-shadow: none;

    border-color: var(--primary) !important;



}



.btn-check:active+.btn-primary,

.btn-check:checked+.btn-primary,

.btn-primary.active,

.btn-primary:active,

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

    color: #fff !important;

    background-color: var(--primary);

    /* border-color: #000; */

    border: none !important;

    border-color: var(--primary) !important;

}



.btn-white {

    background-color: white;

    color: var(--primary) !important;

    z-index: 99;

}



.btn-white:hover {

    color: white !important;

}



.btn-secondary,

.btn-outline-secondary:hover {

    color: var(--dark);

}



.section-title {

    font-size: 40px;

    font-weight: 700;

    color: var(--dark);

    margin-bottom: 25px;

}

.section-sub-title {

  display: block;

  font-size: 17px;

  text-transform: uppercase;

  color: var(--primary);

  margin-bottom: 15px;

  font-weight: 600;

  padding-left: 25px;

  position: relative;

}

.section-sub-title::before {

     content: "";

    width: 20px;

    height: 15px;

    background-image: url(../img/sub-title-bg.svg);

    position: absolute;

    top: 2px;

    left: 0px;

    bottom: 0;

}

.learn-more {

    background-color: var(--primary);

    padding: 10px 20px;

    border-radius: 15px;

    font-weight: 600 !important;

    color: white;

    text-transform: capitalize;

    transition: all 0.3s ease-in-out;

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

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

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

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

}



.learn-more:hover {

    color: var(--secondary);

}

.read-more {

    font-weight: 500 !important;

    color: var(--primary);

    text-transform: capitalize;

    transition: all 0.3s ease-in-out;

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

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

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

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

}

.read-more:hover{

    color: var(--secondary);

}

.learn-more-white{

    background-color: white;

    color: var(--primary);

}

.read-more i{

    padding-left: 7px;
    color: var(--primary);

}

/************************ Header************************/

header {

    /* z-index: 999; */

    /* position: absolute; */

    /* padding: 10px 50px; */

    /* top: 0;

    left: 0;

    right: 0;

    color: white;

    background: white;

    position: fixed; */

        position: sticky;
        top: 0;
        width: 100%;
        background: #fff;
        z-index: 9999;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);

}
/* .fixed-header header{
    background: white;

    position: fixed;
    transition: all .3s ease-in-out;
} */
.main-menu-sec {

    padding: 5px 50px;



}

/* ------- Top-Sec ------ */



  

.contact-top {

    display: flex;

    justify-content: end;

    align-items: center;

    padding: 5px 50px;

}



.contact-top ul {

    gap: 20px;

    align-items: center;

    margin-bottom: 0;

}

.contact-top li{

    list-style: none;

}

.contact-top i {

    padding-right: 10px;

    margin-right: 5px;

    color: white;

}



.contact-top a {

    color: white;

    font-weight: 500;

    font-size: 14px;

}



.contact-top a:hover {

    color: var(--primary) !important;

}



.contact-top a:hover i {

    color: var(--primary);

}



/* ---------------------------- */

.logo {

    padding: 0;

}



.logo img {

    height: 80px;

    width: auto;

    margin-bottom: 0;

    border-radius: 0px;

}





/* ------------- custom nav --------------- */
nav.custom-nav .navbar > li:nth-last-child(-n+6) > .submenu .submenu{
  right: 100% !important;
  left: auto !important;
}


.custom-nav a {

    font-size: 16px;

    color: var(--dark);

    text-transform: capitalize;

    display: flex;

    align-items: center;

    gap: 5px;

    line-height: normal;

    font-weight: 500;

}



.custom-nav .submenu {

    position: absolute;

    display: block;

    background: #fff;

    z-index: 9;

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

    top: 20px;

    border-radius: 5px;

    opacity: 0;

    pointer-events: none;

    padding: 10px 0;

    transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    width: 270px;

}



.custom-nav .submenu.open {

    opacity: 1;

    /* top: 35px; */

    pointer-events: all;

    transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

}



.custom-nav .navbar {

    gap: 25px;

}

nav ul {

    margin-bottom: 0;

    padding: 0px;

}

nav ul li {

    list-style: none;

    position: relative;



}

nav ul li.active a {

    color: var(--primary);

}



.custom-nav ul li a:hover {

    color: var(--primary) !important;

}



.custom-nav .submenu .submenu {

    left: 100%;

    top: 0;

}



.custom-nav .navbar .has-child>a::after {

    display: inline-block;

    vertical-align: 0.255em;

    content: "";

    border-top: 0.3em solid;

    border-right: 0.3em solid transparent;

    border-bottom: 0;

    border-left: 0.3em solid transparent;

}



.custom-nav .navbar .has-child:hover::after {

    color: var(--primary) !important;

}





.custom-nav .navbar .submenu a {

    padding: 7px 25px;

    width: 100%;

    display: flex;

    align-items: center;

    gap: 5px;

    white-space: nowrap;
    font-size: 15px;
    text-transform: none !important;

}





nav.custom-nav {

    display: flex;

    justify-content: end;

    /* background-color: var(--primary); */

    padding: 5px 0px !important;

    color: white;

}



nav.custom-nav .navbar>li:nth-last-child(-n+2) .submenu {

    left: auto;

    right: 0;

}

.nav-btn1{

    gap: 10px;

}

.topNav-btn,

.mainNav-btn{

    display: none;

}

.topNav-btn{

    /* background:var(--secondary); */

    background: transparent;

    border: 1px solid var(--primary);

    width: 40px;

    height: 40px;

    border-radius: 4px;

    /* border: none; */

    color: var(--primary); 

    outline: none;

    padding:0 !important;

} 

.topNav-btn svg circle{

    stroke: var(--primary);

}



/* .mainNav-btn {

    display: none;

} */





.mainNav-btn {

    background: var(--primary);

    width: 40px;

    height: 40px;

    border-radius: 4px;

    border: none;

    margin-right: 10px;

    color: #fff;

    outline: none;

    padding: 0 !important;

}





.menu-overlay {

    display: none;

}



.menu-overlay {

    display: block;

    width: 0%;

    height: 100vh;

    position: absolute;

    right: 0;

    top: 0;

    background-color: rgba(0, 0, 0, 0.6);

    z-index: 999;

    transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    opacity: 0;

}



.menu-open .menu-overlay {

    width: 100%;

    transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    opacity: 1;

}





.submenu a {

    color: var(--dark) !important;

}





/************************ Banner ************************/

.banner {

    padding: 0px;

    position: relative;

    /* height: calc(100vh - 120px); */

    height: 80vh;

    overflow: hidden;

    display: flex;

    align-items: center;

}



.banner1 {

    position: relative;

    height: 100vh;

    background-size: cover;

    object-fit: cover;

    background-position: center;

}





.banner1 .overlay {

    background: linear-gradient(#000000e0, #00000000);

    content: '';

    display: block;

    position: absolute;

    /* opacity: 0.2; */

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    z-index: 1;

}



/* .banner-content {

    position: absolute;

    z-index: 999;

    bottom: 0;

    right: 0;

    left: 0;

    top: 0;

    align-items: center;

    justify-content: center;

    display: flex;

} */



.banner h1 {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    color: white;

    z-index: 999;

    font-weight: 700;

    font-size: 44px;

    display: none;

}

/* -------------Notifications-------------- */



.notifications{

    /* background:rgb(12 45 85 / 80%); */
    background: rgb(155 3 2 / 75%);

    position: absolute;

    top: auto;

    left: 30px;

    padding: 25px 70px 20px 20px;;

    /* opacity: 0.8; */

    border-radius: 5px;

    z-index: 9;

}

.notifications:hover{

    /* opacity: 1; */
    /* background:rgb(12 45 85 / 95%); */
    background: rgb(155 3 2 / 95%);

}

.notifications h5{

    font-size: 20px;

    font-weight: 600;

    color: white;

}

.notifications a{

    font-weight: 400;

    color: white;

    font-size: 14px;

}

.notifications a:hover{

    opacity: 0.6;

}

.notifications .view-all2{

    font-size: 16px;

    font-weight: 600;

}

.notifications ul{

    padding-left: 0px;

    margin-bottom: 15px;

}

.notifications li{

    /* border-bottom: 1px solid #cccccc; */

    padding: 3px 0px;

    list-style: none;

}

.notifications li:last-child{

    border-bottom: none;

    padding-bottom: 0px;

}



.close-btn{

    position: absolute;

    right: 10px;

    top: 10px;

    /* background: white;

    padding: 5px;

    border-radius: 5px;

    color: var(--primary); */

    cursor: pointer;

}

.close-btn i{

    color: white;

    font-size: 25px;

}

.view-notification{

    color: white;

}

.view-notification i{

    padding-left: 5px;

    color: white;

}

.view-notification:hover, .view-notification:hover i{

    color: #FFCA00 ;

    opacity: 1 !important;

}



/************************ Social Media - Fixed ************************/

.social-media-top {

    position: fixed;

    /* top: 220px; */

    top: auto;

    right: 0;

    /* justify-content: center;

    align-items: center; */

    background: var(--primary);

    color: white;

    padding: 5px 10px;

    border-radius: 5px 0 0 5px;

    z-index: 99;

    text-align: center;

    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 35%);

}

.social-media-top ul{

    padding: 0;

    margin: 0;

}

.social-media-top ul li{

    list-style: none;

    padding: 8px 0;

}

.social-media-top i{

    color: white;

    font-size: 18px;

}

.social-media-top i:hover{

    color: var(--secondary);

}



/************************ Whatsapp - Fixed ************************/



.whatsapp-icon{

    position: fixed;

    top: auto;

    bottom: 30px;

    right: 30px;

    z-index: 999;

}

.whatsapp-icon img{

    height: 40px;

}

/************************ Scroll News ************************/

.scroll-news{

    padding: 0;

}

.news-scroll{

    padding-left: 0;



}

.news-updates-title{

    background-color: var(--secondary);

    padding: 10px 10px;

    min-width: 150px;

}





.scroll-news h6 {

  margin: 0;

  color: white;

}



.news-updates-content{

    display: flex;

    padding: 5px 10px;

    width: 100%;

    overflow: hidden;

    white-space: nowrap;

    box-sizing: border-box;

    align-items: center;

    border-bottom: 1px solid var(--secondary);

}

.marquee {

    display: inline-block;

    animation: marquee 10s linear infinite;

    /* white-space: nowrap; */

}

@keyframes marquee {

    0% { transform: translateX(100%); }

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

}

.news-updates-content p, .news-updates-content a {

    color: var(--dark);

    display: inline-block;

    padding: 0px 20px;

    margin-bottom: 0px;

    font-size: 16px;

    /* border-right: 3px solid var(--secondary); */

    position: relative;

}

.news-updates-content p::after, .news-updates-content a::after {

    content: "";

    width: 14px;

    height: 14px;

    background-image: url(../img/news-divider.svg);

    position: absolute;

    right: -9px;

    top: 5px;

}

/************************ Welcome ************************/



  /* ----------- */

  .btn-read {

    position: relative;

   display: inline-block;

   overflow: hidden;

   z-index: 1;

     color: #fff;

     background-color: var(--primary);

     border: none;

     font-weight: 500;

     width: 100%;

     display: flex;

     justify-content: center;

    align-items: center;

    gap: 20px;

    border-radius: 50px;

    padding: 10px 5px;

 }

 .btn--animated:before {

   content: "";

   position: absolute;

   top: 0;

   left: 0;

   right: 0;

   bottom: 0;

   background-color: var(--secondary);

   transform: scaleX(0);

   transform-origin: 0 50%;

   transition-property: transform;

   transition-duration: 2s;

   transition-timing-function: ease-out;

   z-index: -1;

 }

 .btn--animated:hover {

   color: #fff;

 }

 .btn--animated:hover:before {

   transform: scaleX(1);

   transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);

 }





 .btn-read1 {

    position: relative;

   display: inline-block;

   overflow: hidden;

   z-index: 1;

     color: #fff;

     background-color: var(--secondary);

     border: none;

     font-weight: 500;

     width: 100%;

     display: flex;

     justify-content: center;

    align-items: center;

    gap: 20px;

    border-radius: 50px;

    padding: 10px 5px;

 }

 .btn--animated1:before {

   content: "";

   position: absolute;

   top: 0;

   left: 0;

   right: 0;

   bottom: 0;

   background-color: var(--primary);

   transform: scaleX(0);

   transform-origin: 0 50%;

   transition-property: transform;

   transition-duration: 2s;

   transition-timing-function: ease-out;

   z-index: -1;

 }

 .btn--animated1:hover {

   color: #fff;

 }

 .btn--animated1:hover:before {

   transform: scaleX(1);

   transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);

 }

.abt-img-sec{

    position: relative;

}

 

.abt-img-sec::before{

     content: "";

    width: 65px;

    height: 75px;

    background-image: url(../img/abt-bg.svg);

    position: absolute;

    top: 0;

    left: -30px;



}

.abt1{

    display: flex;

    align-items: center;

}

.abt-img1{

    width: 100%;

    height: 380px;

    object-fit: cover;

    object-position: center;

    margin: 0;

}

.abt-img2{

    width: 100%;

    height: 320px;

    object-fit: cover;

    object-position: center;

    margin: 0;

}

.abt-est{

        position: relative;

    background-image: url(../img/est-bg.jpg);

    width: 240px;

    height: 240px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    margin-bottom: 20px;

    justify-content: center;

    align-items: center;

    text-align: center;

    display: flex;

}

.abt-est h3{

    font-size: 70px;

    font-weight: 700;

    /* font-family: "Sora", sans-serif; */
    font-family: "Gelasio", serif;

    margin: 0;

}

.abt-est h5{



}

.abt-content{

    display: flex;

    align-items: center;

}



/* a {

  text-underline-offset: 1px;

}



a:active,

a:hover {

  outline: 0;

} */



.link-arrow {

 background-color: var(--primary);

    border-radius: 100px;

    color: #fff;

    display: inline-block;

    flex: 0 auto;

    -webkit-box-flex: 0;

    padding: 15px 20px;

    position: relative;

    text-align: left;

    text-decoration: none;

    min-width: 250px;

}

.link-arrow:hover{

    color: white;

}

.link-arrow::before,

.link-arrow::after {

     position: absolute;

    /* left: 0; */

    top: 50%;

    right: 0px;

    font-family: "Font Awesome 7 Free";

    content: "\f061";

    display: inline-block;

    padding-right: 3px;

    vertical-align: middle;

    font-weight: 900;

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

    transition: all 0.5s cubic-bezier(0.25, 0.25, 0.08, 1.08);

    background: #B70402;

    padding: 14px 18px;

    border-radius: 100px;

}



.link-arrow.font-reg::before,

.link-arrow.font-reg::after {

  /* font-weight: 300; */

}



.link-arrow::before {

  opacity: 0;

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

}



.link-arrow:hover::before {

  opacity: 1;

  transform: translate(0, -50%);

}



.link-arrow:hover::after {

  opacity: 0;

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

}







.learn-more-btn{

    background-color: var(--primary);

    color: white !important;

    padding: 15px 75px 15px 30px;

    display: inline-block;

    position: relative;

    border-radius: 100px;

}

.learn-more-btn:hover{

    background: #B70402;

}

.learn-more-btn::after {

   position: absolute;

    top: 50%;

    right: 1px;

    font-family: "Font Awesome 7 Free";

    content: "\f061";

    display: inline-block;

    vertical-align: middle;

    font-weight: 900;

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

    transition: all 0.5s cubic-bezier(0.25, 0.25, 0.08, 1.08);

    background: #B70402;

    padding: 15px 20px;

    border-radius: 100px;

}

/************************ News & Events ************************/

.section-title-view-all{

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 20px;

}

.section-title-view-all .section-title{

    margin: 0;

}

.news-main .section-title, .news-main .section-sub-title,

.facilities .section-title, .facilities .section-sub-title,

.achievements .section-title, .achievements .section-sub-title{

    color: white;

}

.news-main .section-sub-title::before,

.achievements .section-sub-title::before {

    background-image: url(../img/sub-title-bg-white.svg);

}

.news-main .link-arrow,

.achievements .link-arrow {

    background-color: transparent;

    border: 1px solid white;

    min-width: auto;

    width: 170px;

}

.news-main .link-arrow::before,

.news-main .link-arrow::after,

.achievements .link-arrow::before,

.achievements .link-arrow::after {

    background: transparent;

    border: 1px solid white;

}

.news-main{

    position: relative;

    background-image: url(../img/news-bg.jpg);

    background-position: center;

    background-repeat: no-repeat;

}



.news-main .item {

    /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06); */

    background-color: white;

    padding: 20px;

    position: relative;

}



.news-main img {

    height: 230px;

    object-fit: cover;

    background-position: center;

    object-fit: cover;

    object-position: top;

    position: relative;

}

.news-info {

    padding: 15px 5px;

    min-height: 85px;

}

.news-main h6{

    font-size: 15px;

    background-color: var(--primary);

    color: white;

    font-weight: 500;

    position: absolute;

    z-index: 99;

    left: 30px;

    top: 30px;

    padding: 8px 15px;

    border-radius: 5px;

    /* font-family: "Sora", sans-serif; */
    font-family: "Gelasio", serif;

}

.news-info h4{

    font-size: 20px;

    color: var(--dark);

    font-weight: 600;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.news-info p {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.news-info a{

    /* font-size: 15px; */

}

.news-info a:hover{

    color: var(--primary) !important;

    letter-spacing: 1px;

}

 .news-info i{

    padding-left: 5px;

 }

 /************************ Activities ************************/

.activities-content{

    position: relative;

}

.activities1{

    position: relative;

}

.activities1::after{

    content: "";

    width: 200px;

    height: 600px;

    background-color: var(--secondary);

    position: absolute;

    bottom: auto;

    right: 0;

    z-index: -1;

    top: -50px;

} 

.activities-content::before{

     content: "";

    width: 130px;

    height: 130px;

    background-image: url(../img/activity-bg1.svg);

    position: absolute;

    right: 280px;

    top: -30px;

    z-index: -1;



}

.activities img{

    object-fit: cover;

    object-position: top;

    background-position: center;

    height: 500px;

    width: 100%;

    position: relative;

    right: 40px;

    margin: 0;

}

.activities-img-sec{

    position: relative;

    background-color: var(--secondary);

    overflow: hidden;

}

/* .activities-img-sec::before{

     content: "";

    width: 130px;

    height: 130px;

    background-image: url(../img/activity-bg1.svg);

    position: absolute;

    left: -70px;

    bottom: -30px;

    z-index: -1;

} */

/* .activities-img-sec::after{

    content: "";

    width: 200px;

    height: 600px;

    background-color: var(--secondary);

    position: absolute;

    bottom: auto;

    right: 0;

    z-index: -1;

    top: -50px;

} */

 .activity-info{

    position: absolute;

    background-color: var(--secondary);

    /* min-height: 100px; */

    width: 85%;

    top: auto;

    bottom: 10px;

    left: 20px;

    padding: 20px 15px;

 }

 .activity-info h4 {

    font-size: 18px;

    color: white;

    font-weight: 600;

    margin-bottom: 15px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.activities p {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

}

/************************ Facilitiess ************************/

.facilities{

    position: relative;

    background-image: url(../img/facilities-bg.jpg);

    background-position: center;

    background-repeat: no-repeat;

    justify-content: center;

    display: flex;

    padding-top: 150px;

    margin-top: 100px;

}

.facilities .section-sub-title{

    padding: 0;

    width: 200px;

    margin: 0 auto;

}

.facilities .section-sub-title::before {

    background-image: url(../img/sub-title-bg-white.svg);

    left: 20px;

}

.facilities .section-sub-title::after {

    content: "";

    width: 20px;

    height: 15px;

    background-image: url(../img/sub-title-bg-white.svg);

    position: absolute;

    top: 2px;

    bottom: 0;

    right: 20px;

}



.facilities .item{

    background-color: white;

    padding: 20px;
        height: 390px;

}

.facilities h4 {

    font-size: 20px;

    color: var(--dark);

    font-weight: 600;

    margin-bottom: 15px;

}

.facilities p {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.facilities-icon{

    width: 110px;

  height: 110px;

  border: 2px dashed var(--primary); 

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 20px auto;

  position: relative;

}

.facilities-icon::before{

    content: "";

  position: absolute;

  width: 90px;

  height: 90px;

  background: var(--primary);

  border-radius: 50%;

  z-index: 0;

}

.facilities-icon img{

    max-height: 48px;

    max-width: 48px;

    margin: 0 auto;

    display: block;

    /* background-color: var(--primary); */

     z-index: 1;

  position: relative;

    

}

/************************ Counter ************************/

.counter-sec {

    position: absolute;

    width: 100%;

    top: -60px;

}

.counter1{

    border-radius: 200px;

    padding: 30px 0;

}

.counter-box{

    justify-content: center;

    align-items: center;

    gap: 20px;

}



.count {

    border-radius: 5px;

    /* margin-bottom: 10px; */

    border: 1px solid white;

    width: 100%;

}



.counter-sec h4 {

    margin: 5px 0 0;

    padding: 0;

    font-size: 18px;

    font-weight: 600;

    text-transform: capitalize;

    /* font-family: "Sora", sans-serif; */
    font-family: "Gelasio", serif;

    color: white;

}



.counter-sec h3 {

    /* font-family: "Sora", sans-serif; */
    font-family: "Gelasio", serif;

    display: block;

    font-size: 38px;

    font-weight: 500;

    margin-bottom: 15px;

    line-height: 28px;

    letter-spacing: -2px;

}

.counter-icon{

    background-color: white;

    border-radius: 50%;

    width: 90px;

    height: 90px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.counter-icon img{

    height: 40px;

    width: auto;

}

.counter-mob{

    position: initial;

}

 /************************ Achievements ************************/

.achievements{

    padding: 90px 0 110px;

}

.achievements1{

    position: relative;

}

.achievements1::before{

    content: "";

    width: 200px;

    height: 600px;

    background-color: var(--primary);

    position: absolute;

    bottom: auto;

    left: 0;

    z-index: -1;

    top: -20px;

}

.achievements-content{

    position: relative;

    padding: 30px;

}

.achievements-content h2, .achievements-content p{

    color: white;

}

 

.achievements-content::before{

     content: "";

    width: 130px;

    height: 130px;

    background-image: url(../img/activity-bg1.svg);

    position: absolute;

    right: -50px;

    top: -40px;

    z-index: -1;



}

.achievements img{

    object-fit: cover;

    object-position: top;

    background-position: center;

    height: 500px;

    width: 99%;

    position: relative;

    right: -30px;

    margin: 0;

}

.achievements-img-sec{

    position: relative;

    background: var(--primary);

    display: flex;

    justify-content: center;

}

/* .achievements-img-sec::before{

    content: "";

    width: 200px;

    height: 600px;

    background-color: var(--primary);

    position: absolute;

    bottom: auto;

    left: 0;

    z-index: -1;

    top: -50px;

} */

 .achievement-info{

    position: absolute;

    background-color: var(--primary);

    /* min-height: 100px; */

    width: 85%;

    top: auto;

    bottom: 10px;

    left: 50px;

    padding: 20px 15px;

 }

 .achievement-info h4 {

    font-size: 18px;

    color: white;

    font-weight: 600;

    margin-bottom: 15px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.achievement-info p{

    color: white;

}

.achievements p {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

}

/************************ Accreditation ************************/



.accreditation{

    background-image: url(../img/excellence-bg.jpg);

    background-position: center;

    background-size: cover;

}

.accreditation-item{

    padding: 40px 20px;

}

.accreditation img{

    height: 60px;

    width: auto !important;

    margin: 0 auto;

    display: block;

}





/* -------------------Button Hover Effect-------------------- */



  .btn-holy {

    position: relative;

    display: inline-block;

    width: auto; height: auto;

    background-color: transparent;

    border: none;

    cursor: pointer;

    /* margin: 0px 25px 15px; */

    /* min-width: 150px; */

  }

    .btn-holy span {         

        position: relative;

        display: inline-block;

        /* font-size: 14px; */

        font-weight: bold;

        letter-spacing: 2px;

        top: 0;

        left: 0;

        width: 100%;

        padding: 10px 15px;

        transition: 0.3s;

        min-width: 150px;

        text-transform: capitalize;

        border-radius: 30px;

    }

  



/* -------------------image Hover Effect-------------------- */



  

.column {

	/* display: inline-block; */

	text-align: center;

}



figure {

	overflow: hidden;

    border-radius: 20px;

}

.column img {

	display: block;

	width: 100%;

	height: 230px;

}



/*Zoom In*/

.column#zoomIn img {

	-webkit-transform: scale(1);

	transform: scale(1);

	-webkit-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

}

.column#zoomIn:hover img {

	-webkit-transform: scale(1.3);

	transform: scale(1.3);

}





/************************ Owl Carousel - carousel controls - All ************************/



.news-carousel .owl-dots{

    display: flex !important;

    gap: 7px;

    justify-content: center;

    margin-top: 20px;

}

.news-carousel .owl-dot span{

    background-color: white;

    opacity: 0.3;

    width: 12px;

    height: 12px;

    display: inline-block;

    border-radius: 10px;

}

.news-carousel .owl-dot.active span{

    background-color: white;

    opacity: 1;

}


.departments .news-carousel .owl-dot span{

    background-color: var(--primary);
    opacity: 0.3;
}

.departments .news-carousel .owl-dot.active span{

    background-color: var(--primary);
    opacity: 1;

}

.excellence-carousel .owl-nav {

    display: flex !important;

    justify-content: center;

    gap: 10px;

    bottom: 50%;

    position: absolute;

    right: 0;

    left: 0;

  }

  .excellence-carousel .owl-nav .owl-prev, .excellence-carousel .owl-nav .owl-next{

      background: var(--secondary);

      width: 45px;

      height: 45px;

      border-radius: 50%;

      text-align: center;

      align-items: center;

      justify-content: center;

      display: flex;

      transition: all 0.3s ease-in-out;

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

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

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

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

  }

  .excellence-carousel .owl-nav i {

    color: white;

  }

  .excellence-carousel .owl-nav .owl-prev:hover, .excellence-carousel .owl-nav .owl-next:hover{

      background-color: white;

  }

  .excellence-carousel .owl-nav .owl-prev:hover i, .excellence-carousel .owl-nav .owl-next:hover i{

      color: var(--secondary) !important;

  }

  .excellence .owl-nav .owl-prev {

    position: absolute;

    left: 0px;

  }

  .excellence .owl-nav .owl-next {

    position: absolute;

    right: 0px;

  }

/************************ Departments ************************/

.departments{

    /* position: relative; */

}

.departments .link-arrow{

    min-width: 150px;

}

.departments h4 {

    font-size: 20px;

    color: var(--dark);

    font-weight: 600;

    margin: 15px 0;

}

.departments .item{

    padding: 20px 20px 15px;

}

.departments img{

    height: 250px;

    object-fit: cover;

    object-position: center;

}

/************************ Gallery ************************/

.gallery .link-arrow{

    min-width: 150px;

}

.gallery-grid-container {

    display: grid;

    gap: 20px;

        grid-template-areas:

        'photo1 photo2 photo3'

        'photo1 photo4 photo4';

    /* grid-template-columns: 33% 33% 31%; */

}

.photos{

    position: relative;

    border-radius: 5px;

    position: relative;

  }

  .photos img{

    height: 250px;

    width: 100%;

    background-size: cover;

    background-position: center;

    object-fit: cover;

    object-position: top;

    margin: 0;

  }



 .photos:first-child{

    grid-area: photo1;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .photos:nth-child(2){

    grid-area: photo2;

  }

  .photos:nth-child(3){

    grid-area: photo3;

  }

  .photos:last-child{

    grid-area: photo4;

    position: relative;

  } 

  .photos:first-child img{

    height: 100%;

    width: auto;

  }

  .photos:first-child::after{

    opacity: 0.5;

    background:black;

    content: '';

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: absolute;

    border-radius: 5px;

}

.photos:first-child a{

    position: absolute !important;

    z-index: 9999;

}



.photos:first-child a img{

    height:75px !important;

    width: 75px !important;

}

.photos:first-child a img:hover{

    opacity: 0.8;

}

  



.gallery .fancybox{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.gallery .fancybox button{

    background: none;

    border: none;

}

.gallery a.fancybox:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgb(0 0 0 / 27%);

}

/* ------------Image Hover Effects------------- */



.wg-box-content {

    position: relative;

    width: 99%;

    /* max-width: 400px; */

    /* margin: auto; */

    overflow: hidden;

  }

  

  .wg-box-content .wg-box-content-overlay {

    background: rgb(12 45 85 / 81%);

    position: absolute;

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    opacity: 0;

    -webkit-transition: all 0.4s ease-in-out 0s;

    -moz-transition: all 0.4s ease-in-out 0s;

    transition: all 0.4s ease-in-out 0s;

  }

  

  .wg-box-content:hover .wg-box-content-overlay{

    opacity: 1;

  }

  

  .wg-box-content-image{

    width: 100%;

  }

  

  .wg-box-content-details {

    position: absolute;

    text-align: center;

    padding-left: 1em;

    padding-right: 1em;

    width: 100%;

    top: 50%;

    left: 50%;

    opacity: 0;

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

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

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

    -webkit-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

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

  }

  

  .wg-box-content:hover .wg-box-content-details{

    top: 50%;

    left: 50%;

    opacity: 1;

  }

  

  .wg-box-content-details h3{

    color: #fff;

    font-weight: 500;

  }

  

  .wg-box-content-details p{

    color: #fff;

    font-size: 0.8em;

  }

  

  .wg-box-fadeIn-bottom{

    top: 80%;

  }





/************************ Testimonials ************************/

.testimonials .section-sub-title {

    padding: 0;

    width: 230px;

    margin: 0 auto;

}

.testimonials .section-sub-title::before {

    background-image: url(../img/sub-title-bg.svg);

}

.testimonials .section-sub-title::before {

    left: 20px;

}

.testimonials .section-sub-title::after {

    content: "";

    width: 20px;

    height: 15px;

    background-image: url(../img/sub-title-bg.svg);

    position: absolute;

    top: 2px;

    bottom: 0;

    right: 20px;

}



.testimonials{

    position: relative;

    margin: 40px 0;

}

.testimonials::before{

    background-image: url(../img/testimonial-bg3.svg);

    background-repeat: no-repeat;

    content: '';

    width: 150px;

    height: 535px;

    top: 35px;

    left: 45px;

    position: absolute;

}

.testimonials::after{

    background-image: url(../img/testimonial-bg4.svg);

    background-repeat: no-repeat;

    content: '';

    width: 150px;

    height: 535px;

    top: 50px;

    right: 45px;

    position: absolute;

}

.testimonial-carousel{

    margin-bottom: 30px;

}

.testimonials .item{

    padding: 20px 20px;

    border: 2px dashed var(--primary);

}

.testimonials img{

    height: 100px;

    width: 100px !important;

    margin: 0 auto 15px;

    border-radius: 50%;
    object-fit: cover;
    object-position: top;

}

.testimonial-info{

    padding: 10px 0px;

    /* gap: 15px; */

}

.testimonials h3{

    font-size: 20px;

    margin: 0;

    font-weight: 600;

}

.testimonials h6{

    font-size: 17px;

    margin: 0;

    font-weight: 500;

}

.testimonials p{

    margin-bottom: 20px;

     display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

/************************ Admission ************************/



.admission-sec{

    position: relative;

    background-image: url(../img/admission-bg.jpg);

    height: 280px;

    /* background-attachment: fixed; */

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    display: flex;

    align-items: center;

}

.admission-sec::before{

    /* opacity: 0.9; */

    background: rgb(12 45 85 / 81%);

    content: '';

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: absolute;

}

.admission-details{

    position: relative;

    z-index: 99;

}

.admission-sec .link-arrow {

    background-color: transparent;

    border: 1px solid white;

    min-width: auto;

    width: 200px;

}

.admission-sec .link-arrow::before, .admission-sec .link-arrow::after {

    background: transparent;

    border: 1px solid white;

}

.admission-sec h3{

    font-weight: 600;

}

.admission-sec h5{

    font-weight: 500;

    /* font-family: "Sora", sans-serif; */
    font-family: "Gelasio", serif;

}

/************************ Collaborations ************************/

.recruiters .item{

    padding: 30px;

    margin-left: 20px;

    /* box-shadow: 5px 5px 10px rgba(0,0,0,0.3); */

}

.recruiters img{

    margin: 0 auto;

    height: 40px;

    border-radius: 0;

}

/************************ Social ************************/

.social-sec .section-title{

    font-size: 30px;

}

/************************ Footer ************************/

footer {

    background-image: url(../img/footer-bg.jpg);

    background-repeat: no-repeat;

    /* color: white; */

    padding: 45px 0px 20px;

    position: relative;

    /* z-index: 99; */

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



footer h5{

    font-size: 21px;

    font-weight: 600;

    color: white;

    margin-bottom: 20px;

    text-transform: capitalize;

}

footer h6{

    color: white;

    font-weight: 500;

    margin-bottom: 0;

}

footer p{

    margin-bottom: 0;

}



footer p,

footer a,

footer ul li {

    color: #ffffffc2;

    font-size: 15px;

    font-weight: 400;



}

footer .footer-links ul{

    column-count: 2;

}

footer .footer-links2 ul{

    column-count: 1;

}



footer .social{

    /* position: relative; */

    /* justify-content: end; */

}

footer .social ul{

    margin: 0;

    gap: 10px;

}

footer .social ul li a{

    /* background: white; */

    border-radius: 50%;

    color: white;

    border: 1px solid;

    /* display: inline-block; */

    width: 35px;

    height: 35px;

    text-align: center;

    align-items: center;

    justify-content: center;

    display: flex;

    font-size: 15px;

    font-weight: 400;



}

footer .social ul li i {

    font-size: 17px;

    color: white;

}



footer a:hover {

    color: var(--secondary);

}





.address {

    margin-bottom: 20px;

    align-items: baseline;

    gap: 15px;

}



footer .address i{

    /* background: var(--primary); */

    /* border-radius: 5px; */

    color: white;

    /* display: inline-block; */

    width: 35px;

    height: 35px;

    text-align: center;

    align-items: center;

    justify-content: center;

    display: flex;

    font-size: 15px;

    border: 1px solid;

    border-radius: 50%;

}



.address p,

.address a {

    /* padding-left: 15px; */

    margin-bottom: 0px;

    font-weight: 300;

    line-height: 28px;

    color: #E0CDCD;

}

.address ul{

    align-items: center;

    display: flex;

}

.address li{

    font-size: 20px;

    margin: 0 !important;

}



footer ul {

    padding: 0px;

    margin: 0;

}



footer ul li {

    list-style: none;

    margin-bottom: 10px;

}



.copyright {

    border-top: 1px solid #C2C8CD;

}



.copyright p {

    font-size: 15px;

    padding: 0px;

}



.ipsr img {

    height: 25px;

    margin: 0;

    border-radius: 0;

}



.ipsr img:hover {

    /* opacity: 0.7; */

}



.ipsr p,

.ipsr a {

    padding: 0px;

    margin: 0;
    font-size: 8px !important;
}
.ipsr p{
    text-align: right;
}
.ipsr a:hover{
    color: white;
    opacity: 0.6;
}

/************************  ************************/

.innercontent-wrap ul.wp-block-list {

    padding-left: 0px;

    position: relative;

}

.innercontent-wrap ul.wp-block-list li {

    list-style: none;

    padding: 5px 0px;

    color: var(--light);

    padding-left: 40px;

    line-height: 26px;

}

.innercontent-wrap ul.wp-block-list li::before {

    position: absolute;

    left: 0;

    font-family: "Font Awesome 5 Free";

    content: "\f138";

    display: inline-block;

    padding-right: 3px;

    vertical-align: middle;

    font-size: 18px;

    font-weight: 900;

    color: var(--primary);

}



.banner video {

    position: absolute;

    top: 50%;

    left: 50%;

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

    min-width: 100%;

    min-height: 100%;

    width: auto;

}



.banner video, .banner1, .news-main img, .welcome img {

    object-fit: cover;

}

.vimeo-container {

    position: relative;

    width: 100%;

    padding-bottom: 56.25%; /* 16:9 aspect ratio (9/16 = 0.5625) */

    height: 0;

}



iframe[src*="vimeo.com"] {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%; /* 100 * (16/9) to maintain aspect ratio */

    height: 100%;

}
.wp-block-table, figure{
    border-radius: 0;
}