/* SANTOSH KUMAR */



body {
    font-family: 'Roboto', sans-serif;

}
.padd-left-50{padding-left: 50px;}
.accordion-button:focus{border: none; box-shadow: none;}

#warp {
    padding: 0 50px;
}

.dest {
    display: block;
}

.mob {
    display: none;
}

.login-mob2 {
    display: none;
}


.modal.show .modal-dialog {
    transform: none;
    width: auto;
}

.modal-backdrop.show {
    opacity: .7;
}


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

1. HOME PAGE 

2. FAQ’s PAGE

3. Announcements PAGE

4. HELP DESK PAGE 


1. LOGIN PAGE 
1. HOME PAGE 
1. HOME PAGE 
1. HOME PAGE 
1. HOME PAGE 
1. HOME PAGE 





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


/*********  HOME START  *********/


/*********  TOP HEADER START  *********/

.top-header {
   padding: 5px 50px;
    background: rgb(237 237 237);

}



.top-nav {
    display: flex;
    align-items: center;
}

.top-nav .nav-item {
    border-left: solid 1px #ccc;
    padding: 0 15px;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}

.top-nav .nav-item:first-child {
    border: none;
    padding-left: 0;
}

.top-nav .nav-item img {
    height: 27px;
}




.top-right-nav {
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-right-nav .nav-item a {
    color: #000;
}

/********* LANGUAGE LIST START *********/
.language {
    font-size: 13px;
    font-weight: 500;
    padding: 0;

}

.language img {
    width: 13px;
    margin-left: 13px;
}

.language:hover {
    color: #000;
}

.language-dropdownmenu {
    box-shadow: 0px 4px 10px 0px #00000036;
    border: none;
    padding: 10px;
}

.language-dropdownmenu .dropdown-item {
    font-size: 15px !important;
    color: #222 !important;
    font-weight: 500 !important;

}

/********* LANGUAGE LIST END  *********/


.page-header {
    position: absolute;
    right: 0;
    left: 0;
    padding: 0 50px;
    z-index: 99;
    background-color: rgb(255 255 255);
    width: 100%;
    }


.page-header #pencet.Diam {
    top: -40px;
 
}

.page-header #pencet.Diam::before {
    content: "";
    background: #ffffff;
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    /* border: solid 1px #ccc; */
}
/* STICKY STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-header.is-sticky {
    position: fixed;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    animation: slideDown 0.90s ease-out;
    background: #FFFFFF;
    top: 0;
  }


  


  .page-header.is-sticky #pencet.Diam {
    top: 0px;
 
}
  
  @keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
  }
  

/*********  TOP HEADER END  *********/
.logo-warp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    float: left;
    padding: 10px 0;
}

.logo img {
    height: 58px;
}

.login-mob {
    display: none;
}

/*********  MENU START  *********/

#pencet {
    display: flex;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    position: relative;
    justify-content: space-around;
    margin-left: 60px;
}

#pencet.Diam {
    position: relative;
    z-index: 99999;
    top: 0;

}
#pencet.Diam .w-bg {
    width: 5px;
    height: 5px;
    position: absolute;
    background: #fff;
    border-radius: 50%;
}
#pencet span {
    background-color: ghostwhite;
    width: 2em;
    height: 2px;
    margin: 0.20em 0;
    display: block;
    transition: all .4s ease;
    transform-origin: 0 0;
}

/* #pencet.Diam span:nth-child(1) {
    transform: rotate(45deg) translate(-13px, -3px);
    width: 1.5rem;
}

#pencet.Diam span:nth-child(2) {
    transform: rotate(45deg) translate(14px, -8.7px);
    width: 1.5rem;
}
#pencet.Diam span:nth-child(3) {
    transform: rotate(313deg) translate(18.5px, 2.8px);
    width: 1.5rem;
}
#pencet.Diam span:nth-child(4) {
    transform: rotate(312deg) translate(-12.5px, 0.3px);
    width: 1.5rem;

} */

#pencet.Diam span:nth-child(1) {
    transform: rotate(45deg) translate(-4px, 2px);
    width: 1.2rem;
}

#pencet.Diam span:nth-child(2) {
    transform:rotate(45deg) translate(12px, -4px);
    width: 1.2rem;
}
#pencet.Diam span:nth-child(3) {
    transform: rotate(313deg) translate(10px, 4px);
    width: 1.2rem;
}
#pencet.Diam span:nth-child(4) {
    transform: rotate(310deg) translate(-6px, -1px);
    width: 1.2rem;

}

#pencet span.top {
    background-color: #F7768D;
}

#pencet span.middle {
    background-color: #D870C7;
}

#pencet span.middle1 {
    background-color: #7E75D0;
}

#pencet span.bottom {
    background-color: #36AAC9;
}

#offcanvasNavbar {
    height: 100vh;
}
.navbar .offcanvas {
    z-index: 1046;
   
}

.navbar .offcanvas-backdrop {
    z-index: 1045;
}

.offcanvas-body {
    padding: 0;
}

.responcive-nav{width: 100%;
    float: left; padding: 0 15px;}

.responcive-nav .accordion .accordion-item {
    border: none;
    width: 100%;
    float: left;
    padding: 0 0 0 15px;
}
.responcive-nav .accordion .accordion-item h5 {
    margin: 0 0 0px 0;
    height: 35px;
    /* background: #ccc; */
}
.responcive-nav .accordion .accordion-item h5 a {
    color: #191919;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: none;
    display: flex;
    justify-content: start;
    align-items: center;
}
.responcive-nav .accordion .accordion-item h5 a span {
    display: block;
    float: left;
    width: 44px;
    /* background: #000; */
    height: 35px;
    text-align: center;
}
.responcive-nav .accordion .accordion-item h5 a span img{ width: auto;}
.responcive-nav .accordion .accordion-item .accordion-header .accordion-button{display: none;}
.responcive-nav .accordion .accordion-item .accordion-header .accordion-button img{ margin-right: 15px;}
.responcive-nav .accordion .accordion-item .accordion-header .accordion-button::after{ display: none;}

.responcive-nav .accordion .accordion-item .collapse:not(.show) {
    display: block;
} 

.responcive-nav .accordion .accordion-item .accordion-body {
    width: 100%;
    float: left;
    padding:0 ;
}

.responcive-nav .accordion .accordion-item .accordion-collapse .accordion-body .nav { display: block; padding-left: 44px;}
.responcive-nav .accordion .accordion-item .accordion-collapse .accordion-body .nav .nav-item { 
    margin: 7px 0;  
       /* background: #999; */
    }
.responcive-nav .accordion .accordion-item .accordion-collapse .accordion-body .nav .nav-item .nav-link{font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #717171;
    padding: 10px 0;
}

 .responcive-nav .accordion .accordion-item .accordion-collapse .accordion-body .nav .nav-item .nav-link:hover {
    background: #ccc;
    color: #ffffff;
    

}
 




