:root {

    --blue: #0b3f8a;

    --indigo: #6610f2;

    --purple: #6f42c1;

    --pink: #e83e8c;

    --red: #ee202c;

    --orange: #fd7e14;

    --yellow: #ffc107;

    --green: #28a745;

    --teal: #20c997;

    --cyan: #17a2b8;

    --white: #fff;

    --gray: #6c757d;

    --light-gray: #e8e8e8;

    --gray-dark: #343a40;

    --secondary: #6c757d;

    --success: #28a745;

    --info: #17a2b8;

    --warning: #ffc107;

    --danger: #dc3545;

    --light: #f8f9fa;

    --dark: #000004;

}



html {

  scroll-behavior: smooth;

}



body {

    margin: 0 auto;

    padding: 0;

    overflow-x: hidden;

    text-rendering: auto;

    font-family: "Nunito", sans-serif;

    transition: 0.4s;

    background: #fff;

    font-style: normal;



}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

    font-family: "Roboto", sans-serif;

    font-weight: 500;

    font-style: normal;

}

p{

    font-size: 15px;

    color: #5d5d5d;

}

a {

    transition: 0.4s;

}



a:hover {

    text-decoration: none;

}



/*.font_bold {

    font-weight: 700;

}



.font_extrabold {

    font-weight: 800;

}*/



/*.text_blue {

    color: var(--blue);

}

.text_red {

    color: var(--red);

}

.darkbg{

    background: var(--dark);

}

.bluebg{

    background: var(--blue);

}

.light_graybg{

    background: var(--light-gray);

}*/

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {

    padding: 0px 100px;

}

.container{

    max-width: 100%;

    padding: 0px 100px;

}

/* Header Menu ----- */

.bg {

    background: none;

    width: auto;

    height: auto;

}



#header{

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 999;

    left: 0px;

    transition: all 0.2s ease-in-out;

    height: 80px;

    background: #0057a7;

}

#header.active {

    background: #0057a7;

    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);

    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);

    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);

    border-bottom: none;

    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.44);

}

.logo img{

    width: 80%;

    position: relative;

    z-index: 100;

}

#wstoggle {

    width: 60px;

    height: 50px;

    right: 100px;

    top: 37px;

    line-height: 50px;

}



#wstoggle:before{

    display: none;

}

.wsfanimatedcolors {

    background: #0057a7;

    animation: none;

}

.wsfmenufull{

    transition: none;

}

.modal-open {

    padding-right: 0px !important;

    overflow: inherit;

}

.search_box {

    float: right;

    padding-top: 15px;

    cursor: pointer;

}

.search_box p {

    color: #fff;

    border-left: 1px solid #fff;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    cursor: pointer;

}

.search_box p .fa {

    width: 50px;

    height: 50px;

    line-height: 50px;

    font-size: 18px;

    cursor: pointer;

}

.modal-backdrop{

    opacity: .8;

    height: 0px;

}

.modal-content{

    border-radius: 0px;

    border: none;

}

.modal-body {

    padding: 0;

    height: 100px;

}

.modal-dialog{

    margin: 0;

    width: 100%;

    max-width: 100%;

}

.modal-open .modal.show{

    padding-right: 0px !important;

}



.modal-body .container{

    position: absolute;

    top: 50%;

    left: 50%;

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

}

.form-control:focus {

    color: #495057;

    background-color: #fff;

    border-color: #0057a7;

    outline: 0;

    box-shadow: none;

}

.form-control {

    border-radius: 0px;

    font-size: 15px;

    color: #0057a7 !important;

    border: 1px solid #0057a7;

    height: 50px;

}

.input-group-text .fa{

    color: #fff;

    width: 50px;

}

.input-group-text{

    border-radius: 0px;

    background: #0057a7;

    border: 1px solid #0057a7;

    width: 50px;

}

input::placeholder {

    color: #7196b8 !important;

}

button.close{

    width: 100%;

    height: 100%;

    background: #0057a7;

    color: #fff;

    opacity: 1;

}

button.close:hover{

    opacity: 1 !important;

    color: #fff;

}

button:focus {

    outline: none;

    outline: none;

}

.close svg{

    margin-top: -2px;

}

/*.menu_item{

    float: left;

    width: 25%  ;

}*/



/*#desktop_menu {

    font-size: 14px;

    font-weight: bold;

}*/

#desktop_menu ul li {

    /* margin-left: 25px; */

    /* margin-top: 5px; */

    /* margin-right: 0px; */

    margin-bottom: 30px;

    color: #fff;

    text-transform: uppercase;

    list-style: none;

    color: #FFFF00;

    font-size: 18px;

    font-family: "Roboto", sans-serif;

    font-weight: 600;

    letter-spacing: 1px;

}

#desktop_menu ul ul li {

    margin-top: 5px;

    margin-right: 0px;

    margin-bottom: 5px;

}

#desktop_menu ul ul li a:hover {

    text-decoration: underline;

}

/*#desktop_menu ul ul li {

    font-size: 13px;

    font-weight: normal;

}*/

#contentsitemap {

    float: left;

    width: 250px;

}
#list_items li a{
    color: #fff;
}
#list_items li a:hover{
    color: #FFFF00;
}
#list_items {

    width: 100%;

    padding-left: 0px;

    /* float: left; */

    /* border-left-width: 1px; */

    /* border-left-style: dotted; */

    /* border-left-color: rgba(204, 204, 204, 1); */

    /* padding-left: 20px; */

    -webkit-columns: 4;

    -moz-columns: 4;

    columns: 4;

    /* height: 100vh; */

    /* border: 1px solid; */

}

#list_items ul li {

    /*  float:left;

    width:25%;*/

}

.list_menu{

    padding: 0px;

}



#desktop_menu ul ul li a {

    color: #fff;

    text-decoration: none;

    text-transform: uppercase;

    font-size: 13px;

    letter-spacing: 2px;

    font-family: "Roboto", sans-serif;

    font-weight: 500;

}

#desktop_menu ul ul li a:hover{

    color: #FFFF00;

    text-decoration: none;

}

#desktop_menu ul ul li a:active {

    color: #FFFF00;

    text-decoration: none;

}
.wsfmenufull .wsfwrapinner {

    display: block;

    width: 90%;

    max-width: 90%;

    margin: 0 auto;

    padding: 120px 0px 50px 0px;

}

/* Home Banner ----- */
marquee {
    margin-top: 80px;
    background-image: linear-gradient(180deg, #c5383f, #9d3549);
    padding: 13px 0px;
}
marquee span {
    color: #fff;
    margin: 0px 20px;
    font-size: 20px;
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
}
marquee span a{
    color: #fff;
    margin: 0px 20px;
    font-size: 20px;
    letter-spacing: 1px;
}
marquee span a:hover{
    color: #ccc;
}
marquee .more_link {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    outline: 1px solid #fff;
    overflow: hidden;
    padding: 6px 15px;
    position: relative;
    text-transform: capitalize;
    transition: all .3s ease-in-out;
    z-index: 100;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: "Roboto", sans-serif;
}
marquee .more_link:hover {
    background: none;
    color: #c5383f;
    outline: 1px solid #fff;
}
marquee .more_link:after, .more_link:before {
    background: #fff !important;
    color: #c5383f;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .6s ease-in-out;
    width: 200%;
    z-index: -1;
}
marquee .more_link:hover:after {
    left: -30px;
    opacity: 1;
}
marquee .more_link:after {
    left: 120%;
    transform: skewX(-45deg);
}
marquee .more_link:hover:before {
    opacity: 1;
    right: 0;
}
marquee .more_link:before {
    right: 120%;
    transform: skewX(-45deg);
}
.banner{

    position: relative;

    margin-top: 0px;

}

.banner_cont_img img {

/*    width: 90%;*/

    float: right;

    margin-bottom: -150px;

}

.carousel-item .bannerbg {

    height: 75vh;

}

.banner .container-fluid{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}

.banner .row {

    position: absolute;

    top: 0;

    bottom: 0;

    padding: 0px 100px;

    left: 0;

    right: 0;

}

.banner_cont{

    width: 100%;

    margin-top: -50px;

}

.banner_cont h1 {

    text-transform: uppercase;

    color: #0057a7;

    font-weight: 900;

    font-size: 42px;

}

.banner_cont p {

    color: #000;

    font-size: 27px;

    width: 100%;

    line-height: 1.2;

}

.banner_cont .more_link{

    font-size: 14px;

}

.more_link {

    color: #0057a7;

    cursor: pointer;

    display: inline-block;

    font-size: 13px;

    font-style: normal;

    font-weight: 500;

    outline: 1px solid #0057a7;

    overflow: hidden;

    padding: 10px 25px;

    position: relative;

    text-transform: uppercase;

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

    z-index: 100;

    font-weight: 700;

    letter-spacing: 1px;

    font-family: "Roboto", sans-serif;

}

.more_link:hover {

    background: none;

    color: #fff;

}

.more_link:after, .more_link:before {

    background: #0057a7;

    content: "";

    height: 100%;

    opacity: 0;

    position: absolute;

    top: 0;

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

    width: 200%;

    z-index: -1;

}

.more_link:hover:after {

    left: -30px;

    opacity: 1;

}

.more_link:after {

    left: 120%;

    transform: skewX(-45deg);

}

.more_link:hover:before {

    opacity: 1;

    right: 0;

}

.more_link:before {

    right: 120%;

    transform: skewX(-45deg);

}

.banner .carousel-indicators {

    padding: 0px 100px;

    margin-left: 0;

    align-items: center;

    justify-content: left;

    margin-bottom: 100px;

}

#slide2 .banner_cont h1 {

    color: #ffec86;

}

