                                                :root {
                                                   --primary: #67aa81;
                                                   --secondary: #F57E57;
                                                   --light: #EEF9FF;
                                                   --dark: #1f8045;
                                               }
                                               
                                               h1,
                                               h2,
                                               .font-weight-bold {
                                                   font-weight: 700 !important;
                                               }
                                               
                                               h3,
                                               h4,
                                               .font-weight-semi-bold {
                                                   font-weight: 600 !important;
                                               }
                                               
                                               h5,
                                               h6,
                                               .font-weight-medium {
                                                   font-weight: 500 !important;
                                               }
                                               
                                               .btn {
                                                   font-family: 'Jost', sans-serif;
                                                   /* font-weight: 600; */
                                                   transition: .5s;
                                               }
                                               
                                               .btn-primary,
                                               .btn-secondary {
                                                   color: #FFFFFF;
                                               }
                                               
                                               .btn-primary:hover {
                                                   background: var(--secondary);
                                                   border-color: var(--secondary);
                                               }
                                               
                                               .btn-secondary:hover {
                                                   background: var(--primary);
                                                   border-color: var(--primary);
                                               }
                                               
                                               .btn-lg-square {
                                                   width: 46px;
                                                   height: 46px;
                                               }
                                               
                                               .btn-square,
                                               .btn-sm-square,
                                               .btn-lg-square {
                                                   padding-left: 0;
                                                   padding-right: 0;
                                                   text-align: center;
                                               }
                                               
                                               #spinner {
                                                   opacity: 0;
                                                   visibility: hidden;
                                                   transition: opacity .5s ease-out, visibility 0s linear .5s;
                                                   z-index: 99999;
                                               }
                                               
                                               #spinner.show {
                                                   transition: opacity .5s ease-out, visibility 0s linear 0s;
                                                   visibility: visible;
                                                   opacity: 1;
                                               }
                                               
                                               .back-to-top {
                                                   position: fixed;
                                                   display: none;
                                                   right: 45px;
                                                   bottom: 45px;
                                                   z-index: 99;
                                               }
                                               
                                               .top-shape::before {
                                                   position: absolute;
                                                   content: "";
                                                   width: 35px;
                                                   height: 100%;
                                                   top: 0;
                                                   left: -17px;
                                                   background: var(--primary);
                                                   transform: skew(40deg);
                                               }
                                               
                                               .navbar-light .navbar-nav .nav-link {
                                                   font-family: 'Jost', sans-serif;
                                                   padding: 35px 15px;
                                                   font-size: 17px;
                                                   color: var(--dark);
                                                   outline: none;
                                                   transition: .5s;
                                               }
                                               
                                               .sticky-top.navbar-light .navbar-nav .nav-link {
                                                   padding: 20px 15px;
                                               }
                                               
                                               .navbar-light .navbar-nav .nav-link:hover,
                                               .navbar-light .navbar-nav .nav-link.active {
                                                   color: var(--primary);
                                               }
                                               
                                               @media (max-width: 991.98px) {
                                                   .navbar-light .navbar-nav .nav-link,
                                                   .sticky-top.navbar-light .navbar-nav .nav-link {
                                                       padding: 10px 0;
                                                   }
                                               }
                                               
                                               .carousel-caption {
                                                   top: 0;
                                                   left: 0;
                                                   right: 0;
                                                   bottom: 0;
                                                   background: rgba(9, 30, 62, .85);
                                                   z-index: 1;
                                               }
                                               
                                               @media (max-width: 576px) {
                                                   .carousel-caption h5 {
                                                       font-size: 14px;
                                                       font-weight: 500 !important;
                                                   }
                                                   .carousel-caption h1 {
                                                       font-size: 30px;
                                                       font-weight: 600 !important;
                                                   }
                                               }
                                               
                                               .carousel-control-prev,
                                               .carousel-control-next {
                                                   width: 10%;
                                               }
                                               
                                               .carousel-control-prev-icon,
                                               .carousel-control-next-icon {
                                                   width: 3rem;
                                                   height: 3rem;
                                               }
                                               
                                               @media (min-width: 991.98px) {
                                                   .banner {
                                                       position: relative;
                                                       margin-top: -90px;
                                                       z-index: 1;
                                                   }
                                               }
                                               
                                               .section-title h5::before {
                                                   position: absolute;
                                                   content: "";
                                                   width: 45px;
                                                   height: 3px;
                                                   right: -55px;
                                                   bottom: 11px;
                                                   background: var(--primary);
                                               }
                                               
                                               .section-title h5::after {
                                                   position: absolute;
                                                   content: "";
                                                   width: 15px;
                                                   height: 3px;
                                                   right: -75px;
                                                   bottom: 11px;
                                                   background: var(--secondary);
                                               }
                                               
                                               .bg-affiliation {
                                                   background: linear-gradient(rgba(9, 30, 62, .85), rgba(9, 30, 62, .85)), url(../img/carousel-5.jpg) center center no-repeat;
                                                   background-size: cover;
                                               }
                                               
                                               .hero-header {
                                                   background: linear-gradient(rgba(159, 35, 24, 0.842), rgba(9, 30, 62, 0.815)), url(../img/carousel-5.jpg) center center no-repeat;
                                                   background-size: cover;
                                               }
                                               
                                               .information-item img,
                                               .information-item .bg-light,
                                               .information-item .bg-light h5,
                                               .team-item .team-text {
                                                   transition: .5s;
                                               }
                                               
                                               .information-item:hover img {
                                                   transform: scale(1.15);
                                               }
                                               
                                               .team-item .team-text::after,
                                               .information-item .bg-light::after {
                                                   position: absolute;
                                                   content: "";
                                                   top: 50%;
                                                   bottom: 0;
                                                   left: 15px;
                                                   right: 15px;
                                                   border-radius: 100px / 15px;
                                                   box-shadow: 0 0 15px rgba(0, 0, 0, .7);
                                                   opacity: 0;
                                                   transition: .5s;
                                                   z-index: -1;
                                               }
                                               
                                               .team-item:hover .team-text::after,
                                               .information-item:hover .bg-light::after {
                                                   opacity: 1;
                                               }
                                               
                                               .bg-general {
                                                   /* background: url(../img/schl-img.jpg) center center no-repeat; */
                                                   background: linear-gradient(rgba(0, 0, 0, 0.425), rgba(0, 0, 0, 0.425)), url(../img/schl-img.jpg) center center no-repeat;
                                                   background-size: cover;
                                               }
                                               
                                               .offer-text {
                                                   background: #1d7e42;
                                               }
                                               
                                               .student-carousel .owl-nav {
                                                   position: absolute;
                                                   width: calc(100% + 45px);
                                                   height: 45px;
                                                   top: calc(50% - 22.5px);
                                                   left: -22.5px;
                                                   display: flex;
                                                   justify-content: space-between;
                                                   opacity: 0;
                                                   transition: .5s;
                                               }
                                               
                                               .student-carousel:hover .owl-nav {
                                                   opacity: 1;
                                               }
                                               
                                               .student-carousel .owl-nav .owl-prev,
                                               .student-carousel .owl-nav .owl-next {
                                                   position: relative;
                                                   width: 45px;
                                                   height: 45px;
                                                   display: flex;
                                                   align-items: center;
                                                   justify-content: center;
                                                   color: #FFFFFF;
                                                   background: var(--primary);
                                                   border-radius: 2px;
                                                   font-size: 22px;
                                                   transition: .5s;
                                               }
                                               
                                               .student-carousel .owl-nav .owl-prev:hover,
                                               .student-carousel .owl-nav .owl-next:hover {
                                                   background: var(--secondary);
                                               }
                                               
                                               .bg-testimonial {
                                                   background: linear-gradient(rgba(9, 30, 62, .80), rgba(9, 30, 62, .80)), url(../img/carousel-2.jpg) center center no-repeat;
                                                   background-size: cover;
                                               }
                                               
                                               .message-carousel {
                                                   background: rgb(180 44 26 / 88%);
                                               }
                                               
                                               .message-carousel .owl-nav {
                                                   position: absolute;
                                                   width: calc(100% + 46px);
                                                   height: 46px;
                                                   top: calc(50% - 23px);
                                                   left: -23px;
                                                   display: flex;
                                                   justify-content: space-between;
                                                   z-index: 1;
                                               }
                                               
                                               .message-carousel .owl-nav .owl-prev,
                                               .message-carousel .owl-nav .owl-next {
                                                   position: relative;
                                                   width: 46px;
                                                   height: 46px;
                                                   display: flex;
                                                   align-items: center;
                                                   justify-content: center;
                                                   color: #FFFFFF;
                                                   background: var(--primary);
                                                   border-radius: 2px;
                                                   font-size: 22px;
                                                   transition: .5s;
                                               }
                                               
                                               .message-carousel .owl-nav .owl-prev:hover,
                                               .message-carousel .owl-nav .owl-next:hover {
                                                   background: var(--secondary);
                                               }
                                               
                                               .message-carousel .owl-item img {
                                                   width: 120px;
                                                   height: 120px;
                                               }
                                               /*--------------------- flash news -------------------------*/
                                               
                                               .news marquee {
                                                   font-size: 16px;
                                                   margin-top: 12px;
                                               }
                                               
                                               .news {
                                                   background: #e7d745;
                                               }
                                               
                                               .nn_title {
                                                   text-align: center;
                                                   background: #1d7e42;
                                                   position: relative
                                               }
                                               
                                               .nn_title h5 {
                                                   font-size: 16px;
                                                   color: #fff;
                                                   font-weight: 600;
                                                   text-transform: uppercase;
                                               }
                                               
                                               .news marquee {
                                                   font-size: 16px;
                                                   margin-top: 12px
                                               }
                                               /* --------------------------- flash news end ----------------------- */
                                               
                                               .box-reg {
                                                   border-radius: 100px;
                                                   -webkit-border-radius: 100px;
                                                   -moz-border-radius: 100px;
                                                   -ms-border-radius: 100px;
                                                   -o-border-radius: 100px;
                                               }
                                               /*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/
                                               
                                               .gallery .gallery-item {
                                                   overflow: hidden;
                                                   border-right: 4px solid #fff;
                                                   border-bottom: 4px solid #fff;
                                               }
                                               
                                               .gallery .gallery-item img {
                                                   transition: all ease-in-out 0.4s;
                                                   -webkit-transition: all ease-in-out 0.4s;
                                                   -moz-transition: all ease-in-out 0.4s;
                                                   -ms-transition: all ease-in-out 0.4s;
                                                   -o-transition: all ease-in-out 0.4s;
                                               }
                                               
                                               .gallery .gallery-item:hover img {
                                                   transform: scale(1.2);
                                                   -webkit-transform: scale(1.2);
                                                   -moz-transform: scale(1.2);
                                                   -ms-transform: scale(1.2);
                                                   -o-transform: scale(1.2);
                                               }
                                               
                                               .brighten img {
                                                   -webkit-filter: brightness(50%);
                                                   -webkit-transition: all 1s ease;
                                                   -moz-transition: all 1s ease;
                                                   -o-transition: all 1s ease;
                                                   -ms-transition: all 1s ease;
                                                   transition: all 1s ease;
                                               }
                                               
                                               .brighten img:hover {
                                                   -webkit-filter: brightness(100%);
                                               }
                                               /* /*-------------------------------------------------------------- */
                                               
                                               .image-row {
                                                   display: flex;
                                                   flex-wrap: wrap;
                                                   justify-content: center;
                                               }
                                               
                                               .image-container {
                                                   flex: 0 0 calc(33.33% - 20px);
                                                   margin: 10px;
                                               }
                                               
                                               .image-container img {
                                                   max-width: 100%;
                                                   height: auto;
                                               }
                                               /* ------------------------------- back button ----------------------------------- */
                                               
                                               .button {
                                                   display: inline-block;
                                                   padding: 0.75rem 1.25rem;
                                                   border-radius: 10rem;
                                                   color: #fff;
                                                   text-transform: uppercase;
                                                   font-size: 1rem;
                                                   letter-spacing: 0.15rem;
                                                   transition: all 0.3s;
                                                   position: relative;
                                                   overflow: hidden;
                                                   z-index: 1;
                                                   text-decoration: none;
                                               }
                                               
                                               .button:after {
                                                   content: "";
                                                   position: absolute;
                                                   bottom: 0;
                                                   left: 0;
                                                   width: 100%;
                                                   height: 100%;
                                                   background-color: #332372;
                                                   border-radius: 10rem;
                                                   z-index: -2;
                                               }
                                               
                                               .button:before {
                                                   content: "";
                                                   position: absolute;
                                                   bottom: 0;
                                                   left: 0;
                                                   width: 0%;
                                                   height: 100%;
                                                   background-color: #6351a1;
                                                   transition: all 0.3s;
                                                   border-radius: 10rem;
                                                   z-index: -1;
                                               }
                                               
                                               .button:hover {
                                                   color: #fff;
                                               }
                                               
                                               .button:hover:before {
                                                   width: 100%;
                                               }
                                               
                                               .innersec {
                                                   padding: 50px 0px 0px 0px;
                                                   margin: 0px;
                                                   background-position: center;
                                                   background-size: 100%;
                                               }
                                               
                                               .innersec .photo-wrp {
                                                   border: 10px solid #fffef3;
                                                   background-color: #fffef3;
                                                   border-radius: 10px;
                                                   -webkit-border-radius: 10px;
                                                   -moz-border-radius: 10px;
                                                   -ms-border-radius: 10px;
                                                   -o-border-radius: 10px;
                                                   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
                                                   justify-content: center;
                                               }
                                               
                                               .innersec .photo-wrp a {
                                                   text-decoration: none !important;
                                                   text-align: center;
                                               }
                                               
                                               .innersec .photo-wrp a i {
                                                   color: #8f1f35;
                                               }
                                               
                                               .innersec .photo-wrp a h6 {
                                                   padding-top: 10px;
                                                   color: #2e1c6d;
                                               }
                                               
                                               .innersec .photo-wrp a h5 {
                                                   border-radius: 5px;
                                                   color: #e5d435;
                                                   background: #1f8045;
                                                   margin: 10px;
                                                   padding: 10px;
                                                   -webkit-border-radius: 45px;
                                                   -moz-border-radius: 45px;
                                                   -ms-border-radius: 45px;
                                                   -o-border-radius: 45px;
                                               }
                                               
                                               .innersec .photo-wrp a h5:hover {
                                                   background-color: #1d7e42;
                                                   color: #ffe5e5;
                                                   transition: 0.4s;
                                                   -webkit-transition: 0.4s;
                                                   -moz-transition: 0.4s;
                                                   -ms-transition: 0.4s;
                                                   -o-transition: 0.4s;
                                               }
                                               
                                               .innersec img {
                                                   border-radius: 10px;
                                                   -webkit-border-radius: 10px;
                                                   -moz-border-radius: 10px;
                                                   -ms-border-radius: 10px;
                                                   -o-border-radius: 10px;
                                               }
                                               
                                               .card {
                                                   border-radius: 20px !important;
                                                   -webkit-border-radius: 20px !important;
                                                   -moz-border-radius: 20px !important;
                                                   -ms-border-radius: 20px !important;
                                                   -o-border-radius: 20px !important;
                                               }
                                               /*------------------------- video gallery-------------------------*/
                                               
                                               .video-container {
                                                   width: 40%;
                                                   padding: 10px;
                                                   background: white;
                                                   display: inline-block;
                                               }
                                               
                                               .responsive-video {
                                                   position: relative;
                                                   display: block;
                                                   width: 100%;
                                                   height: 0;
                                                   padding-bottom: 56.25%;
                                               }
                                               
                                               .responsive-video iframe,
                                               .responsive-video video {
                                                   position: absolute;
                                                   width: 100%;
                                                   height: 100%;
                                               }
                                               /*------------------------- end video gallery-------------------------*/
                                               
                                               @media (max-width: 384px) {
                                                   .navbar {
                                                       padding-right: 1rem !important;
                                                       padding-left: 1rem !important;
                                                   }
                                               }
                                               
                                               @media (max-width: 320px) {
                                                   .navbar {
                                                       padding-right: 0rem !important;
                                                       padding-left: 0rem !important;
                                                   }
                                               }
                                               
                                               @media (max-width: 313px) {
                                                   .navbar-nav .btn {
                                                       margin-left: 0rem !important;
                                                   }
                                               }
                                               
                                               @media (max-width: 289px) {
                                                   .admin {
                                                       margin-top: 4px;
                                                   }
                                               }

.cardd
{
    width:80%;
    margin: 20px auto;
    border: 3px solid rgba(0,0,0,.125);
    position: relative;
    border-radius: 10px;
    opacity: 0.7;
  padding: 10px;
    transition: all 0.5s linear;
      opacity: 1;
    border: 3px solid #e84444;
}

.cardd img
{
    width: 100%;
}