@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500&display=swap');

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: 'Noto Sans', sans-serif;


 }

 :root {
     --txt-color: #292929;
     --orange-color: #E32845;
     --primary-color: #111D5E;
     --light-blue-color: #7d98b8;
     --light-grey-color: #f4f6f9;
     --red: #CE1212;
     --swiper-navigation-size: 3rem;
 }

 html {

     font-size: 62.5%;
     background-color: #f0eeee;
 }


 @media screen and (max-width:1400px) {
     html {
         font-size: 55.5%;
     }
 }

 /* gb  */
 .high {
     color: var(--orange-color);
 }

 .high-2 {
     color: var(--red) !important;
 }

 .margin {
     margin: 5rem 0;
     padding: 3rem 0;
 }


 /* comman banner  */
 .comman__banner {
     background: linear-gradient(#111d5ece, #111d5eec), url("../img/building.jpg");
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     min-height: 25vh;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .comman__banner h6 a {
     font-size: 2rem;
     color: #fff;
     text-decoration: none;
 }


 .comman__banner i {
     color: #fff;
     font-size: 1.3rem;
 }

 .comman__banner h5 {
     font-size: 1.6rem;
     color: #fff;
     padding: 0;
     margin: 0;
 }

 /* header  */
 .header__banner {
     padding: .90rem;
     background-color: var(--primary-color);
     border-bottom: 1px solid var(--primary-color);
 }

 @media screen and (max-width:768px) {
     .header__banner img {
         width: 5rem;
         height: 5rem;
     }
 }

 .header__banner h4 {
     font-size: 2rem;
     color: #fff;
     font-weight: 500;

 }


 .header__banner h6 {
     font-size: 1.8rem;
     color: #fff;
     font-weight: 500;

 }

 .header__banner h5 {
     font-size: 1.3rem;
     color: #fff;
     font-weight: 500;

 }

 .header__wraper.scrolled {
     top: 0;
     left: 0;
     position: fixed;
     width: 100%;
     z-index: 100;
     transition: all 0.3s;
     transition: 0.3s;
     background-color: #fff !important;
     box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.137);
 }

 header .navbar-toggler i {
     font-size: 2.3rem;
 }

 .header .nav-link {
     font-size: 1.5rem;
     color: var(--txt-color);
     font-weight: 500;
     position: relative;
 }

 .header .dropdown-menu .dropdown-item {
     font-size: 1.5rem;
     color: var(--txt-color);
     font-weight: 500;
     padding: 1.2rem;
 }

 .header .dropdown-toggle::after {
     display: none;
 }

 .header .nav-link.active {
     color:var(--orange-color);
 }
 .header .nav-link::after {
     content: "";
     position: absolute;
     bottom: -.2rem;
     left: 50%;
     transform: translateX(-50%);
     width: 0%;
     height: 2px;
     background-color: var(--orange-color);
     transition: 0.3s;
 }

 .header .dropdown:hover>.dropdown-menu {
     display: block;
     margin-top: 0;
     box-shadow: -0.0625rem 0 0.625rem 0 rgba(0, 0, 0, .07), 0.3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, .04);
     border-color: #e9e9f2;
     background-color: #fff;
     border-color: #fff;
     animation: dropdown-show .25s cubic-bezier(0.68, -0.55, 0.265, 1.55);

 }