#slide2 .banner_cont p {

    color: #fff;

}

#slide2 .more_link {

    color: #fff;

    outline: 1px solid #fff;

}



#slide2 .more_link:hover {

    background: none;

    color: #2b388f;

    outline: 1px solid #ffec86;

}

#slide2 .more_link:after, #slide2 .more_link:before {

    background: #ffec86;

    color: #2b388f;

    outline: 1px solid #ffec86;

}


.program_outcomesbg{
    margin-bottom: 130px;
}


.banner .carousel-indicators li{

    margin-left: 0px;

    margin-right: 6px;
    box-shadow: 0px 0px 10px #00000066;

}

.carousel-indicators .active {

    opacity: 1;

    width: 30px;

    height: 8px;

    border-radius: 30px;

    display: inline-block;

    background: #fff;

    border: none;

}

.carousel-indicators li {

    background: #fff;

    border: none;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    opacity: 1;

}



/* About RCCIIT ----- */



.about_rcciit{

    padding: 50px 0px 50px 0px;

}

.title {

    color: #0057a7;

    text-transform: uppercase;

    font-weight: 800;

    font-size: 32px;

}

.about_rcciit_cont {

    background: #e2f6ff;

    margin-left: -80px;

    padding: 50px 50px 50px 50px;

}

.about_rcciit_cont p{

    font-size: 18px;

    color: #000;

    margin-bottom: 0px;

}



/* Others Subject ----- */

.others_subject_cont .date {

    color: #575757;

    font-style: italic;

    margin-bottom: 30px;

    display: block;

}

.others_subject_cont h4 {

    color: #0057a7;

    font-weight: 400;

    margin-bottom: 20px;

    font-family: "Nunito", sans-serif;

    font-size: 24px;

}

.others_subject_cont p{

    color: #606060;

}

.read_more {

    color: #0057a7;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: 1px;

    display: inline-block;

    font-family: "Roboto", sans-serif;

    display: flex;

    align-items: center;
    width: fit-content;

}

.read_more .fa{

    margin-left: 5px;

    font-size: 10px;

    transition: 0.4s;

}

.read_more:hover{

    color: #0693d8;

}

.read_more:hover .fa{

    margin-left: 10px;

    color: #000;

}

.owl-theme .owl-dots .owl-dot span {

    width: 9px;

    height: 9px;

    margin: 0;

    background: #bdc8da;

    border-radius: 30px;

    margin-right: 6px;

    opacity: 1;

}

.owl-theme .owl-dots .owl-dot.active span{

    width: 30px;

    height: 9px;

    border-radius: 30px;

    display: inline-block;

    background: #bdc8da;

}

.owl-theme .owl-nav.disabled+.owl-dots {

    float: left;

    margin-top: 20px;

    width: 100%;

    text-align: left;

}

.others_subject .container-fluid{

    padding: 0px;

}

.others_subject_cont {

    background: #f2f6f8;

    padding: 50px 100px 50px 100px;

    height: 100%;

    box-shadow: inset 15px 0 12px -5px #33333321;

}

.ue_cont .date{

    margin-bottom: 10px;

}

.ue_cont h6{

    color: #0057a7;

}

.others_subject_cont hr {

    border-top: 1px solid #0693d8;

    margin: 20px 0px !important;

}



/* Latest Event ----- */



.latest_event{

    padding: 50px 0px;

}

.event_contbg{

    box-shadow: 0px 0px 10px 3px #0000001a;

}

.event_contbg img{

    height: 250px;

    object-fit: cover;

}

.event_cont {

    background: #fff;

    padding: 20px 15px 20px 20px;

}



.hiddenbox img{

    border-radius: 0px;

}

.card-footer {

    padding: .75rem 1.25rem;

    background: none;

    border: 0px;

    padding: 0px 15px 20px 20px;

}

.event_cont h5{

    color: #0057a7;

    font-weight: 600;

}

.event_cont .date {

    color: #000;

    font-style: italic;

    margin-bottom: 10px;

    display: block;

    font-size: 15px;

}

.event_cont p {

    color: #606060;

    width: 70%;

}



/* Latest Event ----- */



.why_rcciit{

    padding: 50px 0px;

    background: #0693d8;

}

.why_slide_cont{

    color: #fff;

    text-align: center;

}

.why_slide_cont p{

    color: #fff;

}

.why_slide_cont .read_more{

    color: #fff;

}

.why_slide_cont .read_more:hover{

    color: #0c3447;

}

.why_slide_cont .read_more:hover .fa{

    color: #000;

}

.why_slide_cont {

    color: #fff;

    text-align: center;

    border: 1px solid #fff;

    padding: 20px;

    height: 250px;

    position: relative;

    margin: 0px 20px;

}



.why_slide_cont a {

    position: absolute;

    bottom: 20px;

    transform: translate(-50%);

}

.why_slide_cont h5{

    margin-bottom: 20px;

    font-family: "Nunito", sans-serif;

    font-weight: 400;

}

.owl-prev {

    position: absolute;

    top: 50%;

    left: 20px;

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

    background: none !important;

}

.whyrcciit_slide .owl-prev img{

    width: 70%;

    opacity: 0.4;

    transition: 0.4s;

}

.whyrcciit_slide .owl-next img{

    width: 70%;

    opacity: 0.4;

    transition: 0.4s;

}

.whyrcciit_slide{

    position: relative;

    padding: 0px 80px;

}

.whyrcciit_slide .why_slide_cont a {

    position: absolute;

    bottom: 20px;

    transform: translate(-50%);

    left: 50%;

}

.owl-next {

    position: absolute;

    top: 50%;

    right: -30px;

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

    background: none !important;

}

.whyrcciit_slide:hover .owl-prev img{

    opacity: 1;

}

.whyrcciit_slide:hover .owl-next img{

    opacity: 1;

}



/* Open Admission ----- */



.open_admission {

    padding: 150px 0px;

    background-size: cover !important;

    background-repeat: no-repeat !important;

    position: relative;

}

.admission_cont h1 {

    color: #ffec86;

    text-transform: uppercase;

    font-weight: 700;

    font-size: 52px;

}

.admission_cont p {

    color: #fff;

    font-size: 30px;

    font-weight: 100;

    width: 100%;

    line-height: normal;

}

/*.admission_cont{

    padding-right: 100px;

}*/

.admission_cont .more_link {

    color: #fff;

    outline: 1px solid #fff;

}

.admission_cont .more_link:hover {

    outline: 1px solid #0057a7;

}

.admission_bg img {

    position: absolute;

    bottom: -150px;

    right: 0px;

/*    width: 50%;  */

}



/* Student’s Achievements ----- */



.achievements{

    background: #f2f6f8;

    padding: 80px 0px;

}

.achievements_cont h5 {

    color: #0057a7;

    letter-spacing: 1px;

    font-family: "Nunito", sans-serif;

    font-weight: 600;

    font-size: 18px;

}

.achievements_cont p{

    color: #5d5d5d;

    font-style: italic;

}

.achievements_cont span {

    color: #191919;

    display: block;

    font-weight: 700;

    font-size: 15px;

}

.sa_cont {

    background: #fff;

    overflow: hidden;

    padding: 20px;

    position: relative;

    z-index: 100;

}

.sa_cont h5 a{

    color: #0057a7;

}

.achievements_slide{

    padding: 0px 100px;

}

.achievements_slide .owl-prev img {

    width: 80%;

    opacity: 0.4;

    transition: 0.4s;

}

.achievements_slide .owl-next img {

    width: 80%;

    opacity: 0.4;

    transition: 0.4s;

}



.achievements_slide:hover .owl-prev img{

    opacity: 1;

}

.achievements_slide:hover .owl-next img{

    opacity: 1;

}











































.achievements_cont{

    overflow: hidden;

    height: auto;

}

.achievements_cont img{

    transition: transform .9s;

}

.achievements_cont:hover img{

    transform:scale(1.1);

    transition: transform .9s;

}
.department img{
    width: 100%;
}


/* Gallery ----- */



.gallery{

    padding: 70px 0px;

}

.gallery_bg1{

    padding-right: 10px;

}

.gallery_bg1 img{

    height: 600px;

    object-fit: cover;

    filter: grayscale(1);

    transition: 0.4s;

}

.gallery_bg2{

    padding-right: 10px;

    padding-bottom: 10px;

}

.gallery_bg2 img{

    height: 290px;

    object-fit: cover;

    filter: grayscale(1);

    transition: 0.4s;

}

.gallery_bg3{

    padding-right: 10px;

    padding-bottom: 10px;

}

.gallery_bg3 img{

    height: 290px;

    object-fit: cover;

    filter: grayscale(1);

    transition: 0.4s;

}

.gallery_bg4{

    padding-bottom: 10px;

}

.gallery_bg4 img{

    height: 290px;

    object-fit: cover;

    filter: grayscale(1);

    transition: 0.4s;

}