/* .studen-nav .nav-item .nav-link:hover {
    background:#F7768D !important;
    color: #ffffff
}

.institute-nav .nav-item .nav-link:hover {
    background:#D870C7 !important;
    color:#ffffff
}

.officer-nav .nav-item .nav-link:hover {
    background:#7E75D0 !important;
    color:#ffffff;
}

.public-nav .nav-item .nav-link:hover {
    background: #36AAC9 !important;
    color:#ffffff;
} */



.studen-nav .nav-item .nav-link:hover {
    background: #ffff !important;
    color:#F7768D !important;
    font-weight: 500 !important;
 
}

.institute-nav .nav-item .nav-link:hover {
    background: #ffff !important;
    color:#D870C7 !important;
    font-weight: 500 !important;
  
}

.officer-nav .nav-item .nav-link:hover {
    background: #ffff !important;
    color:#7E75D0 !important;
    font-weight: 500 !important;
  
}

.public-nav .nav-item .nav-link:hover {
    background: #ffff !important;
    color: #36AAC9 !important;
    font-weight: 500 !important;
   
}





.about-bg {
    width: 108% !important;
    background: #EDEDED !important;
    margin: 15px 0 0 -4%;
    padding-left: 0 !important;
}
.about-bg .accordion-body .nav {
    padding: 30px 40px;
}
.about-bg .accordion-body .nav .nav-item {
    display: block;
    width: 100%;
}
.about-bg .accordion-body .nav .nav-item{padding: 0;}
.about-bg .accordion-body .nav .nav-item .nav-link{font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #717171;
    padding: 10px 0;
    padding-left:10px;
}

.about-bg .accordion-body .nav .nav-item .nav-link:hover {
    color: #000;
    font-weight: 500;
    

}

.line {
    width: 108%;
    height: 10px;
    background: #EDEDED;
    float: left;
    margin: 15px 0 15px -4%;
}

/* .collapse {
    display: block;
    height: auto !important;
    visibility: visible;
  } */

.mobe-view-show{display: none;}

/*********  MENU END  *********/
.custom-scroll::-webkit-scrollbar {
    width: 5px;
}

.custom-scroll::-webkit-scrollbar-track {
    background: #ddd;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: #666;

}


/*********  SERCH BAR START  *********/
.searchbox {
    background-color: #fff;
    border-radius: 50px;
    border: solid 1px #ccc;
    display: inline-flex;
    width: 100%;
   
}
.searchbox [class*="col-"] {
    padding: 0px;
}




.searchbox .filter-wrap {
    position: relative;
    width: 70px;
    border-right: solid 1px #ccc;

}
.searchbox .filter-wrap ul{ width: 300px;}

.searchbox .filter-wrap ul li {
    padding: 10px;
    margin: 7.5px 0;
}
.searchbox .filter-wrap ul li .form-check .form-check-input{ border-radius: 20px;}
.searchbox .filter-wrap ul li .form-check .form-check-label{ display: block; line-height: 25px;}
.filter-btn {
    width: 100%;
    float: left;
    padding: 9px 16px;
}
.filter-btn img{ width: 100%;}

.searchbox .form-control {
    border-color: transparent;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    border-radius: 0;
    color: #0c0c0c;
    width: 100%;
}

.searchbox .form-control:focus {
    outline: 0;
    box-shadow: none;
}

.searchbox .form-select:focus {
    outline: 0;
    box-shadow: none;
}

.serch-btn {
    float: right;


}

.serch-btn.serch-btn {
    border: none;
}

.serch-btn img {
    width: 26px;
}


/*********  SERCH BAR END  *********/

/*********  FAQ’s Announcements Helpdesk And LOGIN START *********/

.right-nav {
    margin-top: 15px;
}

.right-nav .nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 40px;

}
.right-nav .nav-item:nth-child(1) .nav-link img{ width: 24px;}
.right-nav .nav-item:nth-child(2) .nav-link img{ width: 24px;}
.right-nav .nav-item:nth-child(3) .nav-link img{ width: 20px;}
.right-nav .nav-item:nth-child(4) .nav-link img{ width: 24px;}



.right-nav .nav-item .dropdown-menu li:nth-child(1) .nav-link img{ width: 30px;}
.right-nav .nav-item .dropdown-menu li:nth-child(2) .nav-link img{ width: 24px;}
.right-nav .nav-item .dropdown-menu li:nth-child(3) .nav-link img{ width: 21px; margin-top: -1px;}
.office-img{width: 20px !important; margin-top: -3px;}

.right-nav .nav-item .nav-link {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    padding: 0 15px;

}

.right-nav .nav-item:last-child .nav-link {
    padding-right: 0;
}

.right-nav .nav-item .nav-link:hover {
    border-radius: 1.25rem;
    background: #f3f3f3;
}

.right-nav .nav-item .nav-link span {
    float: left;
    text-align: center;
    margin-right: 7px;

}



.dropdown-menu {
    box-shadow: 0 10px 37px rgba(0, 0, 0, .15);
    border: 0.5px solid hsla(0, 0%, 46%, .28);
    border-radius: 0.5rem;
    overflow: hidden;
    min-width: 180px;
    backdrop-filter: blur(10px);
   }

.dropdown-menu li {
    line-height: normal;
    margin: 5px 0;
}

.dropdown-menu li .nav-link {
    font-size: 15px !important;
    color: #222 !important;
    font-weight: 400 !important;
    display: flex;
    justify-content: start;
    align-items: center;
    line-height: 40px;
    padding: 0 10px !important;
}
.dropdown-menu li .nav-link:hover {
    border-radius: 0 !important;
}

.dropdown-menu li .nav-link .link-list-icon1 {
    width: 40px;
    margin: 0;
    height: 38px;
}
.dropdown-menu li .nav-link .link-list-icon2 {
    width: 40px;
    margin: 0;
    height: 46px;
}

.dropdown-menu li .nav-link .link-list-icon3 {
    width: 40px;
    margin: 0;
    height: 44px;
}

.dropdown-menu li .nav-link .link-list-text {
    margin: 0;
   
}

/********* FAQ's LIST START *********/

/********* FAQ's LIST END  *********/


/********* Announcements LIST START *********/

/********* Announcements LIST END  *********/


.serch-icon-bg {
    background: #ffffff;
    height: 44px;
    width: 44px;
    border-radius: 50%;
    line-height: 44px;
    text-align: center;
    margin-right: 15px;
}
.close-btn {
    position: absolute;
    top: -25px;
    right: 0;
    background: #fff;
    padding: 5px;
    border-radius: var(--bs-modal-border-radius);
}

.login-icon-bg {
    background: rgb(228, 91, 130);
    background: linear-gradient(201deg, rgba(228, 91, 130, 1) 0%, rgba(192, 120, 209, 1) 35%, rgba(98, 136, 217, 1) 71%, rgba(28, 180, 227, 1) 100%);
    height: 44px;
    width: 44px;
    border-radius: 50%;
    line-height: 44px;
    text-align: center;
    margin: 0 !important;
    float: right;
}