.dropdown-item.active, .dropdown-item:active {
       background-color:#eeee !important;
 
    
}
 @-webkit-keyframes dropdown-show {
     0% {
         transform: scale(0.9);
         opacity: 0;
     }

     100% {
         transform: scale(1);
         opacity: 1;
     }
 }

 .header .nav-link:hover {
     color: var(--orange-color);
 }

 .header .nav-link:hover::after {
     width: 100%;
 }

 @media screen and (max-width:1000px) {
     .navbar-toggler {
         border: none;
     }

     .navbar-toggler i {
         margin-left: auto !important;
     }
 }

 @media screen and (max-width:768px) {
     .header__banner h4 {
         font-size: 1.5rem;
     }

     .header__wraper {
         height: 50px;
     }

     header .navbar-toggler i {
         font-size: 2.6rem;
     }

     .header .nav-link::after {
         display: none;

     }
 }

 /* end header  */


 /* banner */

 .banner {
     position: relative;

 }

 .banner .swiper-slide {
     height: 75vh;
 }

 .banner .swiper img {
     width: 100%;
     height: 100%;
 
 }


 .banner .swiper-button-next,
 .banner .swiper-button-prev {
     width: 4rem;
     height: 4rem;
     background-color: #fff;
     border-radius: 50%;
     background-image: none;
 }

 .swiper-button-next:after,
 .swiper-button-prev:after {
     display: none;
     content: "";
 }

 .banner .swiper-button-next i,
 .banner .swiper-button-prev i {
     font-size: 1.4rem;
 }

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

     .banner .swiper-slide {
         height: 45vh;

     }
 }

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

     .banner .swiper-slide {
         height: 35vh !important;

     }

     .banner .swiper img {
         width: 100%;
         height: 100%;
         object-fit: fill;

     }
 }

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


     .banner .swiper-button-next,
     .banner .swiper-button-prev {

         display: none;
     }

 }

 /* end banner  */

 /* notice board and important links  */

 .notice h5 {
     font-size: 2.9rem;
     color: var(--primary-color);
     font-weight: 600;
 }

 /* important links  */
 .notice h6 {
     font-size: 2.2rem;
     font-weight: 600;
     color: var(--primary-color);
 }

 .notice .important__link {
     background-color: var(--light-grey-color);
     padding: 1.5rem 2rem;
     border-radius: 8px;


 }

 .notice ul li {
     padding-bottom: .94rem;
 }




 .notice ul li i {
     color: var(--orange-color);
     font-size: .90rem;
 }

 .notice ul li a {
     color: var(--txt-color);
     font-size: 1.5rem;
     font-weight: 500;
     transition: 0.3s;
 }

 .notice ul li a:hover {
     color: var(--light-blue-color);
 }

 /* notice board */

 .notice .notice__board {
     background-color: var(--light-grey-color);
     padding: 1.5rem 2rem;
     border-radius: 8px;

 }

 .notice .notice__board ul li i {
     font-weight: 700;
     font-size: 1.6rem;
 }

 @media screen and (max-width:468px) {
     .notice h5 {
         font-size: 2rem;
     }
 }

 /* end notice  */

 /* welcome  */
 .welcome h4 {
     font-size: 3rem;
     color: var(--primary-color);
     font-weight: 600;
 }

 .welcome h6 {
     font-size: 2.3rem;
     color: var(--txt-color);
     font-weight: 600;
 }

 .welcome h5 {
     font-size: 2.4rem;
     font-weight: 600;
     color: var(--txt-color);
 }

 .welcome p {
     line-height: 1.7;
     font-size: 1.6rem;
 }

 .welcome .special__featues h5 {
     font-size: 2rem;
     color: var(--primary-color);
 }

 .welcome .special__featues ul li i {
     font-size: 1.8rem;
 }

 .welcome .special__featues ul li {
     font-size: 1.5rem;
     color: var(--txt-color);
     font-weight: 500;
 }

 .welcome .btn {
     background-color: var(--orange-color);
     color: #fff;
     padding: 1rem 3rem;
     font-size: 1.5rem;
     transition: 0.3s;
 }

 .welcome .btn:hover {
     color: #333;
     background-color: #fff;
     border: 1px solid var(--orange-color);
 }

 /* end welcome  */

 /* our gallery  */

 .gallery h5 {
     font-size: 2.9rem;
     color: var(--primary-color);
     font-weight: 600;
 }

 .gallery .img {
     width: 100%;
     height: 160px;
     position: relative;
     z-index: -1;

 }

 .gallery .swiper {
     padding: 6rem 0;
 }

 .gallery .img img {
     width: 100%;
     height: 100%;
     object-fit: fill;
     display: block;
     border-radius: 4px;
 }

 .gallery .swiper-slide-active .img {
     border: 3px solid var(--primary-color);
     border-radius: 5px;
     transform: scale(1.1);
     position: relative;
     z-index: 100;
     padding: .90rem;
 }

 .gallery .swiper-pagination {
     margin-top: 4rem !important;
 }

 .gallery .swiper-pagination-bullet-active {
     background-color: var(--red);
     transition: 0.3s;
     transform: scale(1.4);

 }


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

     .gallery .swiper-slide-active .img {
         border: 0;
         transform: none;
     }

     .gallery .swiper .swiper-slide {
         height: 280px;
     }

     .gallery .img {

         height: 280px;
     }
 }

 /* end gallery */


 /* footer */

 .footer {
     background-color: #19191d;
     padding: 1rem;
 }

 .footer h5 {
     font-size: 1.6rem;
     color: #fff;
 }

 .footer .footer__socail span {
     width: 4rem;
     height: 4rem;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: #272727;
     transition: 0.3s;
     cursor: pointer;
 }


 .footer .footer__socail span i {
     font-size: 1.9rem;
 }

 .footer .footer__socail span:hover {
     background-color: #fff;
 }

 .footer .footer__socail span:hover i {
     color: var(--primary-color) !important;
 }


 .footer h6 {
     font-size: 1.9rem;
     color: #fff;
     font-weight: 500;
 }


 .footer span {
     font-size: 1.8rem;
     color: #a7a7a7;
     font-weight: 500;
 }

 .footer .list-group-item {
     background-color: transparent;
     border: none;
     padding: .60rem 0;

 }

 .footer .list-group-item {
     color: #a7a7a7 !important;
 }

 .footer .list-group-item a {
     font-size: 1.6rem;
     color: #a7a7a7 !important;
 }

 .footer p {
     color: #a7a7a7;
     font-size: 1.6rem;
 }


 .scrolltop {
     position: fixed;
     bottom: 3rem;
     right: 2rem;
     width: 4rem;
     height: 4rem;
     border-radius: 5px;
     padding: .30rem;
     background-color: var(--orange-color);
     display: flex;
     align-items: center;
     justify-content: center;
     transition: 0.3s;
     transform: translateX(200px);
     z-index: 99;
     cursor: pointer;
 }

 .scrolltop i {
     color: #fff;
     font-weight: 600;
 }

 .scrolltop.active {
     transform: translateX(0px);
 }

 .scrolltop:hover {
     background-color: rgba(46, 45, 45, 0.589);
 }

 /* gove data page */
 .gov__data h2 {
     font-size: 2.8rem;
     font-weight: 600;
     color: var(--primary-color);
 }

 .gov__data table {
     background-color: #fff;
     box-shadow: 0 0 7px rgba(0, 0, 0, .1);
 }

 .gov__data table tr th,
 .gov__data table tr td {
     padding: 1rem;
 }

 .gov__data table tr th {
     font-size: 1.6rem;
 }


 .gov__data table tr td {
     font-size: 1.4rem;
     font-weight: 500;
 }

 .gov__data table tr h4 {
     font-size: 1.7rem;
     font-weight: 600;
 }

 .gov__data table tr h6 {
     font-size: 1.4rem;
     font-weight: 500;
 }

 /* end gov data  */

 /* vission  */
 .about__page {
     padding: .90rem;
 }

 .about__page h4 {
     font-size: 3rem;
     font-weight: 600;
     color: #111D5E;
 }

 .about__page p {
     font-size: 1.5rem;
     line-height: 1.7;
 }

 .vission h5 {
     font-weight: 600;
     color: var(--primary-color);
     font-size: 2.7rem;

 }

 .vission ul {
     position: relative;
     z-index: 2;
 }

 .vission ul li {
     position: relative;
     z-index: 1;
     padding-left: 2.3rem;
 }


 .vission ul li P {
     color: var(--txt-color);
     font-weight: 500;
     font-size: 1.7rem;
 }


 .vission ul li::after {
     content: "";
     position: absolute;
     top: 50%;
     left: 0;
     transform: translateY(-50%);
     width: 1.5rem;
     height: 1.5rem;
     background-color: #fff;
     border: 2px solid var(--red);
     border-radius: 50%;
 }

 .vission .line::after {
     content: "";
     position: absolute;
     top: 0;
     left: 6px;
     width: .25rem;
     height: 100%;
     background-color: var(--orange-color);
 }

 /* about page  end  */

 /* course page  */

 /* d pharma  */
 .d-info h4 {
     font-size: 3rem;
     color: var(--primary-color);
     font-weight: 600;
 }

 .d-info p {
     line-height: 1.7;
     color: var(--primary-color);
     font-weight: 500;
     font-size: 1.7rem;
 }

 .d-info h5 {
     font-size: 2.2rem;
     color: var(--txt-color);
 }


 .d-info h6 {
     font-size: 1.8rem;
     color: var(--txt-color);
 }

 /* curriclumn */


 .curriculum h2 {
     font-size: 2.8rem;
     font-weight: 600;
     color: var(--primary-color);
 }

 .curriculum table {
     background-color: #fff;
     box-shadow: 0 0 7px rgba(0, 0, 0, .1);
 }

 .curriculum table tr th,
 .curriculum table tr td {
     padding: 1rem;
 }

 .curriculum table tr th {
     font-size: 1.6rem;
 }


 .curriculum table tr td {
     font-size: 1.4rem;
     font-weight: 500;
 }

 .curriculum table tr h4 {
     font-size: 1.7rem;

 }

 .curriculum table tr h6 {
     font-size: 1.4rem;
     font-weight: 500;
 }

 /* lab */

 /* lab data page */
 .lab h2 {
     font-size: 2.8rem;
     font-weight: 600;
     color: var(--primary-color);
 }

 .lab .img img {
     height: 250px;
     width: 100%;
     border: 3px solid var(--primary-color);
     border-radius: 9px;
 }

 /* infra  data page */
 .infra h2 {
     font-size: 2.8rem;
     font-weight: 600;
     color: var(--primary-color);
 }

 .infra .img img {
     height: 250px;
     width: 100%;
     border: 3px solid var(--primary-color);
     border-radius: 9px;
 }

 @media screen and (max-width:768px) {
     .infra .img img {
         border: 0;
     }
 }

 /* faculty  */
 .fact__card {
     background-color: #fff;
     box-shadow: 0 0 20px rgba(0, 0, 0, .1);
     border-radius: 9px;
     overflow: hidden;
     max-width: 300px;

 }

 .fact__card .info {
     padding: 2rem;
     text-align: center;
 }

 .fact__card .img img {

     width: 100%;
     height: 300px;
     object-fit: fill;
     display: block;

 }

 .fact__card .name h4 {
     font-size: 2.4rem;
     color: var(--primary-color);
     font-weight: 600;
 }

 .fact__card .des h5 {
     font-size: 1.7rem;
     color: var(--txt-color);
     font-weight: 600;
 }

 .fact__card .edu h6 {
     font-size: 1.5rem;
     color: var(--txt-color);
     font-weight: 500;
 }

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

     .fact__card .img img {
         height: 300px;
     }
 }

 /* photo data page */
 .photo h2 {
     font-size: 2.8rem;
     font-weight: 600;
     color: var(--primary-color);
 }

 .photo .img img {
     height: 250px;
     width: 400px;
     border: 3px solid var(--primary-color);
     border-radius: 9px;
 }

 @media screen and (max-width:768px) {
     .photo .img img {
         border: 0;
     }
 }

 /* result page */

 /* curriclumn */


 .result h2 {
     font-size: 2.8rem;
     font-weight: 600;
     color: var(--primary-color);
 }

 .result table {
     background-color: #fff;
     box-shadow: 0 0 7px rgba(0, 0, 0, .1);
 }

 .result table tr th,
 .result table tr td {
     padding: 1rem;
 }

 .result table tr th {
     font-size: 1.6rem;
     color: #fff;
     background-color: #6C79E0;
     font-weight: 500;

     text-transform: capitalize;
 }

 /* tr:nth-child(odd){
    background-color:#e4e3e9;
 } */

 .result table tr td {
     font-size: 1.4rem;
     font-weight: 500;
 }

 .result table tr h4 {
     font-size: 1.7rem;
     font-weight: 200;
 }

 .result table tr h6 {
     font-size: 1.4rem;
     font-weight: 400;
 }

 /* contact page */

 .address__wraper {
     background-color: #fff;
     box-shadow: 0 0 10px rgba(0, 0, 0, .1);
 }

 .address__wraper h2 {
     font-size: 2.5rem;
     color: var(--primary-color);
 }

 .address__wraper p {
     font-size: 1.7rem;

     color: var(--txt-color);
 }

 .address__wraper h5 {
     font-size: 2rem;

     color: var(--primary-color);
 }

 .address__wraper .address__info {
     padding: 4rem;
 }

 .address__wraper .address__info .icon {
     width: 4rem;
     height: 4rem;
     background-color: var(--light-grey-color);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .address__wraper .address__info .icon i {
     font-size: 1.6rem;
     color: var(--orange-color);
 }

 .form_contact {
     position: relative;

     z-index: 3;
 }

 .form_contact .form__wraper {
     padding: 3rem;
     background-color: #fff;
     box-shadow: 0 0 10px rgba(0, 0, 0, .1);
 }

 .form_contact .form__wraper .error {
     font-size: 1.4rem;
     padding: .90rem;
 }

 .form_contact .form__wraper .form-control {
     padding: .90rem 1rem;
     font-size: 1.4rem;
     color: #333;
 }

 .form_contact .form__wraper .form-control::placeholder {
     font-size: 1.4rem;
 }

 .form_contact .form__wraper .btn {
     background-color: var(--orange-color);
     color: #fff;
     padding: 1rem 2rem;
     font-size: 1.5rem;
 }

 @media screen and (max-width:768px) {
     .address__wraper {
         padding: 2rem 1rem;
     }

     .address__wraper .address__info {
         padding: 0 1rem;
     }

     .form_contact .form__wraper {
         padding: 1rem;
     }

     .address__wraper .address__info .icon i {
         margin: 0 !important;
     }

     .address__wraper .address__info .icon {
         margin-bottom: .90rem;
     }
 }

 /* end form */

 /* social */
 .social .social__icon {
     background-color: var(--light-blue-color);
     width: 5rem;
     height: 5rem;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;

 }

 .social .social__icon i {
     color: #fff;
     font-size: 1.5rem;
 }

 /* dashboard */

 .top__header {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     background-color: #fff;
     border-bottom: 1px solid #e9e9ef;
     padding-right: 50px;
     padding-left: 295px;
     z-index: 99;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .top__header i {
     font-size: 2rem;
 }

 .top__header .name {
     margin-left: 2rem;
 }

 .top__header .name h5 {
     font-size: 1.7rem;
 }

 .side-bar {
     position: fixed;
     top: 0;
     left: 0;
     width: 275px;
     background-color: #fff;
     height: 100%;
     border-right: 1px solid #e9e9ef;

     box-shadow: 0 8px 24px rgba(229, 228, 230, 0.4);
     z-index: 99;


 }

 .side-bar .logo-brand {
     font-size: 3rem;
     text-align: center;
 }

 .side-bar .side__link {
     padding: 3px 0 35px 0;
 }

 .side-bar .side__link ul {
     padding: 0 1rem;
 }

 .side-bar .side__link ul li {
     display: flex;
     align-items: center;

 }

 .side-bar .side__link ul li a {

     font-size: 1.6rem;
     color: #38414e;
     text-decoration: none;
 }

 .side-bar .side__link ul li i {
     color: #404457;
     font-size: 1.5rem;
     display: block;
     margin-right: 2.3rem;
     width: 1rem;
 }

 .main-content {
     margin-left: 280px;
     padding-top: 13rem;
     height: 100vh;
     padding-left: 1rem;
     padding-right: 1rem;
 }

 .main-content .dash__board__count {
     height: 130px;
     background-color: #fff;
     box-shadow: 0 0 9px rgba(229, 228, 230, 0.4);
     border-radius: 9px;
 }

 .user__login {
     outline: none;
     border: none;
     background-color: transparent;
     padding: 1rem;
 }

 .user__img {
     overflow: hidden;
     border-radius: 50%;
     width: 5rem;
     height: 5rem;
     object-fit: contain;
 }

 .user__info h5 {
     font-size: 1.8rem;
     font-weight: 500;
 }

 .top__header .dropdown .dropdown-menu .show {
     display: block;
     margin-top: 0;
     box-shadow: -0.0625rem 0 0.625rem 0 rgba(0, 0, 0, .07), 0.3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, .04) !important;
     border-color: #e9e9f2;
     background-color: #fff;
     border-color: #fff;
     animation: dropdown-show .25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
     max-width: 180px !important;
     width: 100% !important;
     padding: 1rem 1rem !important;


 }

 .top__header .dropdown-menu.show {
     display: block;
     margin-top: 0;
     /* box-shadow: -0.0625rem 0 0.625rem 0 rgba(0, 0, 0, .07), 0.3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, .04); */
     border-color: 1px solid #e9e9ef;
     background-color: #fff;

     animation: dropdown-show .25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
     max-width: 140px;
     width: 100%;

 }

 .top__header .dropdown:hover>.dropdown-menu {
     display: block;
     margin-top: 0;
     /* box-shadow: -0.0625rem 0 0.625rem 0 rgba(0, 0, 0, .07), 0.3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, .04); */
     border-color: 1px solid #e9e9f2;
     background-color: #fff;

     animation: dropdown-show .25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
     max-width: 140px;
     width: 100%;


 }

 .top__header .dropdown .dropdown-menu a {
     font-size: 1.7rem;
     padding: .40rem 1.5rem;

 }

 .top__header .dropdown .dropdown-menu a i {
     font-size: 1.5rem;
     margin-right: 1rem;
 }

 @-webkit-keyframes dropdown-show {
     0% {
         transform: scale(0.9);
         opacity: 0;
     }

     100% {
         transform: scale(1);
         opacity: 1;
     }
 }

 .menu-title {
     width: 100%;
     display: block;
     font-size: 1.7rem;
     color: #545a6d;
     padding: 8px 20px !important;
 }