.gallery_bg5{

    padding-right: 10px;

}

.gallery_bg5 img{

    height: 300px;

    object-fit: cover;

    filter: grayscale(1);

    transition: 0.4s;

}

.gallery_bg6{

    padding-right: 10px;

}

.gallery_bg6 img{

    height: 300px;

    object-fit: cover;

    filter: grayscale(1);

    transition: 0.4s;

}

.gallery_bg7 img{

    height: 300px;

    object-fit: cover;

    filter: grayscale(1);

    transition: 0.4s;

}





.snip1572 {

  position: relative;

  display: inline-block;

/*  overflow: hidden;*/

  width: 100%;

  color: #000000;

  text-align: left;

  background: #ffffff;

}



.snip1572 *,

.snip1572:before,

.snip1572:after {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}



.snip1572 img {

  max-width: 100%;

  backface-visibility: hidden;

  vertical-align: top;

  position: relative;

}

/*.bg_color {

    content: "";

    position: absolute;

    background: #000;

    width: 200px;

    height: 200px;

    left: 0;

    top: 0;

    z-index: 1001;

    bottom: 0;

    right: 0;

}*/

.snip1572:before,

.snip1572:after {

  content: '';

  background-color: #000;

  position: absolute;

  z-index: 1;

  top: 50%;

  left: 50%;

  opacity: 0;

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

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

}



.snip1572:before {

  width: 200px;

  height: 2px;

}



.snip1572:after {

  height: 200px;

  width: 2px;

}



.snip1572 figcaption {

  position: absolute;

  left: 0;

  bottom: 0;

}



.snip1572 .plus {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 1;

}



.snip1572:hover img,

.snip1572.hover img {

  zoom: 1;

  opacity: .4;

filter: grayscale(0);

}



.snip1572:hover:before,

.snip1572.hover:before,

.snip1572:hover:after,

.snip1572.hover:after {

  opacity: 1;

}



.snip1572:hover:before,

.snip1572.hover:before {

  width: 50px;

}



.snip1572:hover:after,

.snip1572.hover:after {

  height: 50px;

}





/* FAQ ----- */



.faq{

    padding: 70px 0px;

    background: #f2f6f8;

}



.accordion-title:before {

    /* float: right !important; */

    /* font-family: FontAwesome; */

    content: "";

    padding-right: 5px;

    background: url(../images/minus.png);

    width: 50px;

    height: 50px;

    background-repeat: no-repeat;

    position: absolute;

    top: 50%;

    right: -15px;

    transform: translate(0%, 0%);

}

.accordion-title.collapsed:before {

/*    float: right !important;*/

    content:"";

    background: url(../images/plus.png);

    width: 50px;

    height: 50px;

    background-repeat: no-repeat;

    position: absolute;

    top: 50%;

    right: -15px;

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

}

.faq_cont .card-body p:last-child{

    margin-bottom: 0px;

}

.faq_cont .card-body{

    padding: 18px;

}

.faq_cont .card-header {

    padding: 0px;

    border-radius: 0px;

    border-bottom: 0px;

    background: #fff;

    position: relative;

}

.faq_cont .card-header a {
    color: #000;
    display: block;
    padding: 10px 20px 10px 20px;
    font-size: 18px;
    font-weight: 600;
    font-family: "Nunito", sans-serif;
    text-transform: capitalize;
        margin-bottom: 0;
}


.faq_cont .card {

    border-radius: 0px;

    border: 1px solid #bdc8da;

    margin: 0px 0px 15px 0px;

}

.accordion-title.collapsed:before {

    color: #0693d8;

}

/*.accordion-title:before {

    color: #0693d8;

    font-size: 15px;

    font-weight: 100;

}*/



/* Map ----- */



.map{

/*    height: 400px;*/

    position: relative;

}

.map .row{

    background: #fff;

    align-items: center;

}

.map img{

    height: 400px;

    object-fit: cover;

}

.gm-style .place-card-large{

    display: none !important;

}

.map .container-fluid{

    position: absolute;

    bottom: 20px;

    z-index: 100;

    width: 100%;

    left: 0;

    right: 0;

    /* top: 0; */

    /* background: #fff; */

    /* padding: 15px 0px;*/

}

.map_cont{

    background: #fff;

    padding: 20px 30px;

}

.map_cont p a{

    font-weight: 700;

    color: #0057a7;

}

.map_cont .fa-map-marker{

    font-size: 18px;

}





/* Footer ----- */



.footer{

    padding: 70px 0px;

    background: #0057a7;

    color: #fff;

    margin-top: -7px;
    z-index: 100;
    position: relative;

}

.footer_cont p{

    color: #fff;

    font-size: 15px;

}

.footer_cont h5{

    letter-spacing: 1px;

}

.quick_link{

    list-style: none;

}

.quick_link li{

    margin-bottom: 10px;

}

.quick_link li a {

    color: #fff;

    font-weight: 400;

    font-size: 15px;

}

.quick_link li a:hover{

    color: #c6c6c6;

}

.other_contact p {

    padding-left: 25px;

    position: relative;

    font-size: 15px;

}

.other_contact p span {

    position: absolute;

    left: 0;

    top: 1px;

}

.other_contact p a{

    color: #fff;

}

.other_contact p span .fa {

    color: #fff;

    font-size: 17px;

}

.other_contact p span svg{

    margin-top: -3px;

}

.other_contact a:hover{

    color: #c6c6c6;

}

.social_link{

    list-style: none;

}

.social_link li{

    float: left;

    margin-right: 15px;

}

.social_link li a {

    color: #0057a7;

    border: 2px solid #fff;

    font-size: 14px;

    padding-top: 7px;

    width: 32px;

    height: 32px;

    display: inline-block;

    border-radius: 50%;

    background: #fff;

    line-height: 30px;

    text-align: center;

}

.social_link li a:hover{

    background: none;

    border: 2px solid #fff;

    color: #fff;

}

.footer_bottom{

    background: #191919;

    padding: 15px 0px;

}

.footer_bottom p{

    color: #d4d4d4;

}

.owl-theme .owl-nav {

    margin-top: 0px;

}









/* Events ----- */



.inner_banner {

    position: relative;

/*    margin-top: 80px;*/

}

.inner_banner .inner_banner_cont {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 100%;

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

    text-align: center;

}

.inner_banner .inner_banner_cont h1 {

    color: #fff;

    text-transform: uppercase;

    font-weight: 600;

    letter-spacing: 2px;

}

.padding_top{

    padding-top: 50px;

}

.breadcrumb{

    background: none;

    padding: 0px;

}

.breadcrumb li a {

    color: #c5cfdf;

    font-weight: 600;

}

.breadcrumb li a:hover {

    color: #0057a7;

}

.breadcrumb-item.active {

    color: #676767;

    font-weight: 600;

}

.breadcrumb-item+.breadcrumb-item::before {

    color: #c5cfdf;

    content: "/";

}

.date_box .col-form-label {

    color: #b4bcc8;

    text-shadow: 0px 0px 10px #00000063;

}

.date_box .form-control {

/*    border-radius: 0px;

    font-size: 15px;

    color: #9aa5aa !important;

    border: 1px solid #9aa5aa;

    height: 50px;

    border-radius: 6px !important;

    box-shadow: 0px 0px 10px #0000003b;*/

}

.date_box .input-group-text{

    background: none;

    color: #ccc;

    border: none;

}

.date_box .input-group-text .fa {

    color: #333;

    width: 50px;

}



.date_box .form-control {

    border-radius: 0px;

    font-size: 15px;

    color: #ccc !important;

    border: none;

    height: 50px;

    border-radius: 6px;

}



.date_box  .form-group{

    border: 1px solid #ccc;

    border-radius: 6px;

    background: none;

    outline: none;

    box-shadow: 0px 0px 10px #0000003b;

}

.bootstrap-datetimepicker-widget.dropdown-menu .picker-switch table td a, .bootstrap-datetimepicker-widget.dropdown-menu .picker-switch table td span {

  display: block;

  height: 40px;

  line-height: 40px;

  padding: 0;

  width: 100%;

  display: none;

}

.todayText:before {

  content: "Today's Date";

  display: none;

}

/*.bootstrap-datetimepicker-widget.dropdown-menu {

  border: 1px solid #34495e;

  border-radius: 0;

  box-shadow: none;

  margin: 10px 0 0 0;

  padding: 0;

  min-width: 100%;

  max-width: 100%;

  width: auto;

}*/









.date_box input::placeholder {

    color: #c5cfdf !important;

}

.event_list .event_title{

    color: #0057a7;

    text-transform: uppercase;

    font-weight: 600;

}

.event_list_cont .event_cont p {

    color: #606060;

    width: 100%;

}

.eventdate p {

    font-size: 40px;

    font-weight: 600;

    color: #575757;

    font-family: "Roboto", sans-serif;

    line-height: 1.3;

    margin-top: -10px;

}

.eventdate p span {

    font-size: 13px;

    font-weight: 600;

    display: block;

    text-transform: uppercase;

}

.event_side_panel{

    position: relative;

    height: 100%;

    padding-left: 50px;

}

.event_side_panel:after {

    position: absolute;

    content: '';

    background: url(../images/line.png);

    left: 0;

    height: 100%;

    top: 0;

    z-index: 100;

    background-position: left;

    background-size: cover;

    right: 0;

    width: 5%;

}

.media .media-body h6 {

    color: #0057a7;

    font-size: 14px;

}

.media .media-body p {

    color: #5d5d5d;

    font-size: 14px;

}

.event_side_panel hr {

    border-top: 1px solid #0693d8;

    margin: 20px 0px !important;

}

.event_title {

    color: #0057a7;

    text-transform: uppercase;

    font-weight: 600;

}

.visual_cont {

    background: #e2f6ff;

    margin-left: -100px;

    padding: 25px;

}

.visual_cont h6 {

    font-weight: 300;

    font-size: 19px;

    color: #000;

    line-height: 1.4;

}

.event_details p{

    color: #5d5d5d;

}

.event_details .gallery_bg1 {

    padding-right: 5px;

}

.event_details .gallery_bg1 img {

    height: 245px;

}

.event_details .gallery_bg2 {

    padding-right: 5px;

    padding-bottom: 5px;

}

.event_details .gallery_bg2 img {

    height: 120px;

}

.event_details .gallery_bg3 {

    padding-right: 5px;

    padding-bottom: 5px;

}

.event_details .gallery_bg3 img {

    height: 120px;

}

.event_details .gallery_bg5 {

    padding-right: 5px;

}

.event_details .gallery_bg5 img {

    height: 120px;

}

.event_details .gallery_bg6 {

    padding-right: 5px;

}

.event_details .gallery_bg6 img {

    height: 120px;

}

.event_details .snip1572:hover:before, .event_details .snip1572.hover:before {

    width: 40px;

}

.event_details .snip1572:hover:after, .event_details .snip1572.hover:after {

    height: 40px;

}

.event_details .snip1572:before {

    height: 1px;

}

.event_details .snip1572:after {

    width: 1px;

}



/* About ----- */



div.sticky {

  position: -webkit-sticky;

  position: sticky;

  top: 80px;

  z-index: 110;

}

.about_us .visual_cont {

    padding: 40px;

}



.tab_box{

    background: #f2f6f8;

    padding: 60px 0px;

}

.tab_content p:last-child{

    margin-bottom: 0px;

}

.tab_content p{

    color: #606060;

}

.tab_content{

    padding: 30px 0px 0px 0px;

}

.tab_cont .nav-tabs {

    border: none;

    overflow-x: auto;

    overflow-y: hidden;

    flex-wrap: nowrap;

}

.beyond_curricula .tab_cont .nav-tabs .nav-link {

    text-transform: capitalize;

}

.rf_logo{

    width: 150px;

    float: right;

}

.gdsc_logo{

    width: 300px;

    float: right;

}

.un_logo{

    width: 150px;

    float: right;

}

.moocs_cont {

    padding: 30px;

    background: #fff;

    border-radius: 0px 0px 10px 10px;

}

.moocs_cont p{

    margin-bottom: 0px;

}

.beyond_curricula .card-deck .card {

    padding: 0px;

    border-radius: 10px;

    height: 100%;

    margin: 0;

}

.beyond_curricula .card-deck .card img{

    border-radius: 10px 10px 0px 0px;

}

.rota_cont {

    background: #f0f0f0;

    padding: 20px;

    height: 100%;

}

.rota_cont h6 {

    color: #0057a7;

    text-transform: uppercase;

    font-weight: 600;

    margin-bottom: 0px;

}

.rota_cont span {

    display: block;

    color: #606060;

}

.rota_cont p {

    display: block;

    color: #000;

    margin-top: 20px;

}







.tab_cont .nav-tabs .nav-link {

    border: none;

    border-radius: 0px;

    border-bottom: 2px solid #f2f6f8;

    text-transform: uppercase;

    font-size: 18px;

    font-weight: 600;

    padding: 2px 0px;

    background: no-repeat;

    margin-right: 30px;

    color: #BDC8DA;

    white-space: nowrap;

}

.tab_cont .nav-tabs .nav-item.show .nav-link, .tab_cont .nav-tabs .nav-link.active{

    border-bottom: 2px solid #D9251C;

    color: #D9251C;

}



.about_us p:last-child{

    margin-bottom: 0px;

}



.stycky_element {

    background: #89020a;

    height: 80px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.stycky_element ul{

    list-style: none;

    width: 100%;

    display: flex;

    justify-content: center;

    height: 49px;

    align-items: center;

}

.stycky_element li{

    float: left;

/*    margin: 0px 15px;*/

    color: #fff;

}

.stycky_element li a {

    color: #fff;

    padding: 0px 50px;

    font-size: 16px;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.stycky_element li a:hover{

    color: #ffec86;
    font-weight: 600;

}

.stycky_element li.active a{

    color: #ffec86;
    font-weight: 600;

}

.wrapper::-webkit-scrollbar {
    background-color: transparent;
    width: 16px;
    scrollbar-width: thin;
      width: 300px;
  height: 8px;
  overflow-y: scroll;
  scrollbar-width: thin;
}
.wrapper::-webkit-scrollbar-track {
    background-color: transparent;
    scrollbar-width: thin;
      width: 300px;
  height: 8px;
  overflow-y: scroll;
  scrollbar-width: thin;
}
.wrapper::-webkit-scrollbar-thumb {
    background-color: #cc545b;
    border-radius: 5px;
    border: 0px solid #fff;
    scrollbar-width: thin;
      width: 300px;
  height: 8px;
  overflow-y: scroll;
  scrollbar-width: thin;
}
.wrapper::-webkit-scrollbar-button {
    display:none;
}

.wrapper {
    overflow-x: scroll !important;
    position:relative;
    margin:0 auto;
    overflow:hidden;
    height:80px;
    max-width: 100%;
    line-height: 80px;
}

/*.wrapper {

    position:relative;

    margin:0 auto;

    overflow:hidden;

    height:50px;

    max-width: 93%;

}*/



.list {

    position: absolute;

    left: 0px;

    top: 0px;

    /* min-width: 2800px; */

    max-width: 100%;

    width: 100%;

    min-width: max-content;

}



.list li{

    display:table-cell;

    position:relative;

    text-align:center;

    cursor:grab;

    cursor:-webkit-grab;

    color:#efefef;

    vertical-align:middle;

}



.scroller {

  text-align:center;

  cursor:pointer;

  display:none;

  padding:7px;

  padding-top:11px;

  white-space:no-wrap;

  vertical-align:middle;

  background-color:#fff;

}



.scroller-right {

    position: absolute;

    right: 0px;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    padding: 0;

    margin: 0;

    font-size: 20px;

    color: #fff;

    background: #89020a;

}
.scroller-right .bi{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.scroller-left {

    position: absolute;

    left: 0;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    padding: 0;

    margin: 0;

    font-size: 20px;

    color: #fff;

    background: #89020a;

}
.scroller-left .bi{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



/* Department ----- */



.members_cont .achievements_cont{

    transition: 0.4s;

}

.members_cont .achievements_cont:hover {

    box-shadow: 0px 0px 6px #00000026;

}

.members_cont .achievements_cont h5 {

    color: #0057a7;

    letter-spacing: 1px;

    font-family: "Nunito", sans-serif;

    font-weight: 600;

    font-size: 19px;

}

.department_side_panel{

    position: relative;

    height: 100%;

    padding-left: 50px;

}

.department_side_panel:after{

    position: absolute;

    content: '';

    background: url(../images/line.png);

    left: 0;

    height: 100%;

    top: 0;

    z-index: 100;

    background-position: left;

    background-size: cover;

    right: 0;

    width: 5%;

}

.department_sidepanel_cont a {

    color: #0057a7;

    width: 100%;

    display: block;

    border-bottom: 1px solid #0057a7;

    padding: 15px 10px;

    font-weight: 500;

    font-size: 15px;

}

.department_sidepanel_cont a.active{

    color: #fff;

    background: #0057a7;

    padding: 15px 10px;

}

.department_sidepanel_cont a:hover {

    color: #fff;

    background: #0057a7;

    padding: 15px 10px;

}

.tab_content .h4text{

    color: #606060;

    text-transform: uppercase;

    font-weight: 500;

    font-size: 20px;

}

.syllabus_btnlink {

    border: 1px solid #0057a7;

    color: #0057a7;

    text-transform: uppercase;

    font-size: 14px;

    padding: 10px 0px;

    width: 100%;

    display: block;

    text-align: center;

    font-weight: 700;

    font-family: "Roboto", sans-serif;

    letter-spacing: 1px;

}

.syllabus_btnlink i{

    font-size: 14px;

    margin-left: 5px;

}

.syllabus_btnlink:hover{

    background: #0057a7;

    color: #fff;

}  

.program_educational{

    background: #f2f6f8;

    padding-bottom: 60px;

}

.pe_cont {

    background: #fff;

    text-align: center;

    padding: 20px;

    height: 100%;

}

.pe_cont span {

    color: #0057a7;

    margin-bottom: 10px;

    display: block;

    font-weight: 600;

}

.pe_cont p {

    margin-bottom: 0px;

    font-style: italic;

}

.program_specific {

    background: #fff;

    padding: 55px 0px 60px 0px;

}

.ps_cont {

    background: #fff;

    text-align: center;

    padding: 30px;

    height: 100%;

    box-shadow: 0px 0px 10px #00000021;

}

.ps_cont p {

    margin-bottom: 0px;

    font-style: italic;

}

.program_outcomes {

    position: relative;

    padding: 60px 0px;

    max-width: 100%;

    background: #f2f6f8;

    width: 1140px;

    min-width: 100%;

    z-index: 1;

    margin-top: -400px;
    margin-bottom: 70px;

}

.program_outcomes:after {

    content: "";

    background: #f2f6f8;

    position: absolute;

    top: 0;

    left: -50px;

    right: -50px;

    bottom: 0;

    z-index: -1;

}

.program_outcomes_cont span{

    width: 100%;

    display: block;

    color: #0057a7;

    font-size: 16px;

    font-weight: 700;

    margin-bottom: 10px;

}

.program_outcomes_cont p{

    margin-bottom: 0px;

}

.program_outcomes_cont{

    background: #fff;

    padding: 30px;

    height: 400px;

    margin-top: 20px;

}

.program_outcomes_cont img{

    width: 35%;

    transition: 0.4s;

}

.program_outcomes_cont:hover img{

    filter: grayscale(1);

      -webkit-transform: scaleX(-1);

  transform: scaleX(-1);

}



/* Facilities ----- */



.tab_content ul{

    margin-bottom: 0;

    padding-left: 0;

    list-style: none;

}

.tab_content ul li {

    color: #606060;

    font-size: 15px;

    padding-left: 30px;

    position: relative;

    margin: 10px 0px;

}

.tab_content ul li i {

    color: #0057a7;

    position: absolute;

    left: 0;

    top: 3px;

}



/* Academic ----- */



.academic_ug{

    background: #e2f6ff;

}

.academic_ug .tab_cont .nav-tabs .nav-link {

    border-bottom: 2px solid #e2f6ff;

}

.academic_ug .tab_cont .nav-tabs .nav-item.show .nav-link, .academic_ug .tab_cont .nav-tabs .nav-link.active {

    border-bottom: 2px solid #D9251C;

    color: #D9251C;

}

.tab_content .border{

    border: 1px solid #3fc0ff !important;

}

.academic_pg{

    background: #fff;

}



.academic_pg .tab_cont .nav-tabs .nav-link {

    border-bottom: 2px solid #fff;

}

.academic_pg .tab_cont .nav-tabs .nav-item.show .nav-link, .academic_pg .tab_cont .nav-tabs .nav-link.active {

    border-bottom: 2px solid #D9251C;

    color: #D9251C;

}

.academic_pg .tab_content .border{

    border: 1px solid #ccc !important;

}

sup {

    top: -.5em;

    font-size: 12px;

}



/* Placement ----- */



.placement_ugpg{

    background: #e2f6ff;

}

.placement_ugpg .tab_cont .nav-tabs .nav-link {

    border-bottom: 2px solid #e2f6ff;

}

.placement_ugpg .tab_cont .nav-tabs .nav-item.show .nav-link, .placement_ugpg .tab_cont .nav-tabs .nav-link.active {

    border-bottom: 2px solid #D9251C;

    color: #D9251C;

}



/* Activities ----- */



.activities{

    background: #f2f6f8;

    padding: 50px 0px;

}

.activities_cont{

    background: #fff;

    padding: 30px 30px;

}

.activities_cont h4{

    color: #0057a7;

    text-transform: uppercase;

    font-weight: 600;

}



dl, dt{

    color: #585757;

    font-weight: normal;

}



dd {

    margin-bottom: .5rem;

    text-align: right;

}



/* Faculty ----- */



.faculty{

    background: #f2f6f8;

    padding: 50px 0px;

}

.faculty_cont .f_cont{

    background: #fff;

    padding: 20px;

}
.rr_cont {
    background: #fff;
    padding: 10px 20px;
    border-radius: 10px;
}
.rr_cont:hover{
    box-shadow: 0px 0px 10px #0000004a;
}

.faculty_cont .f_cont h6{

    color: #0057a7;

    font-weight: 500;

}

.faculty_cont .f_cont span{

    display: block;

    color: #5d5d5d;

    margin-bottom: 5px;

    font-style: italic;

    font-size: 15px;

}

.faculty_cont .f_cont p{

    color: #000;

    margin-bottom: 5px;

}



.faculty_cont .f_cont .em{

    color: #5d5d5d;

    margin-bottom: 5px;

}

.faculty_cont .f_cont .em a{

/*    color: #000;*/

    margin-bottom: 5px;

}
.f_sec:hover{
    box-shadow: 0px 0px 10px 0px #00000038;
}

.faculty_cont .f_cont .read_more {

    font-weight: 700;

}

.faculty_cont img{

    transition: 0.4s;

}

.faculty_cont:hover img{

    transform: scale(1.1);

    transition: transform .9s;

    filter: grayscale(1);

}

.faculty_cont {

    overflow: hidden;

    transition: 0.4s;

    margin: 10px 0px;
    text-align: center;

}

.f_cont {

    overflow: hidden;

    position: relative;

    z-index: 100;

}



/* Staff ----- */



.staff .faculty_cont .f_cont {

    height: 150px;

}



/* Research ----- */



.research{

    padding: 60px 0px;

    background: #f2f6f8;

}

.research dd {

    margin-bottom: .5rem;

    text-align: left;

    font-size: 14px;

}

.research dd {

    font-size: 14px;

}

.research_content{

    padding: 20px 20px 20px 40px;

    background: #fff;

    height: 250px;  

}



.research_cont span {

    transform: rotate(-90deg);

    display: inline-block;

    text-transform: uppercase;

    letter-spacing: 2px;

    line-height: 0;

    padding: 0;

    margin: 0;

    color: #fff;

    position: absolute;

    top: 60%;

    font-weight: 600;

    left: 0%;

    width: 100%;

}

.boxcolor{

    width: 100%;

    height: 100%;

    display: block;

    background: #bc8c30;

    position: relative;

}

.research_content h6{

    color: #0057a7;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 20px;

    margin-bottom: 30px;

    width: 80%;

}



.boxcolor.change1 {

    background: #588157;

}

/*.boxcolor.change1 span {

    left: -75%;

}*/



/* Research ----- */



.notices{

    padding: 60px 0px;

}

.notices_cont{

    background: #e2f6ff;

    padding: 20px;

}

.notices_cont h6{

    color: #0057a7;

    text-transform: uppercase;

    font-weight: 600;

}

.notices_cont span{

    display: block;

    color: #606060;

}

.notices_cont p{

    margin-bottom: 0px;

    margin-top: 8px

}



/* Resources ----- */



.download_policy {

    width: 100%;

    height: 50px;

    border: 1px solid #585757;

    display: flex;

    align-items: center;

    padding: 0px 0px 0px 30px;

}

.download_policy span{

    color: #585757;

}

.download_policy a {

    color: #0057a7;

    text-transform: uppercase;

    font-size: 13px;

    padding: 0px 30px;

    display: inline-block;

    text-align: center;

    font-weight: 700;

    font-family: "Roboto", sans-serif;

    letter-spacing: 2px;

    height: 49px;

    line-height: 50px;

    float: right;

    margin-right: -2px;

}

.download_policy a .fa{

    margin-left: 10px;

}

.download_policy a:hover{

    background: #0057a7;

    color: #fff;

}

.resources .tab_content h5{

    color: #0057a7;

    text-transform: uppercase;

    font-weight: 600;

}



/* Chairmans Desk ----- */



.visual_cont h5 {

    color: #333;

    font-size: 24px;

    font-weight: 400;

    font-family: "Nunito", sans-serif;

    margin-bottom: 20px;

}

.visual_cont span{

    display: block;

    color: #0057a7;

    margin-bottom: 10px;

    font-weight: 600;

}

.visual_cont p{

    margin-bottom: 0px;

    font-style: italic;

}

.chairmans p:last-child {

    margin-bottom: 0px;

}





.dept{

    background: #f2f6f8;

    padding: 50px 0px;

}

.dept_cont span {

    width: 100%;

    display: block;

    color: #0057a7;

    font-size: 22px;

    font-weight: 700;

    margin-bottom: 10px;

    line-height: 1.3;

}

.dept_cont{

    background: #fff;

    padding: 20px;

    height: 160px;

    position: relative;

}

.dept_cont .more_link {

    font-size: 12px;

    padding: 6px 15px;

    position: absolute;

    bottom: 25px;

}







.smallPost .share {

    float: right;

    position: absolute;

    z-index: 5;

    background: transparent;

    border: none;

    outline: none;

    font-size: 20px;

    color: #0057a7;

    top: 8px;

    right: 30px;

}

.btn.focus, .btn:focus{

    outline: none;

    box-shadow: none;

}

.smallPost .shareCont {

    position: absolute;

    right: 0px;

    top: 10px;

    background: #0057a7;

    display: inline-block;

    box-shadow: 0 2px 14px rgba(0,0,0,.5);

    transition: .2s;

    opacity: 0;

    z-index: 0;

    width: max-content;

}

.smallPost .shareCont a {

    display: inline-block;

    color: var(--white);

    text-decoration: none !important;

    outline: none;

    font-size: 16px;

    width: 30px;

    height: 30px;

    float: left;

    text-align: center;

    line-height: 30px;

    display: none;

}
.smallPost .shareCont a i{
        width: 30px;

    height: 30px;

    line-height: 30px;
}
.smallPost .shareCont a:hover{

    background: #fff;

    color: #0057a7;

}

.smallPost .shareCont.show {

    opacity: 1;

    right: 55px;

    z-index: 100;

    top: 4px;

    background: #0057a7;

}

.smallPost .shareCont.show a{

    display: block;

}



.departments_list .event_cont h5 {

    text-transform: uppercase;

}

.departments_list .event_cont p {

    color: #606060;

    width: 100%;

}

.departments_list{

    padding-bottom: 50px;

}

.departments_list .card{

    transition: transform .9s;

    height: 100%;

    margin: 0px;

    border-radius: 0px;

    border: 0px;

    background: #fff;

    box-shadow: 0px 0px 10px #0000003d;

}

.departments_list .card .event_contbg img {

    transition: transform .9s;

}

.departments_list .card .hiddenbox{

    overflow: hidden;

    transition: transform .9s;

}

.departments_list .card img{

    transition: 0.4s;

}

.departments_list .card:hover img {

    transform: scale(1.15);

    transition: transform .9s;

    filter: grayscale(1);

}

.academic_calender{

    padding: 0px 0px 60px 0px;

}

/*.academic_calender .container {

    max-width: 60%;

    padding: 0px 15px;

}*/

.academic_calender_content p{

    font-size: 20px;

}

.academic_calender_content .more_link {

    font-size: 12px;

    padding: 8px 15px;

}

.h_border {

    height: 100%;

    display: block;

    width: 1px;

    background: #d0d0d0;

    margin: auto;

}

.stickybox{

    position: sticky;

    top: 90px;

}





































.os{

    margin: 60px 0px;

}

.medical{

    margin: 60px 0px;

}

.iic{

    margin: 60px 0px;

}

.table_iic h5 {

    background: #0057a7;

    margin: 0;

    padding: 10px;

    color: #fff;

}

.table_iic .table th{

    background: #0057a7;

    color: #fff;

}

.table_iic .table td, .table_iic .table th {

    padding: .75rem;

    vertical-align: top;

    border-top: 1px solid #dee2e6;

    vertical-align: middle;

    text-align: center;

    border: 1px solid #ccc;

}

.academic_calander{

    margin: 60px 0px;

}

.btech{

    margin: 60px 0px;

}

/*.f_cont h4{

    color: #0057a7;

    font-weight: 500;

}

.faculty h3{

    color: #0057a7;

    font-weight: 500;

}

.placements_cont h3{

    color: #0057a7;

    font-weight: 500;

}

.mncs_connections h3{

    color: #0057a7;

    font-weight: 500;

}*/

.mncs_slide {

    padding: 0px 100px;

}

.mncs_slide .owl-prev img {

    width: 80%;

    opacity: 0.4;

    transition: 0.4s;

}

.mncs_slide .owl-next img {

    width: 80%;

    opacity: 0.4;

    transition: 0.4s;

}

.mncs_slide:hover .owl-prev img{

    opacity: 1;

}

.mncs_slide:hover .owl-next img{

    opacity: 1;

}

.mncs_slide .achievements_cont img{

    border-radius: 50%;

    transition: 0.4s;

}

.mncs_slide .achievements_cont:hover img {

    transform: none;

    filter: grayscale(100%);

}

.mncs_slide .achievements_cont:hover h5{

    color: #333;

}

.placements_table .table th {

    background: #0057a7;

    font-size: 18px;

    text-transform: uppercase;

}

.placements_table .table thead th{

    color: #fff;

}

.bog_metting a{

    color: #fff;

    background: #0057a7;

    display: inline-block;

    padding: 5px 15px;

    border: 1px solid #0057a7;

    transition: 0.4s;

     margin: 0px 10px;

}

.bog_metting a:hover{

    border: 1px solid #0057a7;

    color: #0057a7;

    background: none;

}

.achievements_cont span a{

    color: #333;

}

.achievements_cont span a:hover{

    color: #0057a7;

}

.achievements_cont span {

    word-break: break-all;

}

.committee .nav-pills .nav-link {

    border-radius: 0px;

    border: none;

    transition: 0.4s;

    padding: 12px 10px;

    letter-spacing: 1px;
    width: 100%;

}
.scroll_height{
    height: 500px;
    overflow: auto;
}

.committee .nav-pills .nav-link:hover {

    background: #0057a7;

    color: #fff;

}

.committee .nav-pills .nav-link.active, .committee .nav-pills .show>.nav-link {

    color: #fff;

    background-color: #0057a7;

}

.academic_tab_cont h3{

    color: #0057a7;

}



.about_library_cont {
    background: #ececec;
    border: 1px solid #ececec;
    height: 100%;
    padding: 20px;
    border-radius: 20px;
}
.about_library_cont .more_link {
    font-size: 12px;
    padding: 8px 18px;
}
.our_collection_cont p {
    font-size: 35px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #0057a7;
    line-height: 1.1;
}
.our_collection{
    background: #f4f4f4;
}
.our_collection_cont p span {
    color: #333;
    font-weight: 500;
    font-size: 28px;
}

.accordion button span a{
    text-transform: uppercase;
    list-style: none;
    color: #FFFF00;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
}

























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

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



/*** Tab Responsive Css ***/



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

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


@media screen and (max-width: 820px) {
    .container {
        padding: 0px 30px;
    }
    .sdd {
        padding: 0px 30px;
    }
    .visual_cont {
        margin-left: 0px;
        padding: 30px;
        margin-top: -100px;
    }
}







@media screen and (max-width: 768px) {

    marquee {
    margin-top: 70px;
}

   .container-fluid{

    padding: 0px 30px;

}

.banner_cont {

    width: 100%;

}

.banner_cont h1{

    font-size: 27px;

}

.banner_cont p {

    font-size: 15px;

    width: 100%;

}

.more_link {

    padding: 8px 20px;

    line-height: 20px;

}

.banner .carousel-indicators {

    /* justify-content: center; */

    padding-left: 30px;

    margin-bottom: 50px;

}

.carousel-item .bannerbg {

    height: 350px;

    object-fit: cover;

}

.about_rcciit {

    padding: 50px 0px 50px 0px;

}

.about_rcciit_bg .aboutbg{

    height: 350px;

    object-fit: cover;

}

.about_rcciit_cont {

    margin-left: -100px;

    padding: 30px 30px 30px 30px;

}

.title {

    font-size: 23px;

}

.others_subject_cont {

    background: #f2f6f8;

    padding: 40px 30px 40px 30px;

    box-shadow: inset 10px 0 8px -8px #33333321;

}

.others_subject_cont .date {

    margin-bottom: 10px;

}

.others_subject_cont h4 {

    margin-bottom: 10px;

    font-size: 20px;

}

.event_cont p {

    width: 100%;

}

.event_contbg img {

    height: 130px;

    object-fit: cover;

}

.event_cont h5 {

    font-size: 18px;

}

.event_cont {

    padding: 15px 15px 15px 15px;

}

.card-footer {

    padding: 0px 15px 15px 15px;

}

.event_cont .date {

    margin-bottom: 5px;

}

.whyrcciit_slide {

    padding: 0px 40px;

}

.whyrcciit_slide .owl-next img {

    width: 70%;

}

.whyrcciit_slide .owl-prev img {

    width: 70%;

}

.owl-prev {

    left: 10px;

}

.owl-next {

    right: -40px;

}

.admission_cont h1 {

    font-size: 27px;

}

.open_admission {

    padding: 70px 0px;

}

.admission_bg img {

    bottom: -70px;

    right: 15px;

    width: 90%;

}

.admission_cont p {

    font-size: 18px;

}



.achievements_slide {

    padding: 0px 60px;

}

.achievements_slide .owl-next img {

    width: 70%;

}

.achievements_slide .owl-prev img {

    width: 70%;

}

.sa_cont {

    padding: 15px;

}

.achievements {

    padding: 50px 0px;

}

.gallery {

    padding: 50px 0px;

}

.gallery_bg1 img {

    height: 400px;

}

.gallery_bg2 img {

    height: 205px;

}

.gallery_bg3 img {

    height: 205px;

}

.gallery_bg4 img {

    height: 205px;

}

.gallery_bg5 img {

    height: 190px;

}

.gallery_bg6 img {

    height: 190px;

}

.gallery_bg7 img {

    height: 190px;

}

.gallery_bg1 {

    padding-right: 5px;

}

.gallery_bg2 {

    padding-right: 5px;

    padding-bottom: 5px;

}

.gallery_bg3 {

    padding-right: 5px;

    padding-bottom: 5px;

}

.gallery_bg5 {

    padding-right: 5px;

}

.gallery_bg6 {

    padding-right: 5px;

}

.snip1572:hover:after, .snip1572.hover:after {

    height: 40px;

}

.faq {

    padding: 50px 0px;

}

.map img {

    height: 300px;

}

.map_cont {

    padding: 10px 10px;

}

.map_cont p{

    font-size: 12px;

}

.map_cont p a {

    font-size: 12px;

}

.read_more .fa {

    font-size: 9px;

}

/*.map {

    height: 300px;

}*/

.smallPost .share {

    top: -3px;

    right: 10px;

}

.smallPost .shareCont.show {

    opacity: 1;

    right: 35px;

    top: -3px;

}



.social_link li {

    margin-right: 5px;

}

.social_link li a {

    width: 30px;

    height: 30px;

    line-height: 28px;

}

.quick_link li {

    margin-bottom: 8px;

}

.gallery_bg4 {

    padding-bottom: 5px;

}

#header .container-fluid {

    padding: 0px;

    padding-right: 0px;

    padding-left: 0px;

}

.wsfmenufull .wsfwrap {

    height: 100vh;

}

.logo {

    padding: 0px 0px 0px 15px;

}

.search_box {

    padding-right: 13px;

}

.wsfmenufull .wsfwrapinner {

    padding: 100px 20px 50px 20px;

    width: 100%;

    max-width: 100%;

}

#desktop_menu ul li {

    font-size: 16px;

    letter-spacing: 0px;

}

#desktop_menu ul ul li a {

    font-size: 12px;

    letter-spacing: 1px;

}

#list_items {

    columns: 3;

}

.logo img {

    width: 70%;

}

/*.banner {

    margin-top: 70px;

}*/

#header {

    height: 70px;

}

#wstoggle {

    top: 33px;

}

.search_box {

    padding-top: 10px;

}

.event_side_panel:after{

    display: none;

}

.event_side_panel {

    padding-left: 0px;

}

/*.inner_banner {

    margin-top: 70px;

}*/

.inner_banner img{

    height: 250px;

    object-fit: cover;

}

.visual_cont {

/*    margin-left: -130px;*/

    margin-left: 0px;

    padding: 30px;

    margin-top: -100px;

}

.sdd {

    padding: 0px 30px;

}

.visual_cont h6 {

    font-size: 24px;

}

.event_title {

    font-size: 29px;

}

.about_us .visual_cont {

    padding: 20px;

}

div.sticky {

    top: 70px;

}

.wrapper {

    max-width: 85%;

}

.stycky_element li a {

    padding: 0px 30px;

}

.tab_box {

    padding: 50px 0px;

}

.department_side_panel { 

    padding-left: 0px;

    margin-top: 30px;

}

.department_sidepanel_cont a {

    padding: 10px 10px;

}

.department_sidepanel_cont a.active {

    padding: 10px 10px;

}

.department_sidepanel_cont a:hover {

    padding: 10px 10px;

}

.department_side_panel:after{

    display: none;

}

.syllabus_btnlink {

    font-size: 13px;

}