.login-user-bg {
    height: 44px;
    width: 44px;
    border-radius: 50%;
    line-height: 44px;
    text-align: center;
    float: right;
    overflow: hidden;
    background: 0;
    box-shadow: 0 1px 6px 0 #20212447;
}
.login-user-bg img {
    width: 100% !important;
}






/*********  FAQ’s Announcements Helpdesk And LOGIN END  *********/



.banner-wrap {
    width: 100%;
    float: left;

}


/*********  SERVICES START  *********/

.services-box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 175px;
    margin: 15px 0;
    text-decoration: none;

}



.services-box h3 {
    color: #FFFFFF;
    font-size: 26px;
    font-weight: 400;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 26px;
}
.services-box .service-icon {
    padding-right: 10px;
    height: 22px;
    line-height: 20px;
}
/* .services-box .service-icon img {
    height: 100%;
} */
.bg1 {
    background: #F7768D;

}

.bg2 {
    background: #D870C7;

}

.bg3 {
    background: #7E75D0;

}

.bg4 {
    background: #36AAC9;

}


/* .bg1 img { width: 40px;}
.bg2 img { width: 35px;}
.bg3 img { width: 25px;}
.bg4 img { width: 35px;} */

.bg1 img { height: 100%;}
.bg2 img { height: 100%;}
.bg3 img { height: 100%;}
.bg4 img { height: 100%;}







.hvr-float-shadow {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-float-shadow:hover,
.hvr-float-shadow:focus,
.hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}

.hvr-float-shadow:hover:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

.hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-icon-pulse:hover .hvr-icon,
.hvr-icon-pulse:focus .hvr-icon,
.hvr-icon-pulse:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pulse;
    animation-name: hvr-icon-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/*********  SERVICES END  *********/


/*********  Announcement Wrap START  *********/

.announcement-wrap {
    width: 100%;
    float: left;
    padding: 5rem 0;
}



.announcement-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.announcement-box a span {
    position: absolute;
    width: 23px;
    height: 23px;
    background: #F63971;
    color: #FFFFFF;
    border-radius: 100%;
    top: 42px;
    right: 10px;
}

#annou {
    display: none;
}

.announcement-content {
    padding: 30px;
}

.announcement-content h4 {
    font-size: 18px;
    font-weight: bold;
    color: #3B3B3B;
}

.announcement-content p {
    font-size: 16px;
    font-weight: normal;
    line-height: 27px;
    color: #3B3B3B;
    margin: 0;
}




.announ {
    padding-right: 15px;
}

.announ img {
    margin-bottom: 15px;
}

.announ h4 {
    font-size: 30px;
    font-weight: 500;
    color: #3B3B3B;
    margin-bottom: 30px;
    ;
}

.announ-scroll {
    padding-right: 30px;
    max-height: 317px;
    overflow-x: hidden;
    overflow-y: auto;
}

.announ p {
    font-size: 16px;
    font-weight: normal;
    line-height: 27px;
    color: #3B3B3B;
    border-bottom: dashed 1px #ccc;
    padding-bottom: 15px;
}

.announ p a {
    text-decoration: none;
    color: #000;
    border-bottom: solid 1px #000;
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
}



.uniscorn {
    padding-left: 15px;
}

.uniscorn img {
    margin: 24px 0 16px;
    height: 106px;
}

.uniscorn-scroll {
    padding-right: 30px;
    max-height: 317px;
    overflow-x: hidden;
    overflow-y: auto;
}

.uniscorn h4 {
    font-size: 32px;
    font-weight: 600;
    color: #3B3B3B;
    margin-bottom: 30px;
}

.uniscorn p {
    font-size: 16px;
    font-weight: normal;
    line-height: 27px;
    color: #3B3B3B;
    margin-bottom: 15px;
}

.uniscorn p a {
    text-decoration: none;
    color: #000;
    border-bottom: solid 1px #000;
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
}

/*********  Announcement Wrap END  *********/


/*********  lOGO SILDER START  *********/
.logo-slider {
    width: 100%;
    text-align: center;
    margin-top: 6rem;
}
.logo-slider .logo-box {
    display: inline-block;

}

.logo-slider .logo-box img {
   max-height:50px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);

}
.logo-slider .logo-box img:hover {
    height: 50px;
    -webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter:none;
}
/*********  LOGO SILDER END  *********/



/*********  FOOTER START  *********/

.footer-nav {
    display: inline-flex;
    width: 100%;
    margin: 2rem 0;
}

.footer-nav .nav-item {
    border-left: solid 1px #333;
}

.footer-nav .nav-item:first-child {
    border: none;
}

.footer-nav .nav-item .nav-link {
    font-size: 16px;
    color: #333;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 20px;
}

.footer-nav .nav-item .nav-link:hover {
    color: #000;
}

.last-update-bg {
    background: #D9D9D9;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}


/*********  FOOTER END  *********/

/*********  INNER PAGE START  *********/

.inner-banner-wrap {
    width: 100%;
    float: left;
    padding: 0 50px;
    background: #ffffff;
  
}

.inner-banner {
    width: 100%;
    float: left;
    position: relative;
}
.inner-banner img {
    width: 100%;
    float: left;
    height: 200px;
}

.header-title {
    font-family: Roboto;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
    /* color: #ffffff; */
    margin: 0;
    position: absolute;
    bottom: 18%;
    left: 0;
    /* background: #ef759c; */
    width: 200px;
    line-height: 70px;
    /* padding: 0 15px; */
}

    .line-bg {
        width: 100%;
        float: left;
        height: 8px;
        background: linear-gradient(90deg, #F7768D 0%, #D870C7 34%, #7E75D0 57.5%, #36AAC9 100%);
    }



.line-bg a {    background: #ffffff;    float: left;    padding: 0 50px 0 0;    margin-top: -9px;}

.line-bg a span {    width: 27px;    height: 27px;    background: #ccc;    display: flex;    border-radius: 20px;    float: left;    text-align: center; padding:5px;}

.pages-section{ width: 100%;
    float: left;
padding:50px  50px 0 50px;}



.custom-tab {     background: linear-gradient(90deg, #F7768D 0%, #D870C7 34%, #7E75D0 57.5%, #36AAC9 100%); 

    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
}
/* .custom-tab .nav-item {    border-right: solid 1px #FFFFFF;} */
.custom-tab .nav-item {
    border-right: solid 1px #FFFFFF;
    display: grid;
    justify-content: center;
    align-items: center;
    text-align: center;
    white-space: nowrap;
}



.custom-tab .nav-item:first-child a{padding: 08px 14px;}
.custom-tab .nav-item a {
    display: block;
     /* padding: 14px;  */
}

.custom-tab .nav-item img { height: 18px;    margin-right: 10px;}
.custom-tab .nav-item:first-child img {margin-right: 0;}

.custom-tab .nav-link {    color: #ffffff;    
    /* height:100%;  */
    line-height: 30px;
       border: none;    border-radius: 0;}

.custom-tab .nav-link:focus, .custom-tab .nav-link:hover {    isolation: isolate;    background: #575757;    color: #FFFFFF;    border: none;    border-radius: 0;}

.custom-tab .nav-link.active {    background: #575757;    color: #FFFFFF;    border: none;    border-radius: 0;}



.vertical-tabs h5{font-size: 24px;     font-family: Roboto; font-weight: bold; margin-bottom: 30px;}

.vertical-tabs .nav-link {
    color: #484848;
    font-size: 15px;
    font-family: Roboto;
    font-weight: 400;
    border-radius: 0;
    border-top: solid 1px #ccc;
    line-height: 60px;
    text-align: left;
    padding: 0 5px;
}
.vertical-tabs .nav-link:last-child {border-bottom: solid 1px #ccc;}
.table-grid{ text-align: center;}

.btn-theme {
    background: #ef749b;
}

.btn-theme:hover {
    background: #000000;
}
.vertical-tabs .nav-link:hover, .vertical-tabs .nav-link.active {
    background: none;
    color: #f7768e;
    font-weight: 500;
}

.institute-tabs .nav-link:hover, .institute-tabs .nav-link.active {
    background: none;
    color: #D870C7;
    font-weight: 500;
}


.vertical-tab-content{ width: 100%; border-left: solid 1px #ccc;
    padding: 0 0 10% 2%;
    height: 100%;}

    .vertical-tab-content h5{font-size: 18px;     font-family: Roboto; font-weight: bold;  color: #303030;}


    .profile-details{ width: 100%; float: left;}
    .profile-details .user-icon {
        margin: 25px 0;
    }
    .profile-details .user-name{color: #000000; font-size: 18px; font-family: Roboto; font-weight: 600; margin-bottom: 15px;}

    .profile-details .user-details{color: #000000; font-size: 16px; font-family: Roboto; font-weight: 600; margin-bottom: 15px;}
    .profile-details .user-details span {
        color: #676767;
        font-size: 15px;
        float: left;
        width: 100%;
        font-weight: 500;
    }
    .profile-details .user-details a{ color: #3A8FA6; text-decoration: none;}

    .profile-details .user-details a:hover{ color: #3A8FA6; text-decoration: underline;}

.application-status{width: 100%; float: left; padding-top: 60px;}
.application-status p{color: #000000; font-size: 18px; font-family: Roboto; font-weight: 600;}
.application-status p a{ color: #3A8FA6; text-decoration: underline; }
.application-status p a:hover{ color: #3A8FA6;text-decoration: none; }







#pills-tabContent {    float: left;    width: 100%;}


.content-warp {    width: 100%;    float: left;    padding: 20px ;  
}

.content-warp h4 {font-family: Roboto;    font-size: 30px;    font-weight: 500;    letter-spacing: 0em;    text-align: left;    color: #0D0D0D;    margin: 0;    padding-left: 40px;}

.content-warp p {    font-size: 16px;    font-weight: normal;    line-height: 27px;    color: #3B3B3B;}



.student-bg{background: rgb(247,118,141);    background: linear-gradient(90deg, rgba(247,118,141,1) 50%, rgba(233,115,167,1) 100%);}

.institute-bg{background: rgba(216, 112, 199, 1);        background: linear-gradient(90deg, rgba(216, 112, 199, 1) 50%, rgba(189, 114, 202, 1) 100%);}

.officers-bg{background: rgba(126, 117, 208, 1);    background: linear-gradient(90deg,rgba(126, 117, 208, 1) 50%, rgba(140, 112, 193, 1) 100%);}

 .public-bg{background: rgba(54, 170, 201, 1);    background: linear-gradient(90deg, rgba(54, 170, 201, 1) 50%, rgba(108, 137, 186, 1) 100%);}

    .student-color{color: rgb(247,118,141);}
    
    .institute-color{color: rgba(216, 112, 199, 1);}
    
    .officers-color{color: rgba(126, 117, 208, 1);}
    
     .public-color{color: rgba(54, 170, 201, 1);}




/*********  FAQ’s PAGE START  *********/

.faq-box {
    border: none;
    padding: 20px 50px 50px 50px;
    float: left;
    width: 100%;
}
.faq-serch-box {
    float: right;
    position: relative;
    /* margin-right: -50px; */
}

.faq-serch-box .form-control {
    line-height: 44px;
    border-radius: 80px;
    padding: 0 20px;
    width: 300px;
}

.faq-serch-box button {
    background: none;
    border: none;
    position: absolute;
    z-index: 9999;
    top: 8px;
    right: 10px;
}

.custom-accordion .accordion-item {
    border-left: none;
    border-right: none;
    border-radius: 0;
}

.custom-accordion .accordion-button {
    background: none;
    font-family: Roboto;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #3A3A3A;
    padding: 25px 0;
    font-weight: 400;
}
.custom-accordion .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
    transition: all 0.5s;
}

.custom-accordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}

.custom-accordion .accordion-button::after {
    transition: all 0.5s;

}





.accordion-body p {
    font-size: 16px;
    line-height: 22px;
}

.accordion-body p a {
    width: 74px;
    height: 34px;
    font-size: 16px;
    background: #D9D9D9;
    color: #222222;
    text-decoration: none;
    display: inline-block;
    line-height: 34px;
    text-align: center;
    border-radius: 30px;
    margin: 0 10px;
}

.accordion-body p a:hover {
    background: #222222;
    color: #D9D9D9;
}




/*********  FAQ’s PAGE END  *********/



/*********  Announcements PAGE START  *********/
.anno-box {
    border: none;
    padding:50px;
    float: left;
}

.announcements-box{width: 100%; float: left; background: #D9D9D9; padding: 15px; margin-bottom: 60px;}
.announcements-box h4{ color: #3B3B3B; font-size: 18px;font-weight: bold; }
.announcements-box p{font-size: 16px; line-height: 27px; font-weight:normal;}

/*********  Announcements PAGE END  *********/




/*********  HELP DESK PAGE START  *********/


.helpdesk-box {
    border: none;
    padding: 50px 0 0 50px;
    width: 350px;
}

.helpdesk-box li {
    list-style: none;
}

.helpdesk-box h5 {
    font-size: 18px;
    color: #000;
    font-weight: 700;
}

.helpdesk-box p {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.helpdesk-box p span {
    font-size: 14px;
    color: #3A3A3A;
    font-weight: 500;
    display: block;
    line-height: 16px;
    padding-left: 35px;
}

.helpdesk-form {
    border-radius: 8px;
    border: var(--bs-border-width) solid var(--bs-border-color)
}

.helpdesk-form hr {
    border-color: #dee2e6;
    margin: 0;
    opacity: 1;
}

.helpdesk-form h3 {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #202020;
    margin-bottom: 15px;
}

.helpdesk-form p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #202020;
    margin-bottom: 15px;


}

.helpdesk-form .form-label {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;


}

/* .helpdesk-form .form-control{ height: 54px;} */

.helpdesk-form textarea.form-control {
    min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}

.submit-btn {
    width: 150px;
    background: #575757;
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    border-radius: 0;
    padding: 15px;
    border: none;



}

.submit-btn:hover,
.submit-btn:first-child:active {
    /* background: linear-gradient(90deg, #F7768D 0%, #D870C7 34%, #7E75D0 57.5%, #36AAC9 100%); */
    background: #575757;
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;


}

/*********  HELP DESK PAGE END  *********/




/*********  LOGIN FORM START  *********/

.login-form {
    /* max-width: 420px; */
    max-width: 460px;

}

.login-form h3 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
}

.login-form p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px;
}

.login-form p a {
    color: #106BD8;
    text-decoration: none;
}

.login-form .form-control {
    border-radius: 0;
    background-color: #d8d8d84f;
    font-weight: 300;
    border: none;
    line-height: 30px;
}

.login-form .form-select {
    border-radius: 0;
    background-color: #d8d8d84f;
    font-weight: 300;
    border-color:#FF8E00;
    line-height: 30px;
    font-weight: 500;
}

.login-form .form-label {
    font-weight: 500;
    width: 100%;
    float: left;
}

.login-form .form-text {
    font-weight: 600;
    color: #00000061;
}

.login-form .form-text a {
    font-weight: 600;
    color: #00000061;
    text-decoration: none;
}

.login-form .form-text a:hover {
    font-weight: 600;
    color: #000000;
    text-decoration:underline;
}

.form-check .form-check-input {
    float: left;
    width: 24px;
    height: 24px;
    background-color: #d8d8d84f;
    border: solid 2px rgb(0 0 0 / 60%);
    margin: 0 10px 0 -15px;
    padding: 0;
}

.form-check-input:checked {
    background-color: #d8d8d8 !important;
    border-color: #6c6c6c !important;
}


.login-form .form-check-label {
    font-weight: 500;
    font-size: 15px;
    
}
label {
    display: flex;
}
.captcha {
    font-size: 16px;
    font-weight: 600 !important;
    letter-spacing: 2px;
}

.refresh-btn {
    margin: 10px 0;
}

.cancel-btn {
    background: #ffffff !important;
    color: #1C5C89 !important;
       width: 150px !important;
}

.login-btn {
    background: #575757;
    color: #ffffff;
    line-height: 40px;
    width: 100%;
}

.login-btn:hover {
    background: #1C5C89;
    color: #ffffff;
}






.studnt-login-tips {
    width: auto;
    padding: 50px 0 0 100px;
    float: right;
}

.getotp-box {
    display: inline-table;
    width: 100%;
    position: relative;
}
.add-text-fild{width: 68%; float: left; position: relative;}

.passwordeye {
    position: absolute;
    top: 0;
    right: 0;
    border-left: solid 1px #ccc;
    padding: 11px;
}

.getotp-boxs .form-control {
    width: 68%;
    float: left;
}

.getotp-box .form-control {
    width: 100%;
    float: left;
}

.getotp-btn {
    width: 30%;
    border-radius: 0;
    background-color: #d8d8d84f;
    border: none;
    line-height: 34px;
    color: #000;
    font-weight: 600;
    float: right;
}

.login-form .form-control {
    border-radius: 0;
    background-color: #d8d8d84f;
    font-weight: 300;
    border: none;
    line-height: 30px;
}


.getotp-btn:hover {
    background: #f7768d;
    color: #ffffff;
}

.otp-box {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
}

.otp-fild {
    width: 3.5rem;
    text-align: center;
    font-weight: 500 !important;
}
/*********  LOGIN FORM END  *********/
/*********  REGISTER FORM START  *********/
.general-instructions {
    width: 100%;

}

.general-instructions h3 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
}

.general-instructions p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px;
}

.general-instructions p a {
    color: #106BD8;
    text-decoration: none;
}

.general-instructions ol{ width: 100%; float: left; padding: 0 0 0 15px;}
.general-instructions ol li{ margin: 7px 0; font-size: 14px; line-height: 24px;}




.user-profile-pic {
    width: 100%;
    float: left;
    border: solid 1px #ccc;
    padding: 10px;
}
.user-profile-pic img{ width: 100%;}


.register-form h5 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 30px;
}
.register-form .form-label {
    color: rgb(161 161 161);
}
.register-form .form-control {
    border: solid 1px #999;
    border-radius: 4px;
    font-weight: 500;
    color: #000;
}
.register-form .col-form-label{ font-weight: 500;}




/*********  REGISTER FORM END  *********/



:root {
    --v-progress-left: 30px;
    --v-progress-item-height-width: 15px;
    --v-progress-line-height: 35px;
    --v-progress-line-width: 3px;
    --v-progress-gap: 13px;

}

/* vertical progress */
.v-progress {
    position: relative;
    width: 60%;
    margin: 0 auto;
}
.v-progress:after {
    content: "";
    border-bottom: dashed 1px #ccc;
    height: 1px;
    width: 100%;
    float: left;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: -1;
}
.v-progress ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.v-progress-item {
    list-style-type: none;
    font-size: 15px;
    min-width: fit-content;
    float: left;
    position: relative;
    font-weight: 400;
    padding: 0 15px;
    background: #ffffff;
    border: solid 1px #BDBDBD;
    line-height: 44px;
    border-radius: 50px;
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 2%;
   
}

.v-progress-item b{display:none;}

.v-progress-item span {
    color: #000;
    margin-left: 15px;

}

.completed{
    background: #F7768D;
    border: solid 1px #F7768D;
}
.completed span {
    color: #ffffff;
    
   
}

.inprogress  {
    background: #d1d1d1;
    border: solid 1px #d1d1d1;
    }
.inprogress span {
    color: #000;
  
}

.v-progress-item:last-child {
    margin-bottom: 0px;
}

.v-progress-item:last-child:after {
    border-left: 0px;
}

.v-progress-item:before {
    content: "";
    display: inline-block;
    width: var(--v-progress-item-height-width);
    height: var(--v-progress-item-height-width);
    left: calc(0px - var(--v-progress-left));
    border-radius: 50%;
    background-color: #ccc;
}

/* .v-progress-item:after {
    content: "";
    display: inline-block;
    position: absolute;
    height: 100px;
    top: calc(var(--v-progress-item-height-width) + var(--v-progress-gap) / 2);
    left: calc(0px - var(--v-progress-left) + var(--v-progress-item-height-width) / 2 - var(--v-progress-line-width) / 2);
    border-left: dotted 2px #ccc;
}

.v-progress-item.completed:after {
    border: solid 2px #BFBFBF;
} */

.v-progress-item.completed:before {
    background: #ffffff;
    font-family: FontAwesome;
    content: "\f00c";
    color: #F7768D;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
}

.v-progress-item.inprogress:before {
    background-color: #575757;
    /*   height: calc(var(--v-progress-border) + var(--v-progress-item-height-width));
	width: calc(var(--v-progress-border) + var(--v-progress-item-height-width)); */
    outline: calc(var(--v-progress-border) / 2) solid #e9e9e9;
    top: calc(0px - var(--v-progress-border) + var(--v-progress-border));
}









/*********  LOGIN FORM END  *********/



/*********  STUDENT START  *********/

.student-box {
    width: 100%;
    float: left;
    padding: 30px;
    box-shadow: none;
    margin: 15px 0;
    border: solid 1px #FFFFFF;
}

.student-box:hover {
    border: solid 1px #E15D85;
    border-radius: 8px;


}

.student-box .student-box-icon {
    height: 130px;
    margin-bottom: 20px;
    position: relative;
}
.student-box .student-box-icon img{ max-height: 100%; position: absolute; left: 0; bottom: 0; }
.student-box h4{font-size: 30px; font-weight: 600; margin-bottom: 30px ;
    
}

.student-box h4 span{ font-weight: 300;}
.student-box p{font-size: 16px; font-weight: normal; line-height: 27px; color: #3B3B3B;
    
}
.student-box a{ text-decoration: none; font-size: 18px; font-weight: bold; color: #000; border-bottom: solid 2px #000;
    
}

.student-box a:hover{color: rgb(247,118,141); border-bottom: solid 2px  rgb(247,118,141);}

/*********  STUDEN END  *********/





/*********  Institute START  *********/

.institute-box {
    width: 100%;
    float: left;
    padding: 30px;
    box-shadow: none;
    margin: 15px 20px;
    border: solid 1px #FFFFFF;
}

.institute-box:hover {
    border: solid 1px #D971C8;
    border-radius: 8px;


}
.institute-box .institute-box-icon{    height: 130px;
    margin-bottom: 15px; position: relative;}
.institute-box .institute-box-icon img{max-height: 100%; position: absolute; left: 0; bottom: 0; }
.institute-box h4{font-size: 30px; font-weight: 600; margin-bottom: 30px ;
    
}
.institute-box p{font-size: 16px; font-weight: normal; line-height: 27px; color: #3B3B3B;
    
}
.institute-box a{ text-decoration: none; font-size: 18px; font-weight: bold; color: #000; border-bottom: solid 2px #000;
    
}

.institute-box a:hover{color: rgba(216, 112, 199, 1); border-bottom: solid 2px rgba(216, 112, 199, 1);}

/*********  Institute END  *********/




/********* Officers START  *********/

.officers-box {
    width: 100%;
    float: left;
    padding: 30px;
    box-shadow: none;
    margin: 15px 20px;
    border: solid 1px #FFFFFF;
}

.officers-box:hover {
    border: solid 1px #8275CD;
    border-radius: 8px;


}
.officers-box .officers-box-icon{    height: 130px;
    margin-bottom: 15px; position: relative;}
.officers-box .officers-box-icon img{max-height: 100%; position: absolute; left: 0; bottom: 0; }
.officers-box h4{font-size: 26px; font-weight: 600; margin-bottom: 30px ;
    
}
.officers-box h4 span{ font-weight: 300;}
.officers-box p{font-size: 16px; font-weight: normal; line-height: 27px; color: #3B3B3B;
    
}
.officers-box a{ text-decoration: none; font-size: 18px; font-weight: bold; color: #000; border-bottom: solid 2px #000;
    
}

.officers-box a:hover{color: rgba(126, 117, 208, 1); border-bottom: solid 2px rgba(126, 117, 208, 1);}

/*********  Officers END  *********/


/********* Public START  *********/

.public-box {
    width: 100%;
    float: left;
    padding: 30px;
    box-shadow: none;
    margin: 15px 20px;
    border: solid 1px #FFFFFF;
}

.public-box:hover {
    border: solid 1px rgba(54, 170, 201, 1);
    border-radius: 8px;


}
.public-box .public-box-icon{    height: 130px;
    margin-bottom: 15px; position: relative;}
.public-box .public-box-icon img{max-height: 100%; position: absolute; left: 0; bottom: 0; }
.public-box h4{font-size: 30px; font-weight: 600; margin-bottom: 30px ;
    
}
.public-box h4 span{ font-weight: 300;}
.public-box p{font-size: 16px; font-weight: normal; line-height: 27px; color: #3B3B3B;
    
}
.public-box a{ text-decoration: none; font-size: 18px; font-weight: bold; color: #000; border-bottom: solid 2px #000;
    
}

.public-box a:hover{color: rgba(54, 170, 201, 1); border-bottom: solid 2px rgba(54, 170, 201, 1);}

/*********  Public END  *********/




/*********  My Profile START  *********/
.my-profile-tab {
    width: 100%;
    float: left;
    padding: 20px 30px;
}

/*********  My Profile END  *********/












#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#msform fieldset{ width: 60%;}
.form-card {
    text-align: left;
    padding: 15px;
    float: left;
    width: 100%;
}
#msform fieldset:not(:first-of-type) {
    display: none
}

.form-card input,
.form-card textarea, .form-card .form-select {
    padding: 8px 15px 8px 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    color: #2C3E50;
    background-color: #ffff;
    font-size: 14px;
    letter-spacing: 1px;
}

.form-card ul{ width: 100%; float: left; padding: 0; margin: 0;}
.form-card ul li {
    border-top: solid 1px #ccc;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.form-card ul li a{ float: right; color: #000; text-decoration: none;}
.form-card ul li a img{ margin-right: 15px;}
.active-list {
    border-color: #FF8E00 !important;
    color: #000 !important;
    font-weight: 500;
}

#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #000;
    outline-width: 0
}

#msform .action-button {
    min-width: 150px;
    background: #575757;
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    border-radius: 0;
    padding: 15px;
     border: none;
}

#msform .action-button:hover,
#msform .action-button:focus {
    background-color:#f7768d
}

#msform .action-button-previous {
    min-width: 150px;
    background: #575757;
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    border-radius: 0;
    padding: 15px;
     border: none;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    background-color:#f7768d
}

.card {
    z-index: 0;
    border: none;
    position: relative
}




.fs-title {
    font-size: 25px;
    color: #673AB7;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left
}

.purple-text {
    color: #673AB7;
    font-weight: normal
}

.steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fieldlabels {
    color: gray;
    text-align: left
}

#progressbar {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    padding: 0;
    position: relative;
}

#progressbar .active {
    /* background:#F7768D;
    color: #ffffff;
    border:solid 1px #F7768D; */
    background: #d1d1d1;
    color: #000000;
    border: solid 1px #d1d1d1;
    

   
}

.institute-tabs-bg .completed {
    background:#D870C7 !important;
    color: #ffffff !important;
    border:solid 1px#D870C7 !important;
}



#progressbar .completed {
    background:#F7768D;
    color: #ffffff;
    border:solid 1px #F7768D;
} 

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: auto;
    float: left;
    position: relative;
    font-weight: 400;
    padding: 0 15px;
    background: #ffffff;
    border: solid 1px #BDBDBD;
    line-height: 44px;
    border-radius: 50px;
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}



#progressbar li:before {
    width: 20px;
    height: 20px;
    content: "";
    line-height: 20px;
    font-size: 10px;
    background: #BDBDBD;
    border-radius: 50%;
    margin-right: 10px;
    float: left;
}

#progressbar :after li {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

/* #progressbar li.active:before {
    background: #ffffff;
    font-family: FontAwesome;
    content: "\f00c";
    color: #F7768D;
    
} */

#progressbar li.active:before {
    background: #000000;
    font-family: FontAwesome;
    content: "\f00c";
    color: #000000;
}

#progressbar li.completed:before {
    background: #ffffff;
    font-family: FontAwesome;
    content: "\f00c";
    color: #F7768D;
    
}

.institute-tabs-bg .completed:before {
    color: #d870c7 !important;
}

.dash-line {
    height: 20px;
    width: 100%;
    float: left;
    border-top: dashed 1px #ccc;
    position: absolute;
    top: 50%;
    z-index: -1;
 
}


.form-accodion .accordion-item {
    margin: 15px 0;
    border-radius: 10px;
}
.form-accodion .accordion-item {
    margin: 15px 0;
    border-radius: 10px;
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    overflow: hidden;
}
.accordion-button{ font-weight: 500;}

/* .accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #ffffff;
    box-shadow: none;
} */
/* .collapse, .show{ border-top: solid 1px #ccc;} */



.form-warp{ width: 100%; float: left; border: solid 1px #ccc; border-radius: 10px;}
.form-warp .form-header{width: 100%; float: left; padding: 15px; border-bottom: solid 1px #ccc;  }

.download-paragraph{line-height: 64px;
    margin: 0;}
.download-btn {
    float: right;
    border: solid 1px #ccc;
    line-height: 50px;
    border-radius: 15px;
    width: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.download-btn img{ margin-right: 15px;}
.download-btn:hover {  border: solid 1px #ccc; box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);}

.reg-radio-list {
    margin-bottom: 35px !important;
}
.reg-radio-list li {
    float: left;
    background: #f3f3f3;
    border: solid 1px #ccc;
    padding: 10px 15px 10px 2px !important;
    margin: 0 10px 0 0;
    border-radius: 30px;
}
.reg-radio-list li .form-check {
    margin: 0 !important;
    font-size: 15px;
}
#IhaveAadhaar, #AadhaarNotAssigned, #GuardianAadharNumber{display: block;}

.hidden {
    display: none;
  /*   opacity: 0; */
  }
  .hidden1 {
    display: block;
  }
  .shown {
    display: block;
    transition: all .5s ease-out;
    opacity: 1;
  }
  #AadhaarDetails, #IhaveEID, #GuardianDetails{display: none ;}
 #step-two, #step-three, #step-four, #step-five {
    display: none;
} 

.centered-img {
    text-align: center; /* Center align the content inside */
    margin-top: 100px;
}
.centered-img picture {
    display: inline-block; /* Ensure picture is displayed as a block element */
    margin-bottom: 10px; /* Optional: Add some space below the image */
}

.contentr-paragraph {
    background-color: #e0e0e0; /* Specific background color for the paragraph */
    padding: 5px 10px; /* Padding around the paragraph */
    display: inline-block; /* Display as inline block */
    text-align: right; /* Align text to the right */
    margin-top: 0; /* Remove default top margin */
    border-radius: 5px; /* Optional: adds rounded corners */
}

.custom-width-btn {
    width: 280px;
}

/* for Accessibility */

/* Reduce color saturation to improve contrast */
/* .saturation-contrast {
  filter: saturate(30%) !important;
} */

/* styles.scss or accessibility.component.scss (if global) */

.high-contrast {
      background-color: black !important;
      color: #ff0 !important;
    }
   

    .high-contrast .offcanvas-header {
      background: #000;
    }

    .high-contrast .offcanvas-header h5 {
      color: #ff0 !important;
    }

    .high-contrast .offcanvas-header img {
      filter: brightness(0) saturate(100%) invert(85%) sepia(100%) saturate(7500%) hue-rotate(1deg);
    }

    .high-contrast .offcanvas-header .btn-close {
      opacity: 1;
      background-color: #ff0 !important;
    }


    .high-contrast a {
      color: #ff0 !important;
    }

    .high-contrast p {
      color: #ff0;
    }

    .high-contrast h1 {
      color: #ff0;
    }

    .high-contrast h2 {
      color: #ff0;
    }

    .high-contrast h3 {
      color: #ff0;
    }

    .high-contrast h4 {
      color: #ff0;
    }

    .high-contrast h5 {
      color: #ff0;
    }

    .high-contrast h6 {
      color: #ff0;
    }

    .high-contrast .card-option {
      border-color: #f6ff42;
    }

    .high-contrast .offcanvas.offcanvas-end {
      background: #000;
      box-shadow: none;
    }

    .high-contrast .card-option p {
      color: #f6ff42;
    }

    .high-contrast .top-header {
      background-color: black !important;
      color: #ff0 !important;
    }

    .high-contrast .page-header {
      background-color: black !important;
      color: #ff0 !important;
    }
      .high-contrast #offcanvasNavbar {
      background-color: black !important;
      color: #ff0 !important;
    }
     .high-contrast .accordion-item {
      background-color: black !important;
      color: #ff0 !important;
    }
    .high-contrast .containermsg_vani {
      background-color: black !important;
      color: #ff0 !important;
    }
    
    
/*   .high-contrast .responcive-nav {
      background-color: black !important;
      color: #47e9e2 !important;
    }
     .high-contrast .offcanvas-body {
      background-color: black !important;
      color: #ff0 !important;
    }*/
    .high-contrast .nav-item img {
      filter: invert(1);
      -webkit-filter: invert(1);
    }
    .high-contrast .logo img {
      filter: brightness(0) saturate(100%) invert(85%) sepia(100%) saturate(7500%) hue-rotate(1deg);
    }
    .high-contrast .logocolor img {
        filter: invert(1);
    -webkit-filter: invert(1);
    }
  .high-contrast .logocolor1 img {
       filter: brightness(0) saturate(100%) invert(85%) sepia(100%) saturate(7500%) hue-rotate(1deg);
    }


    .Light {
      display: none;
    }

    .high-contrast .Light {
      display: block;
    }

    .high-contrast .Dark {
      display: none;
    }



/*==== .newcolorcontrast======*/
 .newcolorcontrast {
     
      color: #0900bd !important;
    }

   .newcolorcontrast .last-update-bg{color: #0900bd !important;}
    .newcolorcontrast .logocolor img {
        filter: invert(1);
    -webkit-filter: invert(1);
    }
 .newcolorcontrast .logo img {
  filter: brightness(0) saturate(100%) invert(9%) sepia(100%) saturate(7487%) hue-rotate(243deg) brightness(88%) contrast(123%);
}




.newcolorcontrast a {
      color: #0900bd !important;
    }

    .newcolorcontrast p {
      color: #0900bd;
    }

    .newcolorcontrast h1 {
      color: #0900bd;
    }

    .newcolorcontrast h2 {
      color: #0900bd;
    }

    .newcolorcontrast h3 {
      color: #0900bd;
    }

    .newcolorcontrast h4 {
      color: #0900bd;
    }

    .newcolorcontrast h5 {
      color: #0900bd;
    }

    .newcolorcontrast h6 {
      color: #0900bd;
    }

    .newcolorcontrast .card-option {
      border-color: #0900bd;
    }

    .newcolorcontrast .offcanvas.offcanvas-end {
      background: #ffffff;
      
    }
 .newcolorcontrast .offcanvas-header{ background: #ffffff;}

 .newcolorcontrast .offcanvas-header h5{color: #0900bd;}

    .newcolorcontrast .card-option p {
      color: #0900bd;
    }

    /*====Invert-contrast====*/


.Invert-contrast .offcanvas-header {
      background: #000;
    }

    .Invert-contrast .offcanvas-header h5 {
      color: #fff !important;
    }

    /* .Invert-contrast .offcanvas-header img {
      filter: brightness(0) saturate(100%) invert(85%) sepia(100%) saturate(7500%) hue-rotate(1deg);
    } */

    .Invert-contrast .offcanvas-header .btn-close {
      opacity: 1;
      background-color: #fff !important;
    }



    .Invert-contrast {
      background-color: black !important;
      color: #fff !important;
    }

    .Invert-contrast a {
      color: #fff !important;
    }

    .Invert-contrast p {
      color: #fff;
    }

    .Invert-contrast h1 {
      color: #fff;
    }

    .Invert-contrast h2 {
      color: #fff;
    }

    .Invert-contrast h3 {
      color: #fff;
    }

    .Invert-contrast h4 {
      color: #fff;
    }

    .Invert-contrast h5 {
      color: #fff;
    }

    .Invert-contrast h6 {
      color: #fff;
    }

    .Invert-contrast .card-option {
      border-color: #dadcd5;
    }

    .Invert-contrast .card-option p {
      color: #ddd497;
    }

    .Invert-contrast .card-option svg path {
      fill: #ddd497;
    }

    .Invert-contrast .offcanvas.offcanvas-end {
      background: #000;
      box-shadow: none;
    }

    .Invert-contrast .top-header {
      background-color: black !important;
      color: #fff !important;
    }

    .Invert-contrast .page-header {
      background-color: black !important;
      color: #fff !important;
    }

    .Invert-contrast img,
    svg {
      filter: contrast(0.5);
    }

    /* .Invert-contrast .Light {
      display: block;
    }

    .Invert-contrast .Dark {
      display: none;
    } */

    .card-option.active {
      border: 1px solid #ddd497;
      background: #9b9997;
    }


    /*---highlight-links----*/
    .highlight-links .nav-link {
      background-color: #9b9997;
      color: #fff !important;
      margin-left: 6px;
      border-bottom: 1px solid #ee4f8e !important;
    }

    .highlight-links a {
      background-color: #9b9997;
      color: #fff !important;
      border-bottom: 1px solid #ee4f8e !important;
    }

    .highlight-links .services-box {
      background: #9b9997;
      border-bottom: 1px solid #ee4f8e !important;
    }

    .Unhighlight {
      display: none;
    }

    .highlight-links .Unhighlight {
      display: block;
    }

    .highlight-links .Highlight {
      display: none;
    }


    /*---big-cursor----*/
    .big-cursor * {
      cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%237a7a7a'%3E%3Cpath fill='%237a7a7a' stroke='%237a7a7a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.5 22C4.7 22 3 16.333 3 13.5V10c0-.333.2-1 1-1s1 .667 1 1v2c0 .5.3 1.5 1.5 1.5S8 12.5 8 12V3c0-.333.2-1 1-1s1 .667 1 1v7c.5.5.8 1.2 2 0V8c0-.333.2-1 1-1s1 .667 1 1v1h1c0-.333.2-1 1-1s1 .667 1 1v1h1c0-.333.2-1 1-1s1 .667 1 1v3.5c0 2.833-1.7 8.5-8.5 8.5z'/%3E%3C/svg%3E") 12 12, auto !important;
    }

    .card-option {
      cursor: default;
      user-select: none;
    }

    .big-cursor .card-option {
      cursor: inherit !important;
    }

    .IncreasedCursor {
      display: none;
    }

    .big-cursor .IncreasedCursor {
      display: block;
    }

    .big-cursor .DefaultCursor {
      display: none;
    }



    /*-----showimages-----*/
    .highlight-imgesshow .announ img {
      display: none;
    }

    .highlight-imgesshow .uniscorn img {
      display: none;
    }

    .showimages {
      display: none;
    }

    .highlight-imgesshow .banner-wrap img {
      display: none;
    }
  .highlight-imgesshow .banner-wrap{height: 250px;}

    .highlight-imgesshow .hideimages {
      display: none;
    }

    .highlight-imgesshow .showimages {
      display: block;
    }

    .highlight-imgesshow .carousel-item {
      display: none;
    }

    /*====.saturation-contrast=====*/
    .saturation-contrast {
      filter: saturate(0.5);
    }



    /*********   css 25/4/25  css *********/


    .offcanvas.offcanvas-end {
      border-radius: 9px;
      border: 0px;
      box-shadow: 0px 0px 20px #b3aeae;
    }

    .offcanvas-backdrop {
      background: transparent !important;
    }

    .offcanvas-header {
      background: rgb(237 237 237);
      border-radius: 0;
    }

    .offcanvas-header h5 {
      color: #150202;
      font-size: 18px;
      font-weight: 500;
      line-height: normal;
      margin-bottom: 0;
    }

    .offcanvas-header h5 span {
      margin-right: 6px;
    }

    .offcanvas-body {
      padding: 20px 20px;
    }


    .resetbtn-wrap {
      display: flex;
      align-items: center;
      gap: 0px 10px;
      margin-bottom: 20px;
    }

    .reset-btn {
      outline: none;
      border: 1px solid #1d0a69;
      padding: 8px 12px;
      gap: 8px;
      background: #fff;
      border-radius: 4px;
      color: #1d0a69;
      font-size: 15px;
      font-weight: 400;
      line-height: 18px;
      letter-spacing: .12px;
      text-decoration: none;
    }

    .card-option {
      padding: 4px 16px;
      border-radius: 8px;
      border: 1px solid #1d0a69;
      gap: 4px;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .accessibility-icon {
      height: 48px;
    }

    .card-option p {
      font-size: 13px;
      font-weight: 500;
      line-height: normal;
      letter-spacing: .5px;
      color: #1d0a69;
      margin: 0px;
    }

    /*********  Golu css 25/4/25  css *********/

    #resetFilter {
      display: none;
    }

/*********  INNER PAGE END  *********/