@font-face {
    font-family: 'Montserrat-Bold';
    src: url('fonts/Montserrat-Bold.ttf') format(truetype);
}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('fonts/Montserrat-Regular.ttf') format(truetype);
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/Roboto-Regular.ttf') format(truetype);
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('fonts/Roboto-Medium.ttf') format(truetype);
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto-Medium.ttf') format(truetype);
}
:root {
    --ccPrimary: #2C3590;
    --ccSecondary: #E8D418;
    --ccTertiary: #C3252D;
}

.c-text-primary{color: var(--ccPrimary);}
.c-text-secondary{color: var(--ccSecondary);}
.c-text-tertiary{color: var(--ccTertiary);}

.c-bg-primary{background-color: var(--ccPrimary);}
.c-bg-secondary{background-color: var(--ccSecondary);}
.c-bg-tertiary{background-color: var(--ccTertiary);}

body{
    font-family: 'Montserrat-Regular';
}

.line-1{-webkit-line-clamp: 1;}
.line-2{-webkit-line-clamp: 2;}
.line-3{-webkit-line-clamp: 3;}
.line-4{-webkit-line-clamp: 4;}
.line-5{-webkit-line-clamp: 5;}
.line-6{-webkit-line-clamp: 6;}
.line-8{-webkit-line-clamp: 8;}
.line-1, .line-2, .line-3, .line-4, .line-5, .line-6,.line-8{
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.border-dashed{border-style: dashed;}
.top-0{top: 0;}
.right-0{right: 0;}
.bottom-0{bottom: 0;}
.left-0{left: 0;}

.custom-shadow-bottom{
    position: relative;
}
.custom-shadow-bottom:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-width: 100%;
    height: 20px;
    background: url(../media/images/shadow-bottom.png) top center no-repeat;
    background-size: 100% 100%;
    z-index: 2;
    margin: auto;
}

.object-cover-center{
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center;
    -o-object-position: center;
}
.object-contain-center{
    object-fit: contain;
    -o-object-fit: contain;
    object-position: center;
    -o-object-position: center;
}

.banner .card .card-img.custom-height{height: 500px;}
.banner .card .card-img.custom-height-300{height: 300px;}
.banner .card .card-img-overlay-customization::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
}

header .mainNavBar .navbar-collapse .nav-links-hover .nav-link{
    font-family: 'Montserrat-Bold';
    transition: all .3s;
    font-size: 9pt !important;
}

.banner .owl-theme .owl-dots{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.banner .owl-theme .owl-dots .owl-dot span {
    background: var(--light);
}
.banner .owl-theme .owl-dots .owl-dot.active span,
.banner .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--ccSecondary);
}

.chairman-message{
    background: -moz-linear-gradient(130deg, var(--light) 30%, #FFFFFF 0);/* FF3.6+ */
    background: -webkit-gradient(linear, 130deg, color-stop(30%, var(--light)), color-stop(0, FFFFFF));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(130deg, var(--light) 30%, #FFFFFF 0);/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(130deg, var(--light) 30%, #FFFFFF 0);/* Opera 11.10+ */
    background: -ms-linear-gradient(130deg, var(--light) 30%, #FFFFFF 0);/* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
    background: linear-gradient(130deg, var(--light) 40%, #FFFFFF 0);/* W3C */
}
.chairman-message-2{
    background: -moz-linear-gradient(240deg, var(--light) 30%, #FFFFFF 0);/* FF3.6+ */
    background: -webkit-gradient(linear, 240deg, color-stop(30%, var(--light)), color-stop(0, FFFFFF));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(240deg, var(--light) 30%, #FFFFFF 0);/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(240deg, var(--light) 30%, #FFFFFF 0);/* Opera 11.10+ */
    background: -ms-linear-gradient(240deg, var(--light) 30%, #FFFFFF 0);/* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
    background: linear-gradient(240deg, var(--light) 40%, #FFFFFF 0);/* W3C */
}

.vision-and-mission{
    background-image: url('../media/images/vision-and-mission.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.vision-and-mission::before{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
}

.why-college{
    background-image: url('../media/images/bg3.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.ceo-image,
.ceo-image img{
    width: 300px;
    height: 300px;
}
.gallery-image,
.gallery-image img,
.blog-image,
.blog-image img,
.alumni-image,
.alumni-image img{
    width: 100%;
    height: 300px;
}
.gallery-image2,
.gallery-image2 img{
    width: 100%;
    height: 250px;
}
.faculty-card-shadow{
    box-shadow: 3px 3px 18px 0 rgba(0, 0, 0, .1);
    -webkit-transition: box-shadow 200ms ease;
}
.faculty-image,
.faculty-image img{
    width: 100px;
    height: 100px;
}

.pswp__button.pswp__button--share{
    display: none;
}

.c-btn-primary{
    background-color: var(--ccPrimary);
    color: var(--white);
}
.c-btn-primary:hover{
    color: var(--ccPrimary);
    background-color: var(--white);
    border-color: var(--ccPrimary);
}
.contact-us .card{
    transition: all .3s;
}
.contact-us .card .card-body .card-icon-outer-div{
    border: 1px dashed #dee2e6;
    width: 100px;
    height: 100px;
}
.contact-us .card .card-body .card-icon-inner-div{
    border: 1px dashed #dee2e6;
    width: 75px;
    height: 75px;
    transition: all .3s;
}
.contact-us .card .card-body .card-icon-inner-div i{
    color: var(--ccTertiary);
    transition: color .3s;
}
.contact-us .card:hover{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.contact-us .card:hover .card-body .card-icon-inner-div{
    border: 1px solid var(--ccTertiary);
    background-color: var(--ccTertiary);
}
.contact-us .card:hover .card-body .card-icon-inner-div i{
    color: var(--white);
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    header .mainNavBar{
        background-color: var(--ccPrimary);
    }
    header .mainNavBar .navbar-collapse .nav-links-hover .nav-link{
        color: var(--ccSecondary);
    }
    header .mainNavBar .navbar-collapse .nav-links-hover .nav-link:hover{
        color: var(--dark);
        background-color: var(--ccSecondary);
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    header .top-bar{
        background-color: var(--light);
        border-bottom: 1px solid #dee2e6;
    }
    header .mainNavBar .navbar-collapse .nav-links-hover .nav-link{
        color: var(--ccPrimary);
        border-bottom: 2px solid var(--ccSecondary);
    }
    header .mainNavBar .navbar-collapse .nav-links-hover .nav-link:hover{
        color: var(--ccSecondary);
        border-bottom: 2px solid var(--ccPrimary);
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    header .top-bar{
        font-size: 14px;
    }
}

/* Double Extra small devices (portrait phones, less than 375px) */
@media (max-width: 375.98px) {
    header .top-bar{
        font-size: 12px;
    }
}