.syllabus_btnlink i {

    font-size: 13px;

    margin-left: 3px;

}

.program_outcomes:after {

    left: -15px;

    right: -15px;

}

.program_outcomes {

    margin-top: -200px;

}

.program_outcomesbg img{

    height: 500px;

    object-fit: cover;

}

.program_outcomes_cont {

    padding: 30px;

    height: 410px;

}

.inner_banner .inner_banner_cont {

    width: 90%;

}

.inner_banner .inner_banner_cont h1 {

    font-size: 35px;

}

/*.wrapper {

    overflow: scroll;

}*/

.research_content {

    padding: 20px 20px 20px 50px;

}

.research_content h6 {

    width: 100%;

}

.research_content {

    height: auto;

}

.dept_cont span {

    font-size: 20px;

}

.banner .row {

    padding: 0px 30px;

}

.container{

    padding: 0px 30px;

}

.moocs_cont {

    padding: 20px;

}

.faq_cont .card-header a {

    padding: 10px 30px 10px 20px;

}



}















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

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



/*** Mob Responsive Css ***/



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

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



@media screen and (max-width: 575px) {

.display-4 {

    font-size: 3rem;

}

.h1, h1 {

    font-size: 2rem;

}

.h2, h2 {

    font-size: 1.7rem;

}

.h3, h3 {

    font-size: 1.5rem;

}

.h4, h4 {

    font-size: 1.4rem;

}

.animated-arrow {

    right: 12px;

    top: 18px;

}

.carousel-item .bannerbg {

    height: 80vh;

}

.container-fluid {

    padding: 0px 15px;

}

.container-fluid {

    padding: 0px 15px;

}

.more_link {

    padding: 7px 17px;

    line-height: 18px;

    font-size: 12px;

}

.banner_cont_img {

    margin-bottom: 90px;

    display: inline-block;

}

.banner_cont_img img{

    width: 100%;

    margin: 0 auto;

}

.banner_cont {

    margin-top: 0px;

}

.about_rcciit_cont {

    margin-left: 0px;

    padding: 20px 20px 20px 20px;

    width: 100%;

    margin-top: -40px;

}

.about_rcciit_bg .aboutbg {

    height: 300px;

}

.sdd{

    padding: 0px 15px;

}

.title {

    font-size: 20px;

}

.owl-theme .owl-dots .owl-dot span {

    width: 8px;

    height: 8px;

}

.owl-theme .owl-dots .owl-dot.active span {

    width: 20px;

    height: 8px;

}

.read_more {

    font-size: 14px;

}

.others_subject_cont {

    box-shadow: none;

}

.notice{

    box-shadow: 0 8px 10px -6px #00000042;

    z-index: 15;

    position: relative;

}

.news{

    box-shadow: 0 8px 10px -6px #00000042;

    z-index: 12;

    position: relative;

}

.event{

    box-shadow: 0 8px 10px -6px #00000042;

    z-index: 11;

    position: relative;

}

.whyrcciit_slide {

    padding: 0px 20px;

}

.whyrcciit_slide .owl-next img {

    width: 50%;

}

.whyrcciit_slide .owl-prev img {

    width: 50%;

}

.why_slide_cont {

    height: auto;

    padding: 15px;

}

.why_slide_cont a {

    position: relative;

    bottom: 0;

    transform: none;

}

.open_admission {

    padding: 50px 0px;

    height: 750px;

}

.admission_bg img {

    bottom: -499px;

    width: 90%;

    transform: translate(6%, 0%);

    left: 0%;

}

.admission_cont p {

    font-size: 18px;

    width: 100%;

}

.admission_cont h1 {

    font-size: 25px;

}

.event_contbg img {

    height: 200px;

}

.achievements_slide {

    padding: 0px 40px;

}

.achievements_slide .owl-next img {

    width: 50%;

}

.achievements_slide .owl-prev img {

    width: 50%;

}

.sa_cont h5 a {

    font-size: 19px;

}

.achievements_cont span {

    font-size: 15px;

    letter-spacing: 1px;

}

.gallery_bg1 {

    padding-bottom: 5px;

    padding-right: 0px;

}

.gallery_bg1 img {

    height: 300px;

}

.gallery_bg2 img {

    height: 130px;

}

.gallery_bg3 img {

    height: 130px;

}

.gallery_bg4 img {

    height: 130px;

}

.gallery_bg5 img {

    height: 130px;

}

.gallery_bg6 img {

    height: 130px;

}

.gallery_bg7 img {

    height: 130px;

}

.snip1572:before {

    width: 50px;

    height: 2px;

}

.snip1572:after {

    height: 50px;

    width: 2px;

}

.faq_cont .card-header a {

    padding: 10px 40px 10px 15px;

    font-size: 16px;

    line-height: 1.3;

}

.faq_cont .card-body {

    padding: 15px;

}

.accordion-title:before {

    width: 30px;

    height: 30px;

    right: 0px;

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

    background-size: 40%;

}

.accordion-title.collapsed:before {

    width: 30px;

    height: 30px;

    right: 0px;

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

    background-size: 40%;

}

/*.map {

    height: 430px;

}

.map img{

    height: 430px;

}*/

.footer {

    padding: 50px 0px;

}

.footer_logo{

    width: 30%;

}

.social_link li {

    margin-right: 10px;

}

.social_link li a {

    line-height: 27px;

}

.quick_link li {

    margin-bottom: 5px;

}

.carousel-indicators .active {

    width: 20px;

    height: 8px;

}

#desktop_menu {

    padding: 50px 15px 30px 15px;

    height: 85vh;

    overflow: auto;

}

.wsfmenufull .wsfwrapinner {

    padding: 0px;

}

#list_items {

    columns: 2;

}

#desktop_menu ul li {

    font-size: 14px;

    letter-spacing: 1px;

    margin-bottom: 20px;

}

#desktop_menu ul ul li a {

    font-size: 11px;

    letter-spacing: 0px;

}

.logo img {

    width: 85%;

}

#wstoggle {

    width: 50px;

    height: 40px;

    right: 90px;

    top: 32px;

    line-height: 40px;

}

.search_box {

    padding-right: 15px;

    padding-top: 15px;

}

.search_box p {

    width: 40px;

    height: 40px;

    line-height: 40px;

}

.search_box p .fa {

    width: 40px;

    height: 40px;

    line-height: 40px;

    font-size: 16px;

}

.logo {

    width: 70%;

}

.form-control {

    font-size: 14px;

    height: 40px;

}

.input-group-text {

    width: 40px;

}

.wsfopen .wsfmain {

    padding-top: 15px;

}

.wsfmain {

    top: 20px;

}

.eventdate p span {

    font-size: 11px;

    font-weight: 600;

}

.eventdate p {

    font-size: 35px;

    font-weight: 600;

    line-height: 1.3;

}

.media .media-body p {

    font-size: 13px;

}

.event_side_panel hr {

    margin: 15px 0px !important;

}

.breadcrumb li a, .breadcrumb-item.active   {

    font-size: 12px;

}

.breadcrumb-item+.breadcrumb-item::before {

    font-size: 12px;

    padding-right: 3px;

}

.breadcrumb-item+.breadcrumb-item {

    padding-left: 3px;

}

.event_details .event_title {

    font-size: 23px;

}

.visual_cont {

    margin-left: 0px;

    padding: 20px 20px 20px 20px;

    width: 100%;

    margin-top: -40px;

}

.visual_cont h6 {

    font-size: 18px;

}

.wrapper {

    max-width: 100%;
    height: 60px;
    line-height: 60px;
}
.stycky_element {
    height: 60px;
}

.scroller-right, .scroller-left {

    width: 30px;;

    margin: 0;

    font-size: 16px;

}

.stycky_element li a {

    padding: 0px 20px;

}

/*.wrapper {

    max-width: 80%;

    overflow: scroll;

}*/

.event_title {

    font-size: 23px;

}

.tab_cont .nav-tabs .nav-link {

    font-size: 17px;

    margin-right: 20px;

}

.ps_cont {

    padding: 20px;

    margin-top: 20px;

    height: auto;

}

.program_outcomes:after {

    left: 0px;

    right: 0px;

}

.program_outcomes_cont {

    padding: 20px;

    height: auto;

}

.program_outcomes {

    padding: 50px 0px;

    margin-bottom: 50px;

}

.program_outcomes_cont img {

    width: 30%;

}

.activities_cont h4 {

    font-size: 20px;

}

.activities_cont {

    padding: 30px 20px;

}

.faculty {

    padding: 40px 0px;

}

.inner_banner .inner_banner_cont h1 {

    font-size: 25px;

}

.research_content {

    padding: 20px 20px 20px 20px;

}

.research_cont span {

    transform: rotate(0deg);

    width: 100%;

    text-align: center;

    position: relative;

    padding: 20px 0px;

    top: auto;

}

.research_content h6 {

    font-size: 16px;

}

.research {

    padding: 50px 0px;

}

.resources .tab_content h5 {

    font-size: 18px;

}

.download_policy {

    padding: 0px 0px 0px 15px;

}

.download_policy a {

    font-size: 10px;

    padding: 0px 10px;

    font-weight: 500;

    letter-spacing: 1px;

    margin-right: -2px;

}

.download_policy a .fa {

    margin-left: 0px;

}

.download_policy span {

    line-height: 1;

    display: block;

    font-size: 14px;

}

.visual_cont h5 {

    font-size: 20px;

}

.banner .carousel-indicators {

    justify-content: center;

    margin-bottom: 90px;

    width: 100%;

    padding: 0px 100px;

}

.about_rcciit {

    padding: 50px 0px 50px 0px;

    margin-top: -70px;

    z-index: 100;

    position: relative;

}

.dept_cont {

    height: auto;

}

.dept_cont span {

    font-size: 19px;

    margin-bottom: 10px;

}

.dept_cont .more_link {

    position: relative;

    bottom: auto;

}

/*.smallPost .share {

    top: -3px;

    left: 10px;

    float: left;

    right: auto;

}

.smallPost .shareCont.show {

    opacity: 1;

    left: 45px;

    right: auto;

}

.map_cont {

    padding: 15px 10px;

}*/

.smallPost .share {

    font-size: 17px;

    top: 6px;

}

.smallPost .shareCont.show {

    opacity: 1;

    right: 30px;

    top: 5px;

}

.smallPost .shareCont a {

    font-size: 15px;

    width: 27px;

    height: 27px;

    line-height: 29px;

}

.smallPost{

    margin-top: 14px;

}

.banner .row {

    padding: 0px 15px;

}

.about_rcciit_cont p {

    font-size: 16px;

    color: #000;

    margin-bottom: 15px;

}

.bootstrap-datetimepicker-widget.dropdown-menu {

  min-width: 100%;

  max-width: 100%;

}

.container{

    padding: 0px 15px;

}

.logo-d{

    width: 150px;

}

.rf_logo {

    width: 90px;

    float: left;

}

.gdsc_logo {

    width: 200px;

    float: left;

}

.un_logo {

    width: 90px;

    float: left;

}

.academic_calender_content p {

    font-size: 16px;

}

.academic_calender_content .more_link {

    padding: 7px 10px;

    line-height: 16px;

    font-size: 12px;

    text-transform: capitalize;

}

.academic_calender {

    padding: 0px 0px 50px 0px;

}

.whyrcciit_slide .why_slide_cont a {

    bottom: 10px;

}

.mncs_slide .owl-next img {

    width: 60%;

}

.mncs_slide .owl-prev img {

    width: 60%;

}

.mncs_slide {

    padding: 0px 60px;

}

.bog_metting a {

    margin: 5px 10px;

}



.our_collection_cont p {

    font-size: 28px;

    font-weight: 800;

    letter-spacing: 1px;

}

.our_collection_cont p span {

    color: #333;

    font-weight: 500;

    font-size: 23px;

}
.wrapper::-webkit-scrollbar {
      width: 100px;
  height: 5px;
}
.wrapper::-webkit-scrollbar-track {
      width: 100px;
  height: 5px;
}
.wrapper::-webkit-scrollbar-thumb {
      width: 100px;
  height: 5px;
}
.stycky_element li a {
    font-size: 14px;
}

}



/* Mobile menu*/



.panel-default>.panel-heading a[aria-expanded="true"] {

    background-color: #eeeeee00!important;

}

.panel-default>.panel-heading {

    color: #333;

    background-color: #ffffff00!important;

    border-color: #e4e5e700!important;

    padding: 0;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

.panel-title a{

    /* margin-left: 25px; */

    /* margin-top: 5px; */

    /* margin-right: 0px; */

    margin-bottom: 10px;

    color: #fff;

    text-transform: uppercase;

    list-style: none;

    color: #50c8f4;

    font-size: 18px;

    font-family: "Roboto", sans-serif;

    font-weight: 600;

    letter-spacing: 1px;

}

.panel-body ul li{

    list-style-type: none;

}

.panel-body ul li a{

    color: #fff;

    font-size: 1.2rem;

    line-height: 3rem;

}
.panel-body ul li a:hover{
    color: #FFFF00;
}

.panel-default>.panel-heading a {

    display: block;

    padding: 0px 15px!important;

}



  



  

  .accordion button {

    position: relative;

    display: block;

    text-align: left;

    width: 100%;

    padding: 1em 0;

    color: #7288a2;

    font-size: 1.15rem;

    font-weight: 400;

    border: none;

    background: none;

    outline: none;

  }

  

  .accordion button:hover,

  .accordion button:focus {

    cursor: pointer;

    color: #03b5d2;

  }

  

  .accordion button:hover::after,

  .accordion button:focus::after {

    cursor: pointer;

    color: #03b5d2;

    border: 1px solid #03b5d2;

  }

  

  .accordion button .accordion-title {

    padding: 1em 1.5em 1em 0;

  }

  .accordion button .icon::before {

    display: block;

    position: absolute;

    content: '';

    top: 9px;

    left: 5px;

    width: 10px;

    height: 2px;

    /*background: currentColor;*/
    background: #FFFF00;

  }

  .accordion button .icon::after {

    display: block;

    position: absolute;

    content: '';

    top: 5px;

    left: 9px;

    width: 2px;

    height: 10px;

    /*background: currentColor;*/
    background: #FFFF00;

  }

  

  .accordion button[aria-expanded='true'] {

    color: #03b5d2;

  }

  .accordion button[aria-expanded='true'] .icon::after {

    width: 0;

  }

  .accordion button[aria-expanded='true'] + .accordion-content {

    opacity: 1;

    max-height: 100%;

    transition: all 200ms linear;

    will-change: opacity, max-height;

  }

  .accordion .accordion-content {

    opacity: 0;

    max-height: 0;

    overflow: hidden;

    transition: opacity 200ms linear, max-height 200ms linear;

    will-change: opacity, max-height;

  }

  .accordion .accordion-content p {

    font-size: 1rem;

    font-weight: 300;

    margin: 2em 0;

  }

  

  .accordion-title{

      /* margin-left: 25px; */

      /* margin-top: 5px; */

      /* margin-right: 0px; */

      margin-bottom: 10px;

      color: #fff;

      text-transform: uppercase;

      list-style: none;

      color: #FFFF00;

      font-size: 18px;

      font-family: "Roboto", sans-serif;

      font-weight: 500;

      letter-spacing: 1px;

  }

.accordion button .icon {

    display: inline-block;

    position: absolute;

    top: 20px;

    right: 13px;

    width: 22px;

    height: 22px;

    border: 1px solid #FFFF00;

    border-radius: 22px;

}

@media screen and (min-width: 575px){

    .mobile_menu{

        display:none;

      }   

  }

/*=======================MOBILE NAV CSS=====================================*/

@media screen and (max-width: 575px){

 .desktop_menu{

    display:none;

    }

    .list_menu {

        padding: 0px 20px;

    }

    .mobile_menu {

        padding: 10px 40px 30px 15px;

        height: 85vh;

        overflow: auto;

    }

.program_outcomesbg{
    margin-bottom: 0px;
}

    

  }

@media screen and (max-width: 400px){
    .carousel-item .bannerbg {
        height: 100vh;
    }
}