@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Aleo&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');



*{font-size: 16px;color: #424242;}

body{background: #ddd;font-size: 16px;

    color: #424242;

    font-family: 'Poppins', sans-serif;

    vertical-align: baseline;

    line-height: 26px;

    font-weight: 400;

        overflow: auto !important;
            padding-right: initial !important;}

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

    font-family: 'Aleo', serif;

    

}
a {.
    font-family: 'Aleo', serif;
    color: #243561;
}
a{text-decoration: none;}
.h-200{
    height: 200px;
}
a:hover {

    text-decoration: none;

    outline: 0 none;

    color: #21a7d0;

}

p{text-align: justify;line-height: 1.8;}
.br-l-b-2{
    border-left: 2px solid;
    border-bottom: 2px solid;
}
/*.bg-head-logo{*/



/*background: #ffffff;*/

/*    padding: 5px;*/

/*    height: 85px;*/



/*}*/1

.w-50-px {

    width: 50px;

}


  .bg-head-logo {
    background-color: #ffffff;
    padding: 5px;
    height: 85px;
}


.web-title {
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


.clg-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    width:100%;
}


.sub-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    color: #666;
    width: 100%;
}

.txt-glogo.line1::before,
.txt-glogo.line1::after {
    content: "";
    flex: 1; /* Allows the lines to grow and fill space */
    height: 1px; /* Line height */
    background-color: #666; /* Line color */
}

.txt-glogo.line1::before {
    margin-right: 1px; /* Space between line and text */
}

.txt-glogo.line1::after {
    margin-left: 1px; /* Space between text and line */
}

.txt-glogo {
    color: #008000;
    font-size: 14px;
    display: inline-block;
    font-weight: 500;
}


.line-separator {
    margin-left: 0px;
    
}


/* Desktop styles */
@media only screen and (min-width: 769px) {
    .web-title {
        position: absolute;
        align-items: center;
    }


    .clg-title {
        text-align: left;
    }


    .sub-title {
        justify-content: center;
        padding-left: 0;
    }
}


/* Responsive styles for mobile */
@media only screen and (max-width: 768px) {
    .web-title {
        align-items: center;
    }


    .clg-title,
    .sub-title {
        text-align: center;
    }


    .sub-title {
        justify-content: center;
        flex-wrap: nowrap;
    }


    .txt-glogo {
        width: auto;
    }
}


/* Additional responsive font adjustments */
@media only screen and (max-width: 600px) {
    .sub-title {
        font-size: 14px;
    }
}


@media only screen and (max-width: 400px) {
    .sub-title {
        font-size: 12px;
    }
}


.tpt-nav-bg{background: #003a63;}

.tpt-nav-bg .menu-off-icon{

	background-color: #fff;

    border-radius: 50%;

/*    z-index: 9001;*/

}

.tpt-nav-bg .offcanvas.show:not(.hiding) li.nav-item,

.tpt-nav-bg .offcanvas.showing li.nav-item{

    text-align: start;

}
.tpt-slider-section .item .cover.removebg {
    background: rgb(0 0 0 / 14%);
}
@media all and (min-width: 992px) {

    .navbar .nav-item .dropdown-menu {

        display: none;

    }



    .navbar .nav-item:hover .nav-link { display: block;}



    .navbar .nav-item:hover .dropdown-menu {

        display: block;

    }

li.dropdown.dropend:hover .dropdown-menu {
    display: block !important;
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer);
}

li.dropdown.dropend .dropdown-menu {
    display: none !important;
}

    .navbar .nav-item .dropdown-menu {

        margin-top: 0;

    }

}

#offcanvasNavbar2 .offcanvas-header {

    justify-content: end;

    border-bottom: 1px solid #ddd;

    border-bottom-style: dotted;

}

#offcanvasNavbar2 .offcanvas-body ul.navbar-nav{

        padding-left: 6%;

}

.head-tag {

    background: #003a63;

}

.divide-line{

    color: #87939c!important;

}

.bg-award{background: #fff;}

.bg-transfrant{background: transparent!important;}

#offcanvasNavbar2 {

    background-color: #003a63;

    color: #fff;

}

.awards-box-section{padding: 40px 0px 40px 0px;background: #f2f2f2;}

.bg-dark-theme{

    background: #003a63;

}

.about-section {

    position: relative;

    padding: 80px 0px 40px 0px

}

section.tpt-upcoming-notify {

    background: #f2f2f2;

    padding: 40px 40px 40px 40px;

}

.latest-news-events{

    background: #ddd;

    padding: 40px 40px 20px 40px;

}

section.notalble-alumni {

    background: #f5f5f6;

    padding: 40px;

}

/* button designs */

.theme-btn {

    display: inline-flex;

    justify-content: center;

    text-align: center;

    white-space: nowrap;

    transition: all .3s ease;

}

.btn-style-one {

    font-size: 12px;

    line-height: 24px;

    padding: 15px 60px;

    font-weight: 700;

    letter-spacing: .1em;

    overflow: hidden;

    text-transform: uppercase;

    color: #fff;

    border-radius: 50px;

    z-index: 1;

    background: #f2f2f2;

    transition: all .5s ease;

    position: relative;

}

.btn-style-one:before {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    content: "";

    background-color: #243561;

    -webkit-clip-path: polygon(50% 0,50% 0,50% 50%,50% 100%,50% 100%,50% 50%);

    clip-path: polygon(50% 0,50% 0,50% 50%,50% 100%,50% 100%,50% 50%);

    transition: all .5s ease;

    z-index: -1;

}

.btn-style-one:hover, .btn-style-one:hover .btn-title {

    color: #fff;

}

.btn-style-one:hover:before {

    -webkit-clip-path: polygon(25% -70%,75% -70%,120% 50%,75% 170%,25% 170%,-20% 50%);

    clip-path: polygon(25% -70%,75% -70%,120% 50%,75% 170%,25% 170%,-20% 50%);

}

.offcanvas.offcanvas-end.bg-off-canva.show .tpt-nav-bg.navbar-expand-lg .navbar-nav .dropdown-menu:before, .tpt-nav-bg.navbar-expand-lg .navbar-nav .dropdown-menu:after {

    content: '';

    position: absolute;

    top: -10px;

    left: 42px;

    width: 0;

    height: 0;

}

.button.icon-read-link:hover:before {

    background-color: #fff;

    color: #ffc107;

}

.button.icon-read-link {

    padding-left: 3.2875rem;

}

.button.icon-read-link:before {

    background-color: #ffc107;

    border-radius: 50%;

    color: #fff;

    height: 27px;

    left: 5px;

    line-height: 27px;

    position: absolute;

    transform: translateY(-50%);

    transition: background-color 250ms linear, border-color 250ms linear, color 250ms linear;

    top: 50%;

    width: 27px;

    font-size: 18px;

}

.js-show-hide:before, [class*="icon-"]:before {

    font-family: font-awesome-icons;

    font-style: normal;

    font-weight: 400;

    speak: none;

    display: inline-block;

    text-decoration: inherit;

    width: 1em;

    text-align: center;

    font-variant: normal;

    text-transform: none;

    line-height: 1em;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.button--invert, .button:hover, .campus-life a:hover .button {

    background-color: #ffc107;

    color: #fff;

}

.icon-read-link:before {

    content: "\2197";

}

.button {

    border: 1px solid #f3c120;

    border-radius: 20px;

    box-sizing: border-box;

    color: #243561;

    display: inline-block;

    font-weight: 500;

    line-height: 35px;

    margin-right: 10px;

    min-width: 140px;

    padding: 0 30px;

    position: relative;

    text-align: center;

    transition: background-color 250ms linear, border-color 250ms linear, color 250ms linear;

}

.theme-b {

    border: 1px solid #243561;

    color: #243561;

}

.theme-b:hover {

    background-color: #243561;

    color: #fff;

}

.theme-b.button.icon-read-link:before {

    background-color: #fff;

    color: #003a63;

}

/* Sizes */

.ptb-15{padding-top: 15px;padding-bottom: 15px;}

.pb-80 {

    padding-bottom: 40px;

}

.pt-100 {

    padding-top: 40px;

}

.fs-8{font-size: 12px}

/*Navbar*/

.nav-header{

    /* display: flex; */

    background: #003a63;

    padding: 5px 15px;

    color: #fff;

    text-align: center;

}

.nav-header a{color: #fff;margin-left:5px; }

.nav-header a:hover{color: #f3c120; }

.brand-logo-section{

position: relative;

    display: flex;

    text-align: center;

    vertical-align: middle;

    justify-content: end;

    align-items: center;

    top: -2px;

    z-index: 99;

}

a.brand-logo{

    border-radius: 100%;

    background: #ffffff;

/*    background: #fafafa;*/

    /*width: 100px;

    height: 100px;*/

    position: relative;

    display: block;

    padding: 5px;

}

a.brand-logo img{

    width: 100%;

    border-radius: 100%;

    position: relative;

}

h1.clge-name {

    margin-bottom: 0;

}

.tpt-exp{height:80px;min-height:50px; }

.tpt-nav-bg.navbar-expand-lg .navbar-nav .nav-link{color: #fff;font-family: 'Aleo', serif;}

/* .tpt-nav-bg.navbar-expand-lg .navbar-nav .nav-link:hover {

    background: #09578ede;

    border-bottom-color: var(--bs-warning);

    border-bottom: 2px solid var(--bs-yellow);

    backdrop-filter: brightness(0.5);

} */

.tpt-nav-bg.navbar-expand-lg .navbar-nav .dropdown-menu{background: #fff;

    border-radius: 0px;}

 .tpt-nav-bg.navbar-expand-lg .navbar-nav .dropdown-menu li a.dropdown-item{color: #003a63;}

 .tpt-nav-bg.navbar-expand-lg .navbar-nav .dropdown-menu li a.dropdown-item:hover, .tpt-nav-bg.navbar-expand-lg .navbar-nav .dropdown-menu li a.dropdown-item:focus{color: #003a63;

    background: transparent;

    /* background: #09578ede;

    border-bottom-color: var(--bs-warning);

        border-bottom: 2px solid var(--bs-yellow); */

}

.tpt-nav-bg.navbar-expand-lg .navbar-nav .dropdown-menu li a.dropdown-item{

    position: relative;

        transition: 0.2s ease-in-out;

}

.pb-xsm-0 a i {

    opacity: 0.9;

}

.pt-xsm-0 a i{

    opacity: 0.9;

}

 .tpt-nav-bg.navbar-expand-lg .navbar-nav .dropdown-menu:after {

    border-left: 8px solid transparent;

    border-right: 8px solid transparent ;

    border-bottom: 10px solid #fff;

}
li.dropdown.dropend .dropdown-menu:after {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 10px solid #635e5eba !important;
        border-left: 0px solid transparent !important;
}

li.dropdown.dropend .dropdown-menu:after {
    content: '';
    position: absolute !important;
    top: 9px !important;
    left: -9px !important;
    width: 0 !important;
    height: 0 !important
}
.search {

  position: relative;

  padding-bottom: 15px;

  bottom: -7px;

}



.search-input::placeholder {

  color: white;

  opacity: 0.8;

}



.search-input {

  height: 0px;

  border:none;

  position: absolute;

  left: -188px;

  visibility: hidden;

  opacity: 0;

  top: 30px;

  background: #003a63;

  color: white;

  padding: 6px;

  font-size: 12px;

  outline: none;

  width: 220px;

  transition: 80ms all ease-in;

  border-bottom-left-radius: 5px;

  border-bottom-right-radius: 5px;

  box-shadow: none;

}



.search-button {

  background:transparent;

  color: white;

  cursor: pointer;

  font-size: 14px;

  padding-top: 4px;

  border-color: #f0f8ff;

}



.search-button:hover + .search-input, .search-input:hover, .search:hover .search-input {

  visibility: visible !important;

  opacity: 1 !important;

  z-index: 9 !important;

  box-shadow: 1px 3px 4px #E6E6E6;

  height: 25px !important;

}

section .tpt-slider-section {
  margin-top: 8%;
}

.tpt-slider-section .item {
  height: 80%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tpt-slider-section .item img {
  width: 100%;

  height: 100%;

  object-fit: cover; /* Prevents stretching while maintaining aspect ratio */
}

/* Responsive adjustments */

@media (max-width: 1440px) {

  .tpt-slider-section .item {
    height: 75vh; /* Ensure section takes up full screen */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tpt-slider-section .item img {
    max-width: 100%;
    max-height: 90%;
    display: block; /* Prevents inline spacing issues */
    margin: auto; /* Ensures proper centering */
    object-fit: scale-down; /* Ensures full image visibility without cropping */
  }
}

@media (max-width: 1024px) {

  .tpt-slider-section .item {
    height: 76vh; /* Ensure section takes up full screen */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tpt-slider-section .item img {
    max-width: 100%;
    max-height: 78%;
    display: block; /* Prevents inline spacing issues */
    margin: auto; /* Ensures proper centering */
    object-fit: scale-down; /* Ensures full image visibility without cropping */
  }
}

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

  .tpt-slider-section .item {
    height: 40vh; /* Ensure section takes up full screen */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tpt-slider-section .item img {
    max-width: 100%;
    max-height: 20%;
    display: block; /* Prevents inline spacing issues */
    margin: auto; /* Ensures proper centering */
    object-fit: scale-down; /* Ensures full image visibility without cropping */
  }
}

@media screen and (min-width: 625px) and (max-width: 768px) {
  .tpt-slider-section .item {
    height: 67vh; /* Ensure section takes up full screen */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tpt-slider-section .item img {
    max-width: 100%;
    max-height: 71%;
    display: block; /* Prevents inline spacing issues */
    margin: auto; /* Ensures proper centering */
    object-fit: scale-down; /* Ensures full image visibility without cropping */
  }
}


@media screen and (min-width: 554px) and (max-width: 625px) {
  .tpt-slider-section .item {
    height: 31vh; /* Ensure section takes up full screen */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tpt-slider-section .item img {
    max-width: 100%;
    max-height: 87%;
    display: block; /* Prevents inline spacing issues */
    margin: auto; /* Ensures proper centering */
    object-fit: scale-down; /* Ensures full image visibility without cropping */
  }
}

@media screen and (min-width: 425px) and (max-width: 554px) {
   .tpt-slider-section .item {
    height: 22vh; /* Ensure section takes up full screen */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tpt-slider-section .item img {
    max-width: 100%;
    max-height: 94%;
    display: block; /* Prevents inline spacing issues */
    margin: auto; /* Ensures proper centering */
    object-fit: scale-down; /* Ensures full image visibility without cropping */
  }
}

@media screen and (min-width: 375px) and (max-width: 425px) {
     section .tpt-slider-section {
    margin-top: 1%;
  }
   .tpt-slider-section .item {
    height: 22vh; /* Ensure section takes up full screen */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tpt-slider-section .item img {
    max-width: 100%;
    max-height: 88%;
    display: block; /* Prevents inline spacing issues */
    margin: auto; /* Ensures proper centering */
    object-fit: scale-down; /* Ensures full image visibility without cropping */
  }
}

@media screen and (min-width: 320px) and (max-width: 375px) {
 
   .tpt-slider-section .item {
    height: 23vh; /* Ensure section takes up full screen */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tpt-slider-section .item img {
    max-width: 100%;
    max-height: 85%;
    display: block; /* Prevents inline spacing issues */
    margin: auto; /* Ensures proper centering */
    object-fit: scale-down; /* Ensures full image visibility without cropping */
  }
}

@media screen and (min-width: 220px) and (max-width: 320px) {
 
   .tpt-slider-section .item {
    height: 27vh; /* Ensure section takes up full screen */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tpt-slider-section .item img {
    max-width: 100%;
    max-height: 76%;
    display: block; /* Prevents inline spacing issues */
    margin: auto; /* Ensures proper centering */
    object-fit: scale-down; /* Ensures full image visibility without cropping */
  }
}

.tpt-slider-section .item .cover {
  padding: 75px 0;

  position: absolute;



  top: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.6);

  display: flex;

  align-items: center;
}

.tpt-slider-section .item .cover .header-content {

  position: relative;

  padding: 56px;

  overflow: hidden;

  text-align:left;
  cursor: pointer;

}
.header-content.applyform h4 {
    border-bottom: 2px solid #fff;
    width: fit-content;
    cursor: pointer;
    transition: 80ms all ease-in;
}
.header-content.applyform:hover h4 {
    border-bottom: 2px solid #ffc107;
}
.tpt-slider-section .item .cover .header-content .line {

  content: "";

  display: inline-block;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  position: absolute;

  border: 9px solid #fff;
  
  opacity : 0.5;

  -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);

  clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);

}

.tpt-slider-section .item .cover .header-content h2 {

  font-weight: 300;

  font-size: 35px;

  color: #fff;

}

.tpt-slider-section .item .cover .header-content h1 {

  font-size: 56px;

  font-weight: 600;

  margin: 5px 0 20px;

  word-spacing: 3px;

  color: #fff;

}

.tpt-slider-section .item .cover .header-content h4 {

  font-size: 24px;

  font-weight: 300;

  line-height: 36px;

  color: #fff;

}

.tpt-slider-section .owl-item.active h1 {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-name: fadeInDown;

  animation-delay: 0.3s;

}

.tpt-slider-section .owl-item.active h2 {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-name: fadeInDown;

  animation-delay: 0.3s;

}

.tpt-slider-section .owl-item.active h4 {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-name: fadeInUp;

  animation-delay: 0.3s;

}

.tpt-slider-section .owl-item.active .line {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-name: fadeInLeft;

  animation-delay: 0.3s;

}

.tpt-slider-section .owl-nav .owl-prev {

  position: absolute;

  left: 15px;

  top: 43%;

  opacity: 0;

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  background: rgba(0, 0, 0, 0.5) !important;

  width: 40px;

  cursor: pointer;

  height: 40px;

  position: absolute;

  display: block;

  z-index: 1000;

  border-radius: 0;

}

.tpt-slider-section .owl-nav .owl-prev span {

  font-size: 1.6875rem;

  color: #fff;

}

.tpt-slider-section .owl-nav .owl-prev:focus {

  outline: 0;

}

.tpt-slider-section .owl-nav .owl-prev:hover {

  background: #000 !important;

}

.tpt-slider-section .owl-nav .owl-next {

  position: absolute;

  right: 15px;

  top: 43%;

  opacity: 0;

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  background: rgba(0, 0, 0, 0.5) !important;

  width: 40px;

  cursor: pointer;

  height: 40px;

  position: absolute;

  display: block;

  z-index: 1000;

  border-radius: 0;

}

.tpt-slider-section .owl-nav .owl-next span {

  font-size: 1.6875rem;

  color: #fff;

}

.tpt-slider-section .owl-nav .owl-next:focus {

  outline: 0;

}

.tpt-slider-section .owl-nav .owl-next:hover {

  background: #000 !important;

}

.tpt-slider-section:hover .owl-prev {

  left: 0px;

  opacity: 1;

}

.tpt-slider-section:hover .owl-next {

  right: 0px;

  opacity: 1;

}

/* about */





.about-section .icon-dotted-map {

    top: 145px;

    left: -585px

}



.about-section .icon-dotted-map-2 {

    top: 20px;

    left: -5px

}



.about-section .icon-paper-plan {

    left: -160px;

    top: 310px

}



.about-section .icon-dotted-line {

    left: 280px;

    top: 300px

}



.about-section .content-column {

    position: relative;

    margin-bottom: 35px;

    z-index: 1

}



.about-section .content-column .inner-column {

    position: relative;

    padding-left: 60px;

    padding-top: 30px

}



.about-section .content-column .sec-title {

    margin-bottom: 40px

}



.about-section .content-column .btn-box {

    margin-top: 10px

}



.about-section .image-column {

    position: relative;

    margin-bottom: 35px

}



.about-section .image-column .inner-column {

    position: relative;

    /*padding-right: 50px;

    margin-left: 0px*/

}



.about-section .image-column .image-1 {

    position: relative;

    max-width: 460px;

    margin-bottom: 0

}



.about-section .image-column .image-1 img {

    width: 100%

}



.about-section .image-column .image-2 {

    position: absolute;

    top: 0;

    border-radius: 30px;

    overflow: hidden;

    margin-bottom: 0

}



.about-section .image-column .image-2 img {

    width: 100%;

    max-width: 450px;

}

.text {

    text-align: justify;

}

.about-section .experience {

    position: absolute;

    bottom: -40px;

    left: 50px;

    width: 290px;

    height: 75px;

/*    background-image: url('../images/exp.png');*/

    padding: 20px;

    font-size: 22px;

    line-height: 1.2em;

    color: #fff;

    font-weight: 700;

    box-shadow: 0 25px 40px rgba(0,0,0,.24);

        background: #ffc107;

    border-radius: 7px;

    border-top: dotted;

    border-left: dotted;

/*    border-right: dotted;*/

/*    border: dotted;*/

}



.about-section .experience .year-exp-count {

    font-size: 42px;

    line-height: 1em;

    font-weight: 700;

        position: relative;

    top: -10px;

}

.about-section .experience .yearexp-cont {

    font-size: 18px;

}



.about-section-two {

    position: relative;

    padding: 120px 0 70px

}



.about-section-two .icon-e {

    left: -190px;

    top: 300px;

    width: 207px;

    height: 205px

}



.about-section-two .icon-dots-2 {

    left: -120px;

    bottom: 70px

}



.about-section-two .content-column {

    position: relative;

    margin-bottom: 20px;

    z-index: 1

}



.about-section-two .content-column .inner-column {

    position: relative;

    padding-left: 40px

}



.about-section-two .content-column .sec-title {

    margin-bottom: 70px

}



.about-section-two .content-column .sec-title .text {

    margin-top: 45px

}



.about-section-two .image-column {

    margin-bottom: 50px

}



.about-block {

    margin-bottom: 30px

}



.about-block,.about-block .inner-box {

    position: relative

}



.about-block .info-text {

    position: relative;

    display: inline-block;

    margin-left: 40px;

    background-color: var(--bg-theme-color5);

    font-size: 17px;

    line-height: 1.2em;

    color: #fff;

    font-weight: 400;

    padding: 15px 20px;

    margin-bottom: 10px

}



.about-block .info-text:before {

    position: absolute;

    left: 30px;

    bottom: -16px;

    border-right: 23px solid transparent;

    border-top: 16px solid var(--border-theme-color5);

    z-index: 1;

    content: ""

}



.about-block .info-box {

    position: relative;

    background-color: #f1f1f1;

    max-width: 200px;

    padding: 40px 20px 35px;

    text-align: center

}



.about-block .info-box .thumb {

    height: 84px;

    width: 84px;

    border-radius: 50%;

    overflow: hidden;

    margin: 0 auto 18px

}



.about-block .info-box .name {

    margin-bottom: 8px

}



.about-block .info-box .designation {

    display: block;

    font-size: 12px;

    line-height: 1em;

    color: #81868a;

    text-transform: uppercase;

    letter-spacing: .2em

}



.about-block.style-two {

    margin-top: 55px

}



.about-block.style-two .info-text {

    background-color: var(--bg-theme-color3)

}



.about-block.style-two .info-text:before {

    border-top-color: var(--border-theme-color3)

}



.about-section-three {

    position: relative;

    padding: 120px 0 70px

}



.about-section-three .icon-percent {

    left: -110px;

    top: -30px;

    z-index: 2

}



.about-section-three .icon-star-1 {

    top: -50px;

    left: 420px

}



.about-section-three .icon-dots-4 {

    left: 510px;

    top: 40px

}



.about-section-three .icon-wave {

    left: -70px;

    bottom: 20px

}



.about-section-three .icon-idea {

    left: 530px;

    top: 400px;

    z-index: 1

}



.about-section-three .icon-dots-3 {

    top: -80px;

    right: -25px

}



.about-section-three .icon-dots-5 {

    top: 160px;

    right: -400px

}



.about-section-three .icon-star-2 {

    right: -130px;

    top: 190px

}



.about-section-three .content-column {

    position: relative;

    margin-bottom: 50px;

    z-index: 1

}



.about-section-three .content-column .inner-column {

    position: relative

}



.about-section-three .content-column .sec-title {

    margin-bottom: 40px

}



.about-section-three .content-column .btn-box {

    position: relative;

    padding-right: 200px;

    margin-top: 40px

}



.about-section-three .content-column .btn-box .float-icon {

    position: absolute;

    right: 100%;

    top: 100%;

    transform: translateX(75px) translateY(-10px)

}



.about-section-three .content-column .info-box {

    position: absolute;

    right: 0;

    bottom: -40px;

    border-radius: 0 50px 0 50px;

    border: 1px solid #dbe6e6;

    box-shadow: 0 20px 60px rgba(0,0,0,.07);

    padding: 30px 40px

}



.about-section-three .content-column .info-box .icon-box {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    margin-bottom: 15px

}



.about-section-three .content-column .info-box .icon-box .icon {

    font-size: 78px;

    line-height: 1em;

    color: var(--theme-color2);

    position: relative;

    top: 15px

}



.about-section-three .content-column .info-box .icon-box .count-box {

    font-size: 48px;

    color: var(--theme-color1);

    font-weight: 700

}



.about-section-three .content-column .info-box .counter-title {

    color: #7d8185;

    font-weight: 400;

    font-size: 20px;

    text-align: center;

    letter-spacing: .01em;

    margin-bottom: 0

}



.about-section-three .image-column {

    position: relative;

    margin-bottom: 50px

}



.about-section-three .image-column .inner-column {

    position: relative;

    padding-right: 60px;

    margin-left: -180px

}



.about-section-three .image-column .inner-column:before {

    position: absolute;

    left: -25%;

    top: -40%;

    width: 1306px;

    height: 1232px;

    content: ""

}



.about-section-three .image-column .inner-column .image {

    position: relative;

    margin-bottom: 0

}



.about-section-three .image-column .author-info {

    position: absolute;

    left: -70px;

    bottom: 60px;

    padding: 25px 50px 20px;

    background-color: #fff;

    border-radius: 0 50px 0 50px;

    box-shadow: 0 30px 80px rgba(0,0,0,.1);

    text-align: right

}



.about-section-three .image-column .author-info .name {

    font-size: 30px;

    line-height: 1em;

    margin-bottom: -3px

}



.about-section-three .image-column .author-info .designation {

    font-size: 20px;

    color: var(--theme-color5)

}



.about-section-four {

    position: relative;

    background-color: #f1f1f1

}



.about-section-four:before {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background-repeat: no-repeat;

    background-position: 50%;

    background-size: cover;

    content: ""

}



.about-section-four .content-column {

    position: relative

}



.about-section-four .content-column .inner-column {

    position: relative;

    padding: 110px 0 80px

}



.about-section-four .content-column .sec-title {

    margin-bottom: 50px

}



.about-section-four .content-column .sec-title .text {

    font-size: 18px;

    line-height: 34px;

    color: #81868a;

    max-width: 500px;

    margin-top: 40px

}



.about-section-four .content-column .contact-info {

    position: relative;

    padding-left: 70px;

    min-height: 50px;

    margin-bottom: 50px

}



.about-section-four .content-column .contact-info:hover .icon {

    color: #fff;

    transform: scaleX(-1)

}



.about-section-four .content-column .contact-info .icon {

    position: absolute;

    left: 0;

    top: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 50px;

    width: 50px;

    font-size: 18px;

    color: #fff;

    background-color: var(--bg-theme-color5);

    border-radius: 50%;

    line-height: 1em;

    transition: all .3s ease

}



.about-section-four .content-column .contact-info .title {

    margin-bottom: 0;

    font-size: 18px;

    color: #5366c2

}



.about-section-four .content-column .contact-info .info {

    font-size: 16px;

    line-height: 32px;

    color: #7e7e7e

}



.about-section-four .content-column .contact-info .info a {

    color: #242323;

    font-weight: 700;

    margin-left: 5px;

    text-decoration: underline

}



.about-section-four .content-column .contact-info .info a:hover {

    color: var(--theme-color5)

}



.about-section-four .content-column .counter-info-box {

    position: relative;

    padding: 50px 60px;

    background-color: #fff;

    box-shadow: 0 10px 60px rgba(0,0,0,.1);

    border-radius: 15px;

    max-width: 470px

}



.about-section-four .content-column .counter-info-box .inner {

    position: relative;

    padding-left: 170px

}



.about-section-four .content-column .counter-info-box .count-box {

    position: absolute;

    left: 0;

    top: 0;

    font-size: 65px;

    color: #f16101;

    font-weight: 700;

    line-height: 1em

}



.about-section-four .content-column .counter-info-box .text {

    font-size: 18px;

    line-height: 30px;

    color: #7d8185

}



.about-section-four .image-column {

    position: relative

}



.about-section-four .image-column .inner-column {

    position: relative;

    padding-top: 120px

}



.about-section-four .image-column .image-box {

    position: relative;

    margin-right: -400px

}



.about-section-four .image-column .image-box .image {

    position: relative;

    margin-bottom: 0;

    width: 100%

}



.about-section-four .image-column .image-box .image img {

    width: 100%;

    min-height: 570px;

    object-fit: cover

}



.about-section-four .image-column .caption-box {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    max-width: 400px;

    background-color: #6956f9;

    display: flex;

    padding: 45px 20px 50px 50px;

    border-radius: 0 20px 0 0

}



.about-section-four .image-column .caption-box .inner {

    position: relative;

    padding-left: 95px

}



.about-section-four .image-column .caption-box .icon {

    position: absolute;

    left: 0;

    top: 0;

    font-size: 74px;

    line-height: 1.2em;

    color: #fff

}



.about-section-four .image-column .caption-box .text {

    font-size: 18px;

    line-height: 26px;

    color: #fff;

    font-weight: 400

}

.list-style-one {

    position: relative;

    margin-bottom: 30px

}



.list-style-one li {

    position: relative;

    padding-left: 70px;

    min-height: 50px;

    font-size: 20px;

    line-height: 30px;

    color: var(--theme-color1);

    font-weight: 700;

    display: flex;

    flex-direction: column;

    justify-content: center;

    margin-bottom: 20px;

    padding-right: 20px;

    letter-spacing: -.01em

}



.list-style-one li:hover .icon {

    transform: scale(-1) rotate(-180deg)

}



.list-style-one li .icon {

    position: absolute;

    left: 0;

    top: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 18px;

    height: 50px;

    width: 50px;

    border-radius: 50%;

    background-color: var(--bg-theme-color5);

    box-shadow: 0 10px;

    transition: all .3s ease

}



.list-style-one li:nth-child(4n+2) .icon {

    background-color: var(--bg-theme-color3)

}



.list-style-one li:nth-child(4n+3) .icon {

    background-color: var(--bg-theme-color4)

}



.list-style-one li:nth-child(4n+4) .icon {

    background-color: var(--bg-theme-color2)

}



.list-style-one.two-column {

    display: flex;

    flex-wrap: wrap

}



.list-style-one.two-column li {

    width: 50%

}

/* upcoming */

.upcomevents, .scholarship{overflow: hidden;}

.view-all-event-box {

    text-align: end;

    position: absolute;

    right: 0px;

    top: 14px;

}

.header-title {

    position: relative;

}



.std-notify {

    background: #fff;

    position: relative;

    top: -40px;

    height: 113.5%;

    /* box-shadow: rgb(0 0 0 / 5%) 0px 1px 2px 0px; */

    bottom: 0px;

    overflow: hidden;

}

.std-notify .note-box {

    top: 40px;

    position: relative;

}

.upcoming-events-list-box {

    padding: 30px 0px 0px;

}

.upcoming-event-box {

    padding-bottom: 20px;

}

.upcoming-event-box .img-box, .upcoming-event-box .img-box img {height: 100%;}

.title-header {

    text-transform: uppercase;

    padding: 10px;

    background: #ddd;

}

#example-sticky-notes-1 {

    padding: 5px;

}

.view-all-event-box a {

    border-bottom: 2px solid #000;

    color: #000;

    text-transform: uppercase;

}

.title-header h4  {

    text-transform: uppercase;

    margin-bottom: 0;

}

.header-title h3 {

    margin-bottom: 0;

    text-transform: uppercase;

}

.etn-event-location {

    font-size: 16px;

    font-weight: 500;

    line-height: 0.8;

    color: #61686E;

}

.etn-title {

    font-size: 21px;

    font-weight: 700;

    line-height: 0.9;

    color: #132643;

}

.etn-title a {

    color: #132643;

    font-weight: 500;

}

.etn-event-footer {

    overflow: hidden;

}

.etn-event-footer .etn-event-date {

    float: left;

    font-size: .9375rem;

    font-weight: 700;

}

.etn-event-footer .etn-event-date span, .etn-event-footer .etn-event-date span i {

    font-size: 14px;

    color: #7e7e7e;

    font-weight: 400;

}

.etn-event-footer .etn-atend-btn {

    float: right;

}

.etn-event-footer .etn-event-date i, .etn-event-date span i {

    padding-right: 5px;

}

.etn-btn {

    font-size: 16px;

    font-weight: 700;

    text-transform: none;

    line-height: 28px;

    color: #EE8C1C;

    border-style: solid;

    border-width: 0px 0px 0px 0px;



}

/* alumni  */

.alumni-list .owl-nav.disabled{display: block;}

/*.alumni-bg-title-box{

    background-image: url('../images/tpt-alumni-meet.webp');

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

    padding: 35px;

}*/

.alumni-title-box .title-header{

   background: transparent;

}

.alumni-list {

    padding: 15px;

}

.alumni-list .alumni-list-box{

    border: 5px solid #fff;

    box-shadow: 0 3px 6px rgb(0 0 0 / 30%), 0 2px 3px rgb(0 0 0 / 10%);

    margin: 10px;

}

.alumni-item{



    align-items: center;

    justify-content: center;

    display: flex;

}

.alumni-img{

        height: 150px;

   width: auto!important;

    /* object-fit: cover; */

/*    border-radius: 100%;*/

    border: 2px solid white;

    text-align: center;

    /*border-radius: 100%;*/

    margin-top: 5px;

}

.alumni-data{

    padding: 15px;

    height: 120px;

}

.alumni-list .owl-nav .owl-next {

    right: -15px;

}

.alumni-list .owl-nav button {

    position: absolute;

    height: 40px;

    width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fff;

    border-radius: 50%;

    opacity: 1;

    margin-top: auto;

    margin-bottom: auto;

    box-shadow: -2px 1px 10px #bdbdbd;

    top: calc(50% - 20px);

    cursor: pointer;

}

.alumni-list .owl-nav .owl-prev {

    left: -15px;

}

.visitors-img-content {

    padding: 15px;

}

.visitors-talk p{

    color: #898989;

    text-align: center;

}

.visitor-box .std-notify {

    top: 0px;

    height: 100%;

}

.visitor-box .std-notify .note-box {

    top: 0px;

    position: relative;

}

.visitor-box .title-header {

    /* text-align: center; */

    /* background: #f2f2f2; */

    padding: 10px;

    padding-top: 0px;

}

#visitors-area.owl-theme .owl-dots{

    position: relative;

    /* z-index: 999999999; */

    top: -35px;

}

/* notise board */

.sticky-note {

    background-color: rgb(237 237 237);

    width: 100%;

    z-index: 8;

    transform: rotate(0deg);

    padding: 8px;

    margin-bottom: 5px;

    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;



}

/*.sticky-note {

    margin: 10px 0px;

    padding: 10px 10px 10px 25px;

    -webkit-box-shadow: 2px 2px 5px rgb(0 0 0);

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

    box-shadow: 2px 2px 2px rgb(0 0 0);

    background-image: url('../images/noticepin.png');

    background-repeat: no-repeat;

    background-position: left center;

    background-attachment: absolute;

}*/

/*News & Events*/

.bg-news{

/*        background: #dedede;*/

        background: #003a63;
   

}

.scholar-box{

        box-shadow: rgb(0 0 0 / 5%) 0px 1px 2px 0px;

}

.scholar-list-box{

    background: #fff;

}

.scholar-header {

    padding: 5px;

    color: #fff;

    background: #9e9e9e;

}

.scholar-header h3 {

    text-transform: uppercase;

}

.scholar-content p {

    margin-bottom: 0;

}

.scholar-list{

    background: #fff;padding: 10px;margin-bottom: 5px;

/*    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;*/

    border-bottom: 1px;

    border-bottom-style: dashed;

    border-bottom-color: #ddd;

}

.scholar-list:last-child{

    border-bottom: 0px;

}

.img-box .scholor-icon{width: 30px;}

.title-head h3{color: #fff;text-align: start;}

.title-head h3 i{

    color: rgb(29, 155, 240);

    padding: 5px;

    border-radius: 100%;

    background: #d6f2ff;

    font-size: 20px;

}

.title-head h3 a{

color: rgb(29, 155, 240);

}

#twitter-post .owl-item p{color: #fff;}

.btn-readmore-y {

    color: #ffc107;

}

.btn-readmore-m{

    color: #d43133;

}

.event-cate {

    position: absolute;

    bottom: 2px;

    z-index: 9999;

    background: #ddd;

    padding: 2px 8px;

    border-radius: 5px;

    left: 2px;

}

.event-img-box {

    position: relative;



}

.event-img-box img {

    width: 100%;

    height: 220px;

    object-fit: cover;

    transform: scale(1,1);

    transition: transform 0.2s linear;

}

.events-box{

    background: #fff;

    box-shadow: rgb(0 0 0 / 5%) 0px 1px 2px 0px;

    margin-bottom: 15px;

    height: 100%;

}

.event-content {

    padding: 5px 8px 2px 8px;

}

.event-title a{

    color: #005e76;

}

.event-title a:hover h2 {

    color: #21a7d0;

}

.event-date{

    font-size: 12px;

}

.event-date i{

    font-size: 14px;

}

.main-title {

    position: relative;

}



/* mou  */

.mou-box {

    padding: 5px;

}

.mou-innner {

    background-color: #e4e5e5;

    padding: 35px 50px;

    position: relative;

    z-index: 1;

    border-radius: 50px 0px 50px 0px;

    border: 15px solid rgba(255,255,255,.9);

        box-shadow: rgb(0 0 0 / 5%) 0px 1px 2px 0px;

}

.mou-text {

    padding-left: 0px;

}

.mou-text ul {

  margin-bottom: 20px;

}

.mou-text ul li {

  margin-bottom: 15px;

  font-weight: 700;

}

.mou-text ul li a{

    color: #243561;

}

.mou-text ul li a:hover{

    color: #21a7d0;

}

.mou-text ul li i {

  margin-right: 10px;

  font-size: 15px;

  color: #fcaf3d;

}

/*campus*/

.teaser .headline-group {

    background: #ffffff47;

    padding-left: 5px;

}

/* del */



.bg-news .line, .latest-news-events .line {

    content: "";

    display: inline-block;

    width: 80%;

    height: 80%;

    left: 20px;

    top: 30px;

    position: absolute;

    border: 9px solid #fff;

    -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);

    clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);

}



/* del */

/* awards */

.award-notes{padding-top: 25px;}

.programs_feature_header {

    opacity: 0;

    -webkit-transform: translate(0, 80px);

    transform: translate(0, 80px);

    -webkit-transform: translate3d(0, 80px, 0);

    transform: translate3d(0, 80px, 0);

    -webkit-transition: opacity 1s,-webkit-transform 1s;

    transition: opacity 1s,-webkit-transform 1s;

    transition: opacity 1s,transform 1s;

    transition: opacity 1s,transform 1s,-webkit-transform 1s;

    margin-bottom: 20px;

    margin-bottom: 1.25rem

}



.programs_feature_header.in_view {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



@media(min-width: 980px) {

    .programs_feature_header {

        -webkit-box-align:end;

        -ms-flex-align: end;

        align-items: flex-end;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        margin-bottom: 46px;

        margin-bottom: 2.875rem

    }

}



.programs_feature_title span {

    font-display: swap;

    font-style: normal;

    font-weight: normal;

    font-family: 'Aleo', serif;

    font-size: 35px;

    font-size: 2.1875rem;

    line-height: .8;

    margin: 0 0 9px;

    margin: 0 0 0.5625rem;

    margin: 0 0 .5625rem;

    text-transform: uppercase

}



@media(min-width: 980px) {

    .programs_feature_title span {

        font-size:60px;

        font-size: 3.75rem;

        line-height: 0.8333333333;

        margin: 0 70px 0 0;

        margin: 0 4.375rem 0 0

    }

}



@media(min-width: 1220px) {

    .programs_feature_title span {

        font-size:60px;

        font-size: 5.100rem;

        line-height: 0.7978723404

    }

}



.programs_feature_title_primary {

    background: -webkit-gradient(linear, left top, right top, from(#007481), to(rgb(83, 132, 69)));

    background: linear-gradient(90deg, #007481 0%, rgb(0 58 99) 100%);

    -webkit-background-clip: text;

    background-clip: text;

    -moz-text-fill-color: rgba(0,0,0,0);

    -webkit-text-fill-color: rgba(0,0,0,0);

    display: block

}



.programs_feature_title_secondary {

    color: #1c1f2a;

    display: block

}





@media(min-width: 980px) {

    .programs_feature_header {

        -webkit-box-align:end;

        -ms-flex-align: end;

        align-items: flex-end;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        margin-bottom: 46px;

        margin-bottom: 2.875rem

    }

}



#news-slider{

    margin-top: 0px;

}

.post-slide{

    background: #fff;

    margin: 20px 15px 20px;

    border-radius: 15px;

    padding-top: 1px;

    box-shadow: 0px 14px 22px -9px #bbcbd8;

}

.post-slide .post-img{

    position: relative;

    overflow: hidden;

    border-radius: 10px;

    margin: -12px 15px 8px 15px;

    margin-left: -10px;

    height: 250px;

}

.post-slide .post-img img{

    width: 100%;

    height: 100%;

    transform: scale(1,1);

    transition:transform 0.2s linear;

}

.post-slide:hover .post-img img{

    transform: scale(1.1,1.1);

}

.post-slide .over-layer{

    width:100%;

    height:100%;

    position: absolute;

    top:0;

    left:0;

    opacity:0;

    background: linear-gradient(-45deg, rgba(6,190,244,0.75) 0%, rgba(45,112,253,0.6) 100%);

    transition:all 0.50s linear;

}

.post-slide:hover .over-layer{

    opacity:1;

    text-decoration:none;

}

.post-slide .over-layer i{

    position: relative;

    top:45%;

    text-align:center;

    display: block;

    color:#fff;

    font-size:25px;

}

.post-slide .post-content{

    background:#fff;

    padding: 2px 20px 2px;

    border-radius: 15px;

}

.post-slide .post-title a{

    font-size:15px;

    font-weight:400;

    color:#333;

    display: inline-block;

    text-transform:uppercase;

    transition: all 0.3s ease 0s;

}

.post-slide .post-title a:hover{

    text-decoration: none;

    color:#3498db;

}

.post-slide .post-description{

    line-height:24px;

    color:#808080;

    margin-bottom:25px;

}

.post-slide .post-date{

    color:#a9a9a9;

    font-size: 14px;

}

.post-slide .post-date i{

    font-size:20px;

    margin-right:8px;

    color: #CFDACE;

}

.post-slide .read-more{

    padding: 7px 20px;

    float: right;

    font-size: 12px;

    background: #2196F3;

    color: #ffffff;

    box-shadow: 0px 10px 20px -10px #1376c5;

    border-radius: 25px;

    text-transform: uppercase;

}

.post-slide .read-more:hover{

    background: #3498db;

    text-decoration:none;

    color:#fff;

}

#news-slider .owl-nav button{

    text-align:center;

    margin-top:20px;

}

#news-slider .owl-nav button .owl-prev{

    background: #fff;

    position: absolute;

    top:-13%;

    left:15px;

    padding: 0 18px 0 15px;

    border-radius: 50px;

    box-shadow: 3px 14px 25px -10px #92b4d0;

    transition: background 0.5s ease 0s;

}

#news-slider .owl-nav button .owl-next{

    background: #fff;

    position: absolute;

    top:-13%;

    right: 15px;

    padding: 0 15px 0 18px;

    border-radius: 50px;

    box-shadow: -3px 14px 25px -10px #92b4d0;

    transition: background 0.5s ease 0s;

}

#news-slider .owl-nav button .owl-prev:after,

#news-slider .owl-nav button .owl-next:after{

    content:"\f104";

    font-family: FontAwesome;

    color: #333;

    font-size:30px;

}

#news-slider .owl-nav button .owl-next:after{

    content:"\f105";

}

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

    .post-slide .post-content{

        padding: 0px 15px 25px 15px;

    }

}

.news-list a{ color:#d43133; }

.news-list a:hover{ color:#21a7d0; }

.event-descp .contents {

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;
    height: 50px;

}

.event-title a h2{

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

}

/* FOOTER */



.footer{

    position: relative;

    background: #ddd;

    padding: 40px 40px 20px;



}







.footer a {

    font-family: 'Aleo', serif;

    font-size: var(--font-size-sm);

    line-height: 132.7%;

    color: #243561;

}







.footer a:hover{



    color: #21a7d0;



    line-height: 132.7%;



}







.footer p{

   font-size: 12px;



    line-height: 120%;



    margin-bottom: 0;



}

.copy-right{



    border-top: 1px solid #ccc9c9;



    border-bottom: 1px solid #ccc9c9;



    padding: 18px 10px;



}







.footer .list-inline-item{



    display: inline-block;

    text-align: left;

    margin-bottom: 15px;



}







@media(min-width: 768px){



    .footer .list-inline-item{



        display: inline-block;



        text-align: left;

        margin-bottom: 15px;



    }







    .footer a{



        font-family: 'Aleo', serif;



        font-size: var(--font-size-sm);



        line-height: 132.7%;

        color: #243561;



    }







    .footer p{



        font-size: var(--font-size-sm);



        line-height: 309.5%;



    }



}

.social-nav {

  padding: 0;

  list-style: none;

  display: inline-block;

  text-align: center;

}

.social-nav li {

  display: inline-block;

}

.social-nav a {

  display: inline-block;

  float: left;

  width: 30px;

  height: 30px;

  font-size: 16px;

  color: #FFF;

  text-decoration: none;

  cursor: pointer;

  text-align: center;

  line-height: 30px;

  background: #000;

  position: relative;

  -moz-transition: 0.5s;

  -o-transition: 0.5s;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.model-3d-0 a i{font-size: 16px;}

.model-3d-0 a {

  background: #fff;

  float: left;

  margin: 0 4px;

  -moz-transform-style: preserve-3d;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

  border-radius: 50%;

      -webkit-box-shadow: 0 0 4px 3px;

    box-shadow: 0 0 4px 3px;

}

.model-3d-0 a:hover {

  -moz-transform: rotateX(-90deg);

  -webkit-transform: rotateX(-90deg);

  transform: rotateX(-90deg);

}

.model-3d-0 a:hover .fornt {

  -moz-backface-visibility: hidden;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}

.model-3d-0 a:hover .back {

  -moz-backface-visibility: visible;

  -webkit-backface-visibility: visible;

  backface-visibility: visible;

}

.model-3d-0 .front, .model-3d-0 .back {

  width: 30px;

  height: 30px;

  background: #fff;

  position: absolute;

  top: 0;

  left: 0;

  -moz-transform: translateZ(18px);

  -webkit-transform: translateZ(18px);

  transform: translateZ(18px);

  -moz-backface-visibility: visible;

  -webkit-backface-visibility: visible;

  backface-visibility: visible;

  border-radius: 50%;

}

.model-3d-0 .back {

  font-size: 16px;

  -moz-transform: rotateX(90deg) translateZ(18px);

  -ms-transform: rotateX(90deg) translateZ(18px);

  -webkit-transform: rotateX(90deg) translateZ(18px);

  transform: rotateX(90deg) translateZ(18px);

  -moz-backface-visibility: hidden;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  border-radius: 50%;

}

.model-3d-0 .twitter .back {

  background: #00ACED;

}

.model-3d-0 .facebook .back {

  background: #3B579D;

}

.model-3d-0 .google-plus .back {

  background: #DD4A3A;

}

.model-3d-0 .linkedin .back {

  background: #007BB6;

}

.model-3d-0 .pinterest .back {

  background: #CB2026;

}

/* color */

.model-3d-0 .twitter .front i {

  color: #00ACED;

}

.model-3d-0 .facebook .front i {

  color: #3B579D;

}

.model-3d-0 .google-plus .front i {

  color: #DD4A3A;

}

.model-3d-0 .linkedin .front i {

  color: #007BB6;

}

.model-3d-0 .pinterest .front i {

  color: #CB2026;

}

.model-3d-0 .back i{

    top: 3px;

    position: relative;

    color: #fff;

}

.teaser.teaser--experience:hover[class*="teaser--experience-overlay"] {

    position: relative;

    overflow: hidden;

    background-color: #fff;

    color: #243561;

}

.teaser.teaser--experience:hover[class*="teaser--experience-overlay"] .headline-group .headline-group__super {

    color: #243561;

}

.teaser.teaser--experience:hover[class*="teaser--experience-overlay"] .teaser__content .headline-group .headline-group__head {

    color: #000;

}

.teaser.teaser--experience:hover[class*="teaser--experience-overlay"] .teaser__content p {

    color: #000;

}

.admission-contact {

    margin: 5px;

    padding: 4px;

    background: #fff;

    border-radius: 2px;

    height: 100%;

    border-style: dashed;

    border-width: 1px;

    border-color: #e8e8e8;

}

.adm-icon{

    position: relative;

    display: flex;

    justify-content: center;

    vertical-align: middle;

    align-items: center;

    height: 100%;

}

.adm-icon span{

    border-radius: 100%;

    background: #f8f8f8;

    border-style: solid;

    border-width: 2px;

    border-color: #ffc107;

    padding: 5px;

    width: 35px;

    height: 35px;

    text-align: center;

    vertical-align: middle;

    position: relative;

    line-height: 1.2;

}



.admission-contact a, .admission-contact-off span a{

    color: #686868;

}

.admission-contact a:hover, .admission-contact-off span a:hover{

    color: #21a7d0;

}

.rbt-cat-box-1.image-overlaping-content {

    position: relative;

    overflow: hidden;

    display: block;

    z-index: 2;

}

.rbt-cat-box-1.image-overlaping-content .inner {

    padding: 0;

    box-shadow: none;

    position: relative;

    height: 80px;

}

.rbt-cat-box-1 .inner {

    background-color: var(--color-white);

    box-shadow: var(--shadow-1);

    border-radius: var(--radius-10);

    padding: 50px 40px;

}

.rbt-cat-box-1.image-overlaping-content .inner .thumbnail {

    height: 100%;

    width: 100%;

}

.rbt-cat-box-1.image-overlaping-content .inner .thumbnail img {

    height: 100%;

    width: 100%;

    object-fit: cover;

    border-radius: 6px;

}

.rbt-cat-box-1.image-overlaping-content .inner .content {

    position: absolute;

    top: 50%;

    width: 100%;

    margin: 0 auto;

    text-align: center;

    transform: translateY(-50%);

    z-index: 1;

}

.rbt-cat-box-1.image-overlaping-content.on-hover-content-visible .inner .content .title {

    margin-top: 27px;

    margin-bottom: 0;

    transition: 0.4s;

}

.rbt-cat-box-1.image-overlaping-content .inner .content .title {

    color: #fff;

    font-weight: 500;

    font-size: 16px;

    margin-bottom: 0;

}

.rbt-cat-box-1.image-overlaping-content.on-hover-content-visible .inner .content .rbt-btn-link {

    opacity: 0;

    transition: 0.4s;

}

.rbt-cat-box-1.image-overlaping-content .inner .content .rbt-btn-link {

    color: #fff;

}

a.rbt-btn-link, button.rbt-btn-link, span.rbt-btn-link {

    color: #fff;

    position: relative;

    transition: 0.3s;

    font-size: 14px;

    font-weight: 500;

    display: inline-block;

}

span.rbt-btn-link i {

        position: relative;

    top: 1px;

    display: inline-block;

    padding-left: 4px;

    color: #fff;

    padding: 5px;

    border-radius: 100%;

    font-size: 12px;

}

.rbt-cat-box-1.image-overlaping-content::after {

    position: absolute;

    background: rgba(0, 0, 0, 0.5);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    border-radius: 6px;

}

.rbt-cat-box-1.image-overlaping-content.on-hover-content-visible:hover {

    transform: none;

}

.rbt-cat-box-1:hover {

    transform: translate3d(0, -10px, 0);

}

.rbt-cat-box-1.image-overlaping-content {

    position: relative;

    overflow: hidden;

    display: block;

    z-index: 2;

}

.rbt-cat-box-1.image-overlaping-content.on-hover-content-visible:hover .inner .content .title {

    margin-top: 0;

}

.rbt-cat-box-1.image-overlaping-content.on-hover-content-visible:hover .inner .content .rbt-btn-link {

    opacity: 1;

}

.block-link:hover .teaser__image,

.block-link:focus .teaser__image {

    transition: all .5s;

  transform: scale(1.2);

}





.searchpl::placeholder {

  color: #fff;

  opacity: 1; /* Firefox */

}



.searchpl:-ms-input-placeholder { /* Internet Explorer 10-11 */

 color: #fff;

}



.searchpl::-ms-input-placeholder { /* Microsoft Edge */

 color: #fff;

}

.ms-n5 {

    margin-left: -40px;

}



#backtop {

  display: inline-block;

  background-color: #FF9800;

  width: 40px;

  height: 40px;

  text-align: center;

  border-radius: 4px;

  position: fixed;

  bottom: 30px;

  right: 30px;

  transition: background-color .3s, 

    opacity .5s, visibility .5s;

  opacity: 0;

  visibility: hidden;

  z-index: 1000;

}

#backtop::after {

  content: "\f077";

  font-family: FontAwesome;

  font-weight: normal;

  font-style: normal;

  font-size: 16px;

  line-height: 40px;

  color: #fff;

}

#backtop:hover {

  cursor: pointer;

  background-color: #333;

}

#backtop:active {

  background-color: #555;

}

#backtop.show {

  opacity: 1;

  visibility: visible;

}



/* Styles for the content section */





@media (min-width: 500px) {

  #backtop {

    margin: 30px;

  }

}

.placementbgcampu{

    background-image: url('../../assets/images/tpt-placements.jpg')

}

.stdevelopimg{

    background-image: url('../../assets/images/sona-digi-lib2.webp');

}

.sportsawardbg{

    background-image: url('../../assets/images/sports-awards.png');

}

.communitybg{

    background-image: url('../../assets/images/fine-arts.jpg');

}

.labcampbg{

    background-image: url('../../assets/images/mechanical-lab-tpt.jpg');

}

.carousel .thumbs-wrapper {

    margin: 20px;

    overflow: hidden;

    display: none;

}

.bg-about{

    background-image: url('../../assets/images/subbanners/kalam-tpt.jpg');
    height: 300px!important;
}
.bg-scholarship{
    background-image: url('../../assets/images/subbanners/bg-scholarship.webp');
    height: 300px!important;
}
.nav-breadcrumb{

    --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E");

}

.w-25px {

    width: 25px;

}



.mb-30 {

    margin-bottom: 30px;

}



.adm-name-c {

    overflow-wrap: anywhere;

}



ul {

    list-style: outside none none;

    margin: 0;

    padding: 0;

}



.subpage-section-pad {

    margin-top: 179px;

    background-color: #f8f8f8;

    /* background-image: url('../images/light-sketch.png'); */

    /* margin-bottom: -100px; */

}



/* section.breadcrum-sec {

    background: #fff;

} */

.subpage-title-header {

    padding: 10px;

    padding-left: 35px;

    background: #ffffffd6;

    /* background: #fff; */

    /* text-align: center; */

    position: absolute;

    /* top: -62px; */

    /* box-shadow: rgb(0 0 0 / 5%) 0px 1px 2px 0px; */

    z-index: 66;

    bottom: -0;

    width: 100%;

}



.subpage-title-header h1 {

    display: grid;

    grid-template-columns: calc(3% - 10px) auto minmax(calc(3% - 10px), 1fr);

    align-items: center;

    max-width: 100%;

    margin: 0 auto;



}



.subpage-title-header h1:before,

.subpage-title-header h1:after {

    content: '';

    width: 100%;

    height: 1px;

    background-color: #4b375e;

}



.page-sub-title {

    font-weight: 700;

    letter-spacing: 1px;

    width: fit-content;

    padding-bottom: 13px;

    position: relative;

    color: #243561;

}



.page-sub-title:before {

    background-color: #ff9800;

    content: '';

    display: block;

    height: 0px;

    width: 30px;

    margin-bottom: 5px;

}



.page-sub-title:after {

    background-color: #ff9800;

    content: '';

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    height: 1px;

    width: 75%;

    margin-bottom: 0.25em;

}



.nav-breadcrumb .breadcrumb .breadcrumb-item {

    color: #818181;

}



.nav-breadcrumb .breadcrumb .breadcrumb-item a,

.nav-breadcrumb .breadcrumb .breadcrumb-item a i,

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

    /* color: #21a7d0; */

    color: #003a63;

}



.subcontent-box {

    /* background: #f8f8f8; */

    background: #f8f8f845;

    padding: 45px;

        padding-top: 15px;

    height: 100%;

    background: rgb(252, 252, 252);

    background: linear-gradient(90deg, rgba(252, 252, 252, 1) -7%, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 1) 100%);

}



.tpt-sidebar {

    background: #ffff;

    height: 100%;

}



.subpage-content-box {

    /* height: 100vh; */

    position: relative;

    /* top: -100px; */

} 
ul.list-wt-arrow li {

    display: block;

    position: relative;

    padding-left: 25px;

    padding-bottom: 5px;

    font-weight: 400;

    line-height: 25px;

    /* text-align: justify; */

}

ul.list-wt-arrow li:before {

    position: absolute;

    top: 0;

    left: 0;

    content: "\21AC";

    /* font-family: FontAwesome; */

    color: #e91e63;

    font-size: 20px;

}



ul.list-wt-arrow li span {

    font-weight: 500;

    letter-spacing: 0.5px;

    font-size: 15px;

    font-style: italic;

}



ul.list-wt-arrow li a {

    color: #112958;

}

.timeline-content ul.description li {

    display: block;

    position: relative;

    padding-left: 28px;

    padding-bottom: 0px;

    font-weight: 400;

    line-height: 20px;

    /* text-align: justify; */

}

.timeline-content ul.description li:before {

    position: absolute;

    top: 0;

    left: 0;

    content: "👉";

    /* font-family: FontAwesome; */

    color: #e91e63;

    font-size: 16px;

}



.timeline-content ul.description li span {

    font-weight: 500;

    letter-spacing: 0.5px;

    font-size: 15px;

    font-style: italic;

}



.timeline-content ul.description li a {

    color: #112958;

}

.tptsidebaroff {

    padding: 0px;

    height: 100%;

    background: #fff;

    border-top: 1px solid #ddd;

    border-top-style: dotted;

}



.tptsidebaroff .menu-off-icon {

    border-radius: 0px;

}



.offcanvas.show:not(.hiding) .widget-area.mb-30,

.offcanvas.showing .widget-area.mb-30 {

    position: relative;

    top: 0;

}



.offcanvas.show:not(.hiding) .widget-area .sub-menu,

.offcanvas.showing .widget-area .sub-menu {

    padding: 5px;

}



.widget-area.mb-30 {

    /* position: fixed; */

    position: sticky;

    top: 170px;

}



.widget-area .sub-menu {

    background: #fff;

    padding: 15px 15px 40px;

    /* box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07); */

    box-shadow: rgb(248 248 248) 0px 0px 0px 0px;

}



.widget-area .sub-menu .sub-list-menu {

    padding-left: 1rem;

}



.tpt-sidebar .offcanvas-header {

    border-bottom: 1px solid #ddd;

    border-bottom-style: dashed;

}



.tpt-sidebar .offcanvas-header .btn-close.btn-close-white i {

    color: aliceblue;

}



ul.sub-list-menu li {

    border: none;

    position: relative;

    padding: 6px 0 6px 14px;

    margin: 0;

    font-size: 16px;

}



ul.sub-list-menu li a {

    color: #001d86;

    padding-left: 4px;

}



ul.sub-list-menu li a:after {

    content: "\27AD";

    /* font-family: FontAwesome; */

    font-style: normal;

    font-weight: 400;

    text-decoration: inherit;

    position: absolute;

    left: -5px;

    top: 5px;

    font-size: 24px;

    color: #21a7d0;

}



ul.sub-list-menu li.no-arrow a:after {

    display: none;

}



h3.widget-title {

    color: #111;

    font-size: 20px;

    line-height: 26px;

    font-weight: 600;

    position: relative;

    z-index: 1;

    padding-bottom: 12px;

}



h3.widget-title:before {

    content: "";

    position: absolute;

    border: 0;

    width: 50px;

    height: 2px;

    background: #21a7d0;

    z-index: 1;

    margin-left: 0;

    bottom: 0;

    left: 0;

}



.widget-area .sub-menu.lab {

    padding: 20px 15px 20px;

}



.section-box .img-box.stack-lib {

    background-image: url("../images/admissions.jpg");

}



.section-box .img-box {

    background-position: 50%;

    background-size: cover;

    color: #fff;

}



.section-box .img-box:before {

    background: #b01f2438;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 1;

}



.section-box .img-box h1 {

    position: relative;

    z-index: 2;

}



.section-box .collection-content {

    background: #fff;

    padding: 10px;

}



.section-box .img-box {

    padding: 25px;

    position: relative;

    text-align: center;

}



.img-service {

    height: 100%;

    margin: auto;

    padding: 15px;

    position: relative;

    text-align: center;

    vertical-align: middle;

}



.services-box {

    background: transparent;

    /* border: 1px solid #dddddd69; */

    margin-bottom: 15px;

}

.science-clr .services-box{
border: 1px solid #dddddd69;
}

.img-service .service-img {

    text-align: center;

    width: 50px;

}



.services-box .main-ser-box {

    padding: 15px 15px 15px 15px;
    height: 100%;

}



.services-box .main-ser-box .img-box h1 {

    color: #b01f24;

}



.services-box .main-ser-box .content-desp p {

    margin-bottom: 0;

}



.icon-syllbus {

    padding-right: 8px;

}



.styllabus-list {

    padding: 8px;

    background: #fff;

    border: 1px solid #ddd;

    border-style: dashed;

    margin-bottom: 8px;
    height: 100%;

}

.list-th {
    padding: 15px;
    border-top: 1px solid #ddd;
    margin-top: 15px;
    padding-top: 10px;
}

.conten-link a {

    color: #243561;

}



.conten-link a:hover {

    color: #21a7d0;

}



.course-details-box {

    /* background: #f2f2f2ab; */

    margin: 15px;

    /* box-shadow: rgb(0 0 0 / 5%) 0px 1px 2px 0px; */

}



.course-details-box .row {

    /* background: #f2f2f2; */

    background: #e5e5e500;

}



.course-details-box .civil-eng-content {

    /* padding: 30px 25px; */

    height: 100%;

    padding-bottom: 0px;

}



/* .img-box {

    height: 100%;

} */



/* .img-box img {

    height: 100%;

} */



.prfole-section-box {

    background: #e6e6e6;

    /* height: 100%; */

}



.profile-box {

    padding: 25px 25px 15px 25px;

}



.profile-box {

    text-align: center;

    padding: 15px;

}



.profile-box img {

    width: 100%;

}



.profile-body {

    text-align: center;

    padding-bottom: 15px;

    background: #fff;

    padding-top: 15px;

}



.profile-contents {

    padding: 15px;

    background: #fff;

}



nav.social-media-links-prof a {

    margin: 5px;

}



.social-link-footer {

    text-align: center;

    padding: 15px;

}



nav.social-media-links-prof a .fa-facebook-f {

    color: #3b5998;

}



nav.social-media-links-prof a .fa-twitter {

    color: #3cf;

}



nav.social-media-links-prof a .fa-linkedin-in {

    color: #0077b5;

}



nav.social-media-links-prof a .fa-instagram {

    color: #fb3958;

}



.designations-prof {

    color: var(--bs-pink);

}



/* princiapl messale */

blockquote.default {

    border-left-color: #656d77;

    border-right-color: #434a53;

}



.profile-contents blockquote {

    display: block;

    background: #fff;

    padding: 15px 20px 15px 45px;

    margin: 0 0 20px;

    position: relative;

    font-family: 'Poppins', sans-serif;

    font-size: 14px;

    line-height: 1.2;

    color: #666;

    -moz-box-shadow: 2px 2px 15px #ccc;

    -webkit-box-shadow: 2px 2px 15px #ccc;

    box-shadow: 2px 2px 15px #ccc;

    border-left-style: solid;

    border-left-width: 15px;

    border-right-style: solid;

    border-right-width: 2px;

}



blockquote::before {

    content: "\201C";

    font-family: 'Poppins', sans-serif;

    font-size: 60px;

    font-weight: bold;

    color: #999;

    position: absolute;

    left: 10px;

    top: 5px;

}



blockquote::after {

    content: "";

}



span.Cdefault {

    color: #434a53;

}



blockquote.default p {

    margin-top: 5px;

    padding-left: 10px;

    font-weight: 600;

}



/* timeline */

.main-timeline5 {

    overflow: hidden;

    position: relative

}



.main-timeline5 .timeline {

    position: relative;

    margin-top: -135px;

}



.main-timeline5 .timeline:first-child {

    margin-top: 0

}



.main-timeline5 .timeline-icon,

.main-timeline5 .year {

    margin: auto;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0

}



.main-timeline5 .timeline:after,

.main-timeline5 .timeline:before {

    content: "";

    display: block;

    width: 100%;

    clear: both

}



.main-timeline5 .timeline:before {

    content: "";

    width: 100%;

    height: 100%;

    /* box-shadow: -8px 0 5px -5px rgba(0, 0, 0, .5) inset; */

    position: absolute;

    top: 0;

    right: 0;

    z-index: 0

}



.main-timeline5 .timeline-icon {

    width: 180px;

    height: 180px;

    border-radius: 50%;

    border: 15px solid transparent;

    border-top-color: #f44556;

    border-right-color: #f44556;

    z-index: 1;

    transform: rotate(45deg)

}



.main-timeline5 .year {

    display: block;

    width: 80px;

    height: 80px;

    line-height: 82px;

    border-radius: 50%;

    background: #fff;

    box-shadow: 0 0 20px rgba(0, 0, 0, .4);

    font-size: 22px;

    font-weight: 600;

    color: #f44556;

    text-align: center;

    transform: rotate(-45deg)

}



.main-timeline5 .timeline-content {

    width: 40%;

    float: right;

    background: #f4f4f4 !important;

    padding: 30px 20px;

    margin: 50px 0;

    z-index: 1;

    position: relative;

    height: 200px;

    display: flex;

    align-items: center;

    border-radius: 75px;

}



.main-timeline5 .timeline-content:before {

    content: "";

    width: 10%;

    height: 15px;

    background: #f44556;

    position: absolute;

    top: 50%;

    left: -10%;

    z-index: -1;

    transform: translateY(-50%)

}



.main-timeline5 .title {

    font-size: 20px;

    font-weight: 700;

    color: #424242;

    margin: 0 0 10px

}



.main-timeline5 .description {

    font-size: 16px;

    color: #424242;

    line-height: 24px;

    margin: 0

}



/* .main-timeline5 .timeline:nth-child(2n):before {

    box-shadow: 8px 0 5px -5px rgba(0, 0, 0, .5) inset

} */



.main-timeline5 .timeline:nth-child(2n) .timeline-icon {

    transform: rotate(-135deg);

    border-top-color: #e97e2e;

    border-right-color: #e97e2e

}



.main-timeline5 .timeline:nth-child(2n) .year {

    transform: rotate(135deg);

    color: #e97e2e

}



.main-timeline5 .timeline:nth-child(2n) .timeline-content {

    float: left;

    border-radius: 75px;

}



.main-timeline5 .timeline:nth-child(2n) .timeline-content:before {

    left: auto;

    right: -10%;

    

}



.main-timeline5 .timeline:nth-child(2n) .timeline-content,

.main-timeline5 .timeline:nth-child(2n) .timeline-content:before {

    background: #e97e2e

}



.main-timeline5 .timeline:nth-child(3n) .timeline-icon {

    border-top-color: #13afae;

    border-right-color: #13afae

}



.main-timeline5 .timeline:nth-child(3n) .year {

    color: #13afae

}



.main-timeline5 .timeline:nth-child(3n) .timeline-content,

.main-timeline5 .timeline:nth-child(3n) .timeline-content:before {

    background: #13afae

}



.main-timeline5 .timeline:nth-child(4n) .timeline-icon {

    border-top-color: #105572;

    border-right-color: #105572

}



.main-timeline5 .timeline:nth-child(4n) .year {

    color: #105572

}



.main-timeline5 .timeline:nth-child(4n) .timeline-content,

.main-timeline5 .timeline:nth-child(4n) .timeline-content:before {

    background: #105572

}



@media only screen and (min-width:1200px) and (max-width:1325px) {

    .main-timeline5 .timeline {

        margin-top: -135px

    }



    .main-timeline5 .timeline-content:before {

        left: -3%

    }



    .main-timeline5 .timeline:nth-child(2n) .timeline-content:before {

        right: -3%

    }



}



@media only screen and (min-width:1200px) and (max-width:1160px) {

    .main-timeline5 .timeline {

        margin-top: -135px

    }



    .main-timeline5 .timeline-content:before {

        left: -3%

    }



    .main-timeline5 .timeline:nth-child(2n) .timeline-content:before {

        right: -3%

    }



    .main-timeline5 .timeline-content {

        height: 300px;

    }

}



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

    .main-timeline5 .timeline {

        margin-top: -165px

    }



    .main-timeline5 .timeline-content {

        height: 230px;

    }



    .main-timeline5 .timeline-content:before {

        left: 0%

    }



    .main-timeline5 .timeline:nth-child(2n) .timeline-content:before {

        right: 0%

    }

}



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

    .main-timeline5 .timeline {

        margin-top: -165px

    }



    .main-timeline5 .timeline-content:before {

        left: -2%

    }



    .main-timeline5 .timeline:nth-child(2n) .timeline-content:before {

        right: -2%

    }



    .subcontent-box {

        padding: 15px;

    }

}



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

    .main-timeline5 .timeline {

        margin-top: 0;

        overflow: hidden

    }



    .main-timeline5 .timeline-content {

        height: 100%;

    }



    .main-timeline5 .timeline:before,

    .main-timeline5 .timeline:nth-child(2n):before {

        box-shadow: none

    }



    .main-timeline5 .timeline-icon,

    .main-timeline5 .timeline:nth-child(2n) .timeline-icon {

        margin-top: -30px;

        margin-bottom: 20px;

        position: relative;

        transform: rotate(135deg)

    }



    .main-timeline5 .timeline:nth-child(2n) .year,

    .main-timeline5 .year {

        transform: rotate(-135deg)

    }



    .main-timeline5 .timeline-content,

    .main-timeline5 .timeline:nth-child(2n) .timeline-content {

        width: 100%;

        float: none;

        border-radius: 0 0 20px 20px;

        text-align: center;

        padding: 25px 20px;

        margin: 0 auto

    }



    .main-timeline5 .timeline-content:before,

    .main-timeline5 .timeline:nth-child(2n) .timeline-content:before {

        width: 15px;

        height: 25px;

        position: absolute;

        top: -22px;

        left: 50%;

        z-index: -1;

        transform: translate(-50%, 0)

    }

}



.mcd-menu {

    list-style: none;

    padding: 0;

    margin: 0;

    background: #FFF;

    /*height: 100px;*/

    border-radius: 2px;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;



    /* == */

    width: 100%;

    /* == */

}



.mcd-menu li {

    position: relative;

    /*float:left;*/

}



.mcd-menu li a {

    display: block;

    text-decoration: none;

    padding: 12px 12px;

    color: #777;

    /*text-align: center;

  border-right: 1px solid #E7E7E7;*/



    /* == */

    text-align: left;

    height: 100%;

    position: relative;

    border-bottom: 1px solid #EEE;

    /* == */

}



.mcd-menu li a i {

    /*display: block;

  font-size: 30px;

  margin-bottom: 10px;*/



    /* == */

    float: left;

    font-size: 20px;

    margin: 0 10px 0 0;

    /* color: #21a7d0; */

    color: #003a63;

    /* == */



}

.visitor-box .item{

    margin: 15px;

}

.testi-style2 .media-body p{

line-height: 1.6;

}

.testi-style1 {

    background-color: #f8f8f9;

    /*    padding: 1px 40px 35px 40px;*/

    padding: 1px 11px 35px 11px;

    margin: 15px 0 30px 0;

    height: 552px;

    border-radius: 5px;

    transition: all ease .4s

}



.testi-style1:hover {

    background-color: var(--white-color);

    box-shadow: 0px 10px 31px rgba(169, 177, 193, .17)

}



.testi-style1 .testi-icon {

    /*padding: 10px;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content;

    background-color: var(--white-color);

    border-radius: 5px;

    margin: -25px 0 20px 0*/

    padding: 10px;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content;

    background-color: var(--white-color);

    border-radius: 84px;

    margin: -76px 0px 4px 94px;

}



.testi-style1 .testi-icon i {

    width: var(--icon-size, 60px);

    height: var(--icon-size, 60px);

    line-height: var(--icon-size, 60px);

    color: var(--white-color);

    font-size: 24px;

    border-radius: inherit;

    background-color: var(--theme-color);

    text-align: center;

    display: inline-block

}



.testi-style1 .testi-text {

    margin: 0 0 22px 0

}



.testi-style1 .testi-name {

    margin: 0

}



.testi-style1 .testi-degi {

    font-size: 14px;

    display: block;

    color: var(--theme-color)

}



.testi-style2 {

    background-color: #fff;

    box-shadow: 0px 10px 31px rgba(169, 177, 193, .17);

    /* border-radius: 5px; */

    padding: 25px 25px 25px 25px;

    margin: 0 0 35px 0;

    /* max-height: 450px;

    min-height: 350px; */

}

.react-multi-carousel-dot-list{

    margin: 5px!important;

}

.react-multiple-carousel__arrow--left {

    left: calc(0% + 1px)!important;

}

.react-multiple-carousel__arrow--right {

    right: calc(0% + 1px)!important;

}

.testi-style2 .testi-body {

    /* display: flex; */

    margin: 0 0 12px 0

}

.etn-atend-btn {

    text-align: end;

}

.testi-style2 .author-img {

    /* width: 80px!important; */

    height: 186px;

    overflow: hidden;

    margin: 0px;

    border-radius: 5px;

}



.testi-style2 .testi-text {

    line-height: 30px;

    font-size: 16px;

    font-style: italic

}



.testi-style2 .testi-name {

    font-size: 18px;

    font-weight: 600;

    margin: 0 0 2px 0

}



.testi-style2 .testi-degi {

    font-size: 14px;

    color: var(--theme-color)

}



.testi-style2-slide {

    margin-top: -30px

}



.testi-style2-slide .testi-style2 {

    box-shadow: 0px 10px 21px rgba(169, 177, 193, .15);

    margin-top: 30px

}



.author-style1 {

    display: flex;

    border-radius: 15px;

    position: relative;

    padding: 30px;

    margin: 0 0 30px 0;

    transition: all ease .4s;

    box-shadow: none;

    background-color: rgb(255 255 255 / 93%);

    cursor: pointer;

}



.author-style1:before {

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    width: 5px;

    height: 20px;

    background-color: var(--theme-color);

    border-radius: 9999px;

    margin: -10px 0 0 0;

    transition: all ease .4s;

    opacity: 0;

    visibility: hidden

}



.author-style1 .author-name {

    margin: 0

}



.author-style1 .author-degi {

    color: var(--theme-color);

    font-size: 14px

}



.author-style1 .author-img {

    margin: 0 15px 0 0;

    width: 60px;

    border-radius: 50%;

    overflow: hidden

}

.testi-style2 .media-body {

    display: -webkit-box;

    -webkit-line-clamp: 5;

    -webkit-box-orient: vertical;

    overflow: hidden;

}

/* == */

.mcd-menu li a p {

    float: left;

    margin: 0;

}



/* == */



.mcd-menu li a strong {

    /*display: block;*/

    /* text-transform: uppercase; */

    font-weight: 400;

}



.mcd-menu li a small {

    display: block;

    font-size: 10px;

}



.mcd-menu li a i,

.mcd-menu li a strong,

.mcd-menu li a small {

    position: relative;



    transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -webkit-transition: all 300ms linear;

}



.mcd-menu li:hover>a i {

    opacity: 1;



}



.mcd-menu li:hover a strong {

    opacity: 1;



}



.mcd-menu li:hover a small {

    opacity: 1;



}



.mcd-menu li:hover>a {

    color: #e67e22;

}



.mcd-menu li a.active {

    position: relative;

    color: #273c66;

    border: 0;

    /*border-top: 4px solid #e67e22;

  border-bottom: 4px solid #e67e22;

  margin-top: -4px;*/

    box-shadow: 0 0 5px #ddd;

    -moz-box-shadow: 0 0 5px #ddd;

    -webkit-box-shadow: 0 0 5px #ddd;



    /* == */

    /* border-left: 4px solid #ddd; */

    border-right: 4px solid #ddd;

    margin: 0 -4px;

    /* == */

}



.mcd-menu li a:hover {

    position: relative;

    color: #273c66;

    border: 0;

    box-shadow: 0 0 5px #ddd;

    -moz-box-shadow: 0 0 5px #ddd;

    -webkit-box-shadow: 0 0 5px #ddd;

    /* border-left: 4px solid #ddd; */

    border-right: 4px solid #ddd;

    margin: 0 -4px;

}



.mcd-menu li a.active:before {

    content: "";

    position: absolute;

    /*top: 0;

  left: 45%;

  border-top: 5px solid #e67e22;

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;*/



    /* == */

    top: 42%;

    left: 0;

    /* border-left: 5px solid #DDD; */

    border-top: 5px solid transparent;

    border-bottom: 5px solid transparent;

    /* == */

}



/* == */

.mcd-menu li a.active:after {

    content: "";

    position: absolute;

    top: 42%;

    right: 0;

    border-right: 5px solid #ddd;

    border-top: 5px solid transparent;

    border-bottom: 5px solid transparent;

}



@media only screen and (min-width: 960px) and (max-width: 1199px) {

    .mcd-menu {

        margin-left: 10px;

    }

}



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

    .mcd-menu {

        width: 100%;

    }



    .mcd-menu li a {

        height: 100%;

    }



    .mcd-menu li a i {

        font-size: 22px;

    }



    .mcd-menu li a strong {

        font-size: 12px;

    }



    .mcd-menu li a small {

        font-size: 10px;

    }





}



/*  */

.breadcrum-sec {

    position: relative;



    background-position: center center;

    background-size: cover;

    height: 230px;

}



section.breadcrum-sec:before {

    content: "";

    background: #003a636e;

    position: absolute;

    top: 0px;

    bottom: 0px;

    width: 100%;

    height: 100%;

}



.neato-header {



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

    color: white;

    min-width: 60%;

    padding: 30px;

    text-align: center;

    position: absolute;

    left: 50%;

    top: 42%;


    border: 3px solid white;

    border-top: none;

}



.neato-header h1,

.neato-header h2 {

    letter-spacing: 0.05em;

}



.neato-header h1 {

    font-size: 26px;

    font-family: 'Aleo', serif;

    text-transform: uppercase;

}



.neato-header h2 {

    transform: translate(0, -50%);

    font-family: 'Aleo', serif;

    font-weight: italic;

    font-size: 21px;

    overflow: hidden;

    margin: -28px -33px 5px -33px;

    position: absolute;

    width: calc(100% + 6px);

}



.neato-header h2:before,

.neato-header h2:after {

    content: "";

    position: absolute;

    width: 100%;

    margin-top: -2px;

    border-top: 3px solid white;

    top: 50%;
    

}



.neato-header h2:before {

    transform: translate(-100%, 0);

    margin-left: -30px;

}



.neato-header h2:after {

    margin-left: 30px;

}



/* tabl design */



.content-table {

    border-collapse: collapse;

    margin: 25px 0;

    font-size: 0.9em;

    min-width: 400px;

    border-radius: 5px 5px 0 0;

    overflow: hidden;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);

}



.content-table thead tr {

    background-color: #21a7d0;

    color: #ffffff;

    text-align: left;

    font-weight: bold;

}



.content-table th {

    color: #fff;

}



.content-table th,

.content-table td {

    padding: 12px 15px;

}



.content-table tbody tr {

    border-bottom: 1px solid #dddddd;

}



.content-table tbody tr:nth-of-type(even) {

    background-color: #f3f3f3;

}



.content-table tbody tr:last-of-type {

    border-bottom: 2px solid #21a7d0;

}



.content-table tbody tr.active-row {

    font-weight: bold;

    color: #21a7d0;

}



/* resize table */

.rwd-table {

    margin: auto;

    min-width: 300px;

    max-width: 100%;

    border-collapse: collapse;

    color: #333;

    border-radius: .4em;

    overflow: hidden;

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;
 

}

.rwd-table thead tr th {
    background-color: #850285!important;
}
.rwd-table td {
        color: #000;
        display: block;
}
.rwd-table .center-vertical{
    text-align: center;
    vertical-align: middle;
}
.rwd-table th {

    color: #fff;
    display: none;
}

/* .rwd-table tbody td {
    background-color: #ffffff;
} */

.rwd-table thead tr:first-child {

    border-top: none;

    background-color: #ffffff;

    color: #fff;

}



.rwd-table tbody tr:last-of-type {

    /* border-bottom: 2px solid #21a7d0; */
    border-bottom: 2px solid #ffffff;

}



.rwd-table tr {

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    background-color: #f3f3f3;
    /* background-color: #ffffff; */

}



.rwd-table tr:nth-child(odd):not(:first-child) {

    /* background-color: #e6e6e6; */
    background-color: #ffffff;

}


.rwd-table td:first-child {

    margin-top: 0;

}



.rwd-table td:last-child {

    margin-bottom: .5em;

}



.rwd-table td:first-child:before {

    content: '';

    font-weight: bold;

    width: 0;

    display: inline-block;

    color: #000;

}


.rwd-table td:before {

    /* content: attr(data-th) " : "; */
content: '';
    font-weight: bold;

    width: 30%;

    display: inline-block;

    color: #000;

}

.rwd-table th,

.rwd-table td {

    text-align: left;
    padding: .5em 1em;

}


.rwd-table tr {

    border-color: #bfbfbf;
vertical-align: middle;
}

.dsm-none {

    display: none !important;

}


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

    .rwd-table tr:nth-child(2) {

        border-top: none;

    }

}



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

    .rwd-table tr:hover:not(:first-child) {

        /* background-color: #d8e7f3; */
        background-color: #ffffff;

    }



    .dsm-none {

        display: block !important;

    }



    .rwd-table td:before {

        display: none;

    }



    .rwd-table th,

    .rwd-table td {

        display: table-cell;

        padding: .25em .5em;

    }



    .rwd-table th:first-child,

    .rwd-table td:first-child {

        padding-left: 0;

    }



    .rwd-table th:last-child,

    .rwd-table td:last-child {

        padding-right: 0;

    }



    .rwd-table th,

    .rwd-table td {

        padding: 1em !important;

    }

}



.reser-details {

    padding: 15px 25px 15px 25px;

    text-align: center;

    background: #dddddd38;

    border: 1px solid #fff;

    margin-bottom: 15px;

    border-style: dashed;

    --tw-shadow: -2px 2px 0 0 #ddd;

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}



.heading-title {

    border-bottom: 1px solid #ddd;

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

    /* padding: 10px; */

    padding-bottom: 5px;

}



.decsp-contents {

    padding-top: 10px;

    text-align: justify;

    display: flex;

    justify-content: center;

}



.line-right {

    border-right: 1px solid #ddd;

    padding-right: 8px;

    margin-right: 8px;

}



.heading-title h1 {

    color: #003a63;

}



.boxshadow {

    --tw-shadow: -20px 20px 0 0 #0098C7;

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}



/* .bg-history {

    background-image: url('../images/sona-group.webp');

    background-attachment: fixed;

    background-size: contain;

} */



.bg-history .profile-contents {

    background: #fff;

    /* margin: 25px; */

    padding: 15px 25px 15px 25px;

}



/* .bg-history .profile-contents p {

    color: #fff;

}



.bg-history .page-sub-title {

    color: #fff;

} */



/* .text-grey-h {

    color: #f2f8ff;

} */



.conten-histry {

    padding: 25px;

    /* background: #f0f8ff42; */

}

.bg-admission{

    background-image: url('../../assets/images/subbanners/tpt-department.jpg');
    height: 300px!important;
}
.bg-contact{
    background-image: url('../../assets/images/subbanners/contact.jpg');
}
.bg-civil{

    background-image: url('../../assets/images/subbanners/civil-engineering.webp');
    height: 300px!important;

}
.bg-mech{
   background-image: url('../../assets/images/subbanners/mechanical-engineering.webp');
height: 300px!important;
 
}
.bg-eee{
    background-image: url('../../assets/images/subbanners/electrical-electronics-engineering.webp');
        height: 300px !important;
}
.bg-ece {
    background-image: url('../../assets/images/subbanners/electronics-communication-engineering.webp');
    height: 300px !important;
}
.bg-pe {
    background-image: url('../../assets/images/subbanners/production-engineering.webp');
     height: 300px !important; 
}
.bg-cs {
    background-image: url('../../assets/images/subbanners/computer-engineering.webp');
    height: 300px !important;
}
.bg-textile {
    background-image: url('../../assets/images/subbanners/textile-technology.webp');
    height: 300px !important;
}
.bg-architech {
    background-image: url('../../assets/images/subbanners/architectural-assistantship.webp');
    height: 300px !important;
}
.bg-agritech{
    background-image: url('../../assets/images/subbanners/agriculutural-technology.webp');
    height: 300px !important;
}
.bg-press{
    background-image: url('../../assets/images/subbanners/agriculutural-technology.webp');
    height: 250px !important;
}
.bg-library {
    background-image: url('../../assets/images/subbanners/library-banner.webp');
    height: 300px !important;
}

.bg-science{ 
background-image: url('../../assets/images/subbanners/science-humanities.webp');
    height: 300px !important;
}
.bg-scl{
    background-image: url('../../assets/images/subbanners/scl.jpg');
}
.bg-lms{
    background-image: url('../../assets/images/subbanners/lms.jpg');
}
.bg-sf {
    background-image: url('../../assets/images/subbanners/sf.jpg');
}
.bg-tpt {
    background-image: url('../../assets/images/subbanners/tpt.jpg');
    height: 300px !important;
}
.bg-primerecruiters{ 
    background-image: url('../../assets/images/subbanners/primerecruiters.jpg');
    height: 300px !important;
}
.bg-placements {
    background-image: url('../../assets/images/subbanners/placement.jpg');
    height: 300px !important;
}
.bg-photocompetition{
    background-image: url('../../assets/images/subbanners/photograpghy-banner.webp');
    height: 400px !important;
}
#notfound {

    position: relative;

    height: 100vh;

}

.br-3px-l{
        border: 4px solid #dedede;
}

#notfound .notfound {

    position: absolute;

    left: 50%;

    top: 50%;

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

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

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

}



.notfound {

    max-width: 710px;

    width: 100%;

    padding-left: 190px;

    line-height: 1.4;

}



.notfound .notfound-404 {

    position: absolute;

    left: 0;

    top: 0;

    width: 150px;

    height: 150px;

}



.notfound .notfound-404 h1 {

    font-family: passion one, cursive;

    color: #00b5c3;

    font-size: 150px;

    letter-spacing: 15.5px;

    margin: 0;

    font-weight: 900;

    position: absolute;

    left: 50%;

    top: 50%;

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

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

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

}



.notfound h2 {

    font-family: raleway, sans-serif;

    color: #292929;

    font-size: 28px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 2.5px;

    margin-top: 0;

}



.notfound p {

    font-family: raleway, sans-serif;

    font-size: 14px;

    font-weight: 400;

    margin-top: 0;

    margin-bottom: 15px;

    color: #333;

}



.notfound a {

    font-family: raleway, sans-serif;

    font-size: 14px;

    text-decoration: none;

    text-transform: uppercase;

    background: #fff;

    display: inline-block;

    padding: 15px 30px;

    border-radius: 40px;

    color: #292929;

    font-weight: 700;

    -webkit-box-shadow: 0 4px 15px -5px rgb(0 0 0 / 30%);

    box-shadow: 0 4px 15px -5px rgb(0 0 0 / 30%);

    -webkit-transition: .2s all;

    transition: .2s all;

}

.examination .adm-name-c {

    padding: 15px;

}

.w-15px{

    width: 20px;

}

.content-exam {

    padding: 15px;

    border-top: 1px solid #ddd;

}

.bg-testing{
    background-image: url('../images/civil-testing.jpg');
    height: 300px!important;
}
.bg-guidance {
    background-image: url('../images/subbanners/career-guidance.webp');
    height: 400px!important;
}
.bg-learning {
    background-image: url('../images/subbanners/e-learning.webp');
    height: 300px!important;
}
.bg-eco {
    background-image: url('../images/subbanners/eco-club.webp');
    height: 300px!important;
}
.bg-arts {
    background-image: url('../images/subbanners/fine-arts.webp');
    height: 300px!important;
}
.bg-mandram {
    background-image: url('../images/subbanners/tamil-mandram.webp');
    height: 300px!important;
}
.bg-wid {
    background-image: url('../images/subbanners/women-development.webp');
    height: 300px!important;
}
.bg-yrc {
    background-image: url('../images/subbanners/yrc.webp');
    height: 300px!important;
}



.testing-details-box {

    background: #f2f2f2ab;

    margin: 15px;

    box-shadow: rgb(0 0 0 / 5%) 0px 1px 2px 0px;

    --tw-shadow: -4px 4px 0 0 #003a63;

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}

.testing-eng-content {

    padding: 15px;

}

.ext-icon {

    background: #003a63;

    width: 60px;

    border-radius: 100%;

    /* height: 100%; */

    text-align: center;

}

.p-15 {

    padding: 6px;

}

.mt-30{

    margin-top: 30px;

}

.listdoc {

    padding: 25px 30px;

    border: 1px solid #ddd;

    background: #e1e1e11f;

}

.bx-sub-title {

    font-size: 16px;

    font-weight: 500;

}

.lib-work-time {

    padding: 15px;

    background: #f6f4f4de;

}

/* .react-multi-carousel-list {

    background: #ffffff63;

} */

i#nt-example1-prev {

    margin-right: 8px;

    cursor: pointer;

}

i#nt-example1-next {

    cursor: pointer;

}

.arrow-box {

    position: absolute;

    top: 12px;

    right: 15px;

}

aside.col-md-4 {

    margin-bottom: 3rem;

}

aside .item {

    float: left;

    width: 100%;

    box-shadow: 0 5px 25px rgb(0 0 0 / 15%);

    margin-bottom: 30px;

    padding: 15px;

    min-height: 100%;

    border-radius: 8px;

}

aside .item h4 {

    margin: 0 5%;

    width: 90%;

    padding: 20px 15px;

    font-size: 18px;

    font-weight: 700;

    text-align: center;

    text-transform: uppercase;

    min-height: 60px;

}

/* emit visit */

.fa-spin-fast {

    -webkit-animation: fa-spin-fast 0.2s infinite linear;

    animation: fa-spin-fast 0.2s infinite linear;

}



@-webkit-keyframes fa-spin-fast {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }



    100% {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg);

    }

}



@keyframes fa-spin-fast {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }



    100% {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg);

    }

}



.material-card {

    position: relative;

    height: 0;

    padding-bottom: calc(100% - 16px);

    margin-bottom: 6.6em;

}



.material-card h2 {

    position: absolute;

    top: calc(100% - 16px);

    left: 0;

    width: 100%;

    padding: 10px 16px;

    color: #fff;

    font-size: 1.4em;

    line-height: 1.6em;

    margin: 0;

    z-index: 10;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}



.material-card h2 span {

    display: block;

    /* color: #fff; */

}



.material-card h2 strong {

    font-weight: 400;

    display: block;

    font-size: 0.8em;

    /* color: #fff; */

}



.material-card h2:before,

.material-card h2:after {

    content: ' ';

    position: absolute;

    left: 0;

    top: -16px;

    width: 0;

    border: 8px solid;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}



.material-card h2:after {

    top: auto;

    bottom: 0;

}



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

    .material-card.mc-active {

        padding-bottom: 0;

        height: auto;

    }

}



.material-card.mc-active h2 {

    top: 0;

    padding: 10px 16px 10px 90px;

}



.material-card.mc-active h2:before {

    top: 0;

}



.material-card.mc-active h2:after {

    bottom: -16px;

}



.material-card .mc-content {

    position: absolute;

    right: 0;

    top: 0;

    bottom: 16px;

    left: 16px;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}



.material-card .mc-btn-action {

    position: absolute;

    right: 16px;

    /* top: 15px; */

    bottom: -60px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    border: 5px solid;

    width: 54px;

    height: 54px;

    line-height: 44px;

    text-align: center;

    color: #fff;

    cursor: pointer;

    z-index: 20;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}



.material-card.mc-active .mc-btn-action {

    top: 62px;

}



.material-card .mc-description {

    position: absolute;

    top: 100%;

    right: 30px;

    left: 30px;

    bottom: 54px;

    overflow: hidden;

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: all 1.2s;

    -moz-transition: all 1.2s;

    -ms-transition: all 1.2s;

    -o-transition: all 1.2s;

    transition: all 1.2s;

}



.material-card .mc-footer {

    height: 0;

    overflow: hidden;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}



.material-card .mc-footer h4 {

    position: absolute;

    top: 200px;

    left: 30px;

    padding: 0;

    margin: 0;

    font-size: 16px;

    font-weight: 700;

    -webkit-transition: all 1.4s;

    -moz-transition: all 1.4s;

    -ms-transition: all 1.4s;

    -o-transition: all 1.4s;

    transition: all 1.4s;

}



.material-card .mc-footer a {

    display: block;

    float: left;

    position: relative;

    width: 52px;

    height: 52px;

    margin-left: 5px;

    margin-bottom: 15px;

    font-size: 28px;

    color: #fff;

    line-height: 52px;

    text-decoration: none;

    top: 200px;

}



.material-card .mc-footer a:nth-child(1) {

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}



.material-card .mc-footer a:nth-child(2) {

    -webkit-transition: all 0.6s;

    -moz-transition: all 0.6s;

    -ms-transition: all 0.6s;

    -o-transition: all 0.6s;

    transition: all 0.6s;

}



.material-card .mc-footer a:nth-child(3) {

    -webkit-transition: all 0.7s;

    -moz-transition: all 0.7s;

    -ms-transition: all 0.7s;

    -o-transition: all 0.7s;

    transition: all 0.7s;

}



.material-card .mc-footer a:nth-child(4) {

    -webkit-transition: all 0.8s;

    -moz-transition: all 0.8s;

    -ms-transition: all 0.8s;

    -o-transition: all 0.8s;

    transition: all 0.8s;

}



.material-card .mc-footer a:nth-child(5) {

    -webkit-transition: all 0.9s;

    -moz-transition: all 0.9s;

    -ms-transition: all 0.9s;

    -o-transition: all 0.9s;

    transition: all 0.9s;

}



.material-card .img-container {

    overflow: hidden;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 3;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}



.material-card.mc-active .img-container {

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    left: 0;

    top: 12px;

    width: 60px;

    height: 60px;

    z-index: 20;

}



.material-card.mc-active .mc-content {

    padding-top: 5.6em;

}



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

    .material-card.mc-active .mc-content {

        position: relative;

        margin-right: 16px;

    }

}



.material-card.mc-active .mc-description {

    top: 50px;

    padding-top: 5.6em;

    opacity: 1;

    filter: alpha(opacity=100);

}



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

    .material-card.mc-active .mc-description {

        position: relative;

        top: auto;

        right: auto;

        left: auto;

        padding: 50px 30px 70px 30px;

        bottom: 0;

    }

}



.material-card.mc-active .mc-footer {

    overflow: visible;

    position: absolute;

    top: calc(100% - 16px);

    left: 16px;

    right: 0;

    height: 82px;

    padding-top: 15px;

    padding-left: 25px;

}

.hod-cs-img{
    width: 150px;
    height: 150px;
    object-fit: cover;
    object-position: top;
}



.material-card.mc-active .mc-footer a {

    top: 0;

}



.material-card.mc-active .mc-footer h4 {

    top: -32px;

}



.material-card.Red h2 {

    background-color: #dddddd;

    /* color: #fff; */

}



.material-card.Red h2:after {

    border-top-color: #dddddd;

    border-right-color: #dddddd;

    border-bottom-color: transparent;

    border-left-color: transparent;

}



.material-card.Red h2:before {

    border-top-color: transparent;

    border-right-color: #bababa;

    border-bottom-color: #bababa;

    border-left-color: transparent;

}



.material-card.Red.mc-active h2:before {

    border-top-color: transparent;

    border-right-color: #dddddd;

    border-bottom-color: #dddddd;

    border-left-color: transparent;

}



.material-card.Red.mc-active h2:after {

    border-top-color: #bababa;

    border-right-color: #bababa;

    border-bottom-color: transparent;

    border-left-color: transparent;

}



.material-card.Red .mc-btn-action {

    background-color: #d4d5d5;

}



.material-card.Red .mc-btn-action:hover {

    background-color: #dddddd;

}



.material-card.Red .mc-footer h4 {

    color: #dddddd;

}



.material-card.Red .mc-footer a {

    background-color: #dddddd;

}



.material-card.Red.mc-active .mc-content {

    background-color: #efefef;

}



.material-card.Red.mc-active .mc-footer {

    background-color: #efefef;

}



.material-card.Red.mc-active .mc-btn-action {

    border-color: #efefef;

}

.material-card h2 strong i {

    color: #003a63;

    padding-right: 25px;

}

.img-fit-h{

    height: 100%;

    object-fit: cover;

    object-position: right;

}

span.pulleting-point {

    /* font-size: 12px; */

    /* position: relative; */

    color: #003a63;

    /* top: -2px; */

}

.modal-content{
     background: #ebebeb;
}
.modal-header, form.needs-validation.enqform {
    background-color: rgba(255, 255, 255, 0.1);
}
.enqform .form-control{
    background-color: transparent;
    color: #07294D;
    border-color: #07294D;
    height: 47px;
    padding: 10px 20px;
    border-radius: 0;
}
.enqform  .form-control,
.enqform  .form-control:focus,
.enqform  .custom-file-input:focus~.custom-file-label {
    background-color: transparent!important;
    color: #07294D!important;
    border-color: #ddd!important;
}
.enqform .form-control::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #07294D;
    opacity: 1;
    /* Firefox */
}

.enqform .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #07294D;
}

.enqform .form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #07294D;
}
.modal-title.h4 {
    color: #07294D;
}
.enqform .error{

    color: #f44336;

    font-size: 12px;

}
.pos-list {
    height: 100%;
}
.service-item {
    height: 100%;
    padding: 30px;
    /* display: flex; */
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background: #fff;
    /* box-shadow: 0 0 45px rgba(0, 0, 0, .08); */
    border: 1px solid #ddd;
    border-style: dashed;
    transition: .5s;
}
.service-item .service-icon {
    margin: 0 auto 30px auto;
    width: 65px;
    height: 65px;
    transition: .5s;
}
.service-item h5,
.service-item i,
.service-item p {
    transition: .5s;
}
.text-body {
    color: #666565!important;
}
.w-35px {
    max-width: 100%;
    padding: 5px;
}
.single-teachers {
    position: relative;
}
.single-teachers .image {
    border-radius: 5px;
    overflow: hidden;
}
.single-teachers .image img {
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    width: 100%;
}
.single-teachers .cont {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    width: 80%;
    background-color: #fff;
    border-radius: 5px;
    margin: 0 auto;
    padding: 15px;
}
.single-teachers .cont h6 {
    color: #003a63;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    margin-bottom: 0px;
}
.single-teachers:hover .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.br-1-grey {
    /* background: #9e9e9e14;
    border-right: 1px solid #e0e5fa;
    border-top: 1px solid #e0e5fa; */
    border-right: 4px solid #fff;
        border-top: 4px solid #fff;
        background-color: #e6ebf3;
}
.collection-box {
    padding: 25px;
    text-align: center;
}
.collection-content h5 {
    color: #003a63;
}
.collection-content h4,h5 {
    color: #0f348c;
}
.collection-box .img-box h3,h4 {
    color: #00b7e6;
}
.small-f-16{
    font-size: 16px;
}
.card-hover .icon-box .eduprix-icon {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.card-hover .icon-box, .icon-box-65 {
    width: 60px;
    height: 60px;
}
.icon-box-65 img{
    padding: 5px;
}
small.small-f-size {
    font-size: 10px;
}
.course-boxy {
    padding: 10px;
}
.course-box {
    background: #fff;
    box-shadow: 0 0.5rem 0.5rem rgba(var(--bs-body-color-rgb), .15) !important;
}
.course-descp {
    border-top: 1px solid #ddd;
    padding: 5px;
}
.course-descp i {
    color: #003a63;
}
.f-14px, .f-14px i{
    font-size: 14px;
}
.courses-box blockquote{
box-shadow: none;
}
.contactbox .icon-box, .contactbox .contact-data{
margin: auto;
}
.contactbox a {
    color: #003a63;
}
.contactbox a:hover{
    color: #21a7d0;
}
.contactbox {
    height: 100%;
    background: #fff;
    border-style: dashed;
    border-width: 1px;
    border-color: #e8e8e8;
    padding: 5px;
}
.overdiv{
    opacity: 1;
        transform: matrix(1, 0, 0, 1, 0, 0);
}
.min-h-400{
    min-height: 400px;
}
.bg-general{
    background: #cad3d4;
}
.background-holder img{
    width: 100%;
}
.pos-relative {
    position: relative;
}
.elixir-caret {
    position: absolute;
    background-color: #fff;
    top: 50%;
    left: 50%;
    height: 25px;
    width: 25px;
    z-index: 99;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.factybox{
    padding: 15px;
}
.bg-sports{
    background-image: url('../images/subbanners/sports.jpg');
    height: 300px !important;
}
.mou-details {
    background: #fff;
    padding: 15px 25px 25px 25px;
    box-shadow: 0 0.5rem 0.5rem rgba(var(--bs-body-color-rgb), .15) !important;
}
.header-boxs {
    padding: 15px;
    background: #fff;
    box-shadow: 0 0.5rem 0.5rem rgba(var(--bs-body-color-rgb), .15) !important;
    border-bottom: 1px solid #ddd;
}
.clients-box {
    justify-content: center;
    display: flex;
    align-items: center;
    height: 100%;
}
.blue-clr th{
        color: #003a63;
}
.header-border{
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 8px;
    border-style: solid;
    border-width: 0px 0px 0px 3px;
    border-color: #C8C8C8;
}
.header-border h5{
    color: #003a63;
}
.table-bordered {
    border: 1px solid #ddd;
}
.bg-img-cap{
    background: #efefef;
}
.bg-img-cap p strong{
    color: #003a63;
}
.labimg.bg-img-cap {
    padding: 5px;
}
ol.list-wt-num li {
    padding: 3px;
    padding-left: 6px;
    padding-bottom: 5px;
    font-weight: 400;
    line-height: 25px;
}
.nav-pills li.nav-item button.nav-link {
    background: #fff;
    color: #003a63;
    border: 2px solid #003a63;
    border-radius: 25px;
    margin-left: 15px;
    margin-bottom: 15px;
}
.nav-pills li.nav-item button.nav-link.active {
    background: #003a63;
    color: #fff;
    border: 2px solid #003a63;
    border-radius: 25px;
    margin-left: 15px;
}
.achive-sec {
    box-shadow: 0 0.3rem 0.3rem rgba(var(--bs-body-color-rgb), .15)!important;
}
.achive-content {
    padding: 10px;
    background: #fff;
}
.achiveimg img {
    width: 100%;
    height: 100%;
    transform: scale(1, 1);
    transition: transform 0.2s linear;
}
.achiveimg {
    height: 300px;
}
.rbt-card {
    overflow: hidden;
    box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
    padding: 30px;
    border-radius: 6px;
    background: #fff;
    position: relative;
    height: 100%;
}

.rbt-hover {
    transition: 256ms ease-in-out;
}
.rbt-card .rbt-card-img {
    position: relative;
}
.rbt-card .rbt-card-img a {
    display: block;
}
.rbt-card .rbt-card-img a img {
    width: 100%;
    transition: 0.5s;
    object-fit: cover;
    border-radius: 6px;
}
.rbt-badge-3 {
    position: absolute;
    bottom: 23px;
    right: 20px;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1;
    background: transparent !important;
    display:none;
}
.rbt-badge-3::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: url('../images/icons/offer-badge-bg-color.svg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    z-index: -1;
    right: 0;
    bottom: 0;
}
.rbt-badge-3 span {
    font-size: 12px;
    line-height: 1.2;
    color: #ffffff;
    display: block;
    font-weight: 700;
}
.rbt-card.event-grid-card .rbt-card-body {
    padding-top: 15px;
}
.rbt-card.event-grid-card .rbt-meta {
    margin: -3px;
    margin-bottom: 10px;
}
.rbt-card.event-grid-card .rbt-meta li {
    margin: 3px;
}

.rbt-meta li {
    font-size: 14px;
    line-height: 15px;
    color: #6b7385;
    display: inline-block;
    margin: 7px;
}
.rbt-meta li i {
    margin-right: 5px;
}
.rbt-card.event-grid-card .rbt-card-body .rbt-card-title {
    margin-bottom: 22px;
}

.rbt-card .rbt-card-body .rbt-card-title {
    font-size: 26px;
}
.rbt-card .rbt-card-body .rbt-card-title a {
    color: #192335;
}
.rbt-btn.btn-sm {
    padding: 0 22px;
    font-size: 16px;
    height: 45px;
    line-height: 43px;
}

.rbt-btn.btn-border {
    background: transparent;
    border: 2px solid #e6e3f1;
    color: #192335;
    /* line-height: 57px; */
}

.rbt-btn {
    padding: 0 26px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease-in-out;
    border-radius: 6px;
    border: 0 none;
    outline: none;
}
.rbt-hover:hover {
    transform: scale(1.02);
}
.radius-round {
    border-radius: 500px !important;
}
.rbt-btn.hover-icon-reverse .icon-reverse-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.rbt-btn.hover-icon-reverse .btn-text {
    display: inline-block;
    transition: transform 0.6s 0.125s cubic-bezier(0.1, 0.75, 0.25, 1);
    /* margin-inline-start: -23px; */
}
.rbt-btn.hover-icon-reverse .btn-icon {
    display: inline-block;
    transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
    transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
}
.rbt-btn i {
    padding-left: 6px;
    display: inline-block;
    top: 2px;
    position: relative;
    font-size: 17px;
}
.rbt-btn.hover-icon-reverse .btn-icon+.btn-icon {
    margin-inline-end: 0;
    margin-inline-start: 8px;
    display: inline-block;
    margin-inline-start: 0;
    margin-inline-end: 0;
    opacity: 0;
    transform: translateX(-10px);
    transition-delay: 0s;
    order: -2;
}

.rbt-btn.hover-icon-reverse .btn-icon {
    display: inline-block;
    transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
    transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
}
.rbt-btn.hover-icon-reverse .btn-icon+.btn-icon i {
    padding-left: 0;
    padding-right: 6px;
}
.rbt-btn.btn-border:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white);
}
.rbt-btn:hover.hover-icon-reverse .btn-icon {
    opacity: 0;
    transition-delay: 0s;
    transform: translateX(10px);
}

.rbt-btn.hover-icon-reverse .btn-icon {
    display: inline-block;
    transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
    transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
}
.rbt-btn.hover-icon-reverse .btn-icon+.btn-icon {
    margin-inline-end: 0;
    margin-inline-start: 8px;
    display: inline-block;
    margin-inline-start: 0;
    margin-inline-end: 0;
    opacity: 0;
    transform: translateX(-10px);
    transition-delay: 0s;
    order: -2;
}
.rbt-btn.hover-icon-reverse .btn-icon {
    display: inline-block;
    transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
    transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
}
.rbt-btn:hover.hover-icon-reverse .btn-icon+.btn-icon {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.225s;
}
nav ul.pagination {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin-top: 10px;
}

nav ul.pagination li {
    display: inline;
    text-align: center;
}

nav ul.pagination li {
    float: left;
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    margin-left: -1px;
    border: 1px solid transparent;
    line-height: 1.5;
}

nav ul.pagination li.active {
    cursor: default;
}

nav ul.pagination li:active {
    outline: none;
}

nav ul.pagination li:first-child {
    -moz-border-radius: 50px 0 0 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px 0 0 50px;
    background-color: #fff;
}

nav ul.pagination li {
    line-height: 24px;
    background-color: #fff;
    border: 2px solid #003a63;
}

nav ul.pagination li a span {
    -moz-border-radius: 50px 0 0 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px 0 0 50px;
    width: 100px;
    color: #003a63;
}

nav ul.pagination li a {
    color: #003a63;
    padding: 8px 15px;
}

nav ul.pagination li.active a,
nav ul.pagination li.active a span {
    color: #fff;
}

nav ul.pagination li:last-child {
    -moz-border-radius: 0 50px 50px 0;
    -webkit-border-radius: 0;
    border-radius: 0 50px 50px 0;
    width: 60px;
}

nav ul.pagination li:hover {
    background-color: #003a63;
}

nav ul.pagination li:hover a,
nav ul.pagination li:hover a span {
    color: #fff;
}

nav ul.pagination li.active,
nav ul.pagination li:active {
    background-color: #003a63;
}
.events-meta ul li span {
    color: #a5a5a5;
    display: inline-block;
    font-size: 14px;
}
.events-meta ul li span i {
    color: #646464;
    font-size: 12px;
    margin-right: 4px;
}
.share-icon {
    color: #a5a5a5;
    font-size: 14px;
}
.sonacas-social-share {
    margin-left: 5px;
}
.media-icon {
    position: relative;
    display: inline-block;
    z-index: 1;
}
.media-icon.orange-color2 .popup-videos {
    color: #fff;
    background: #424242;
    animation: circle-ripple 3s linear linear infinite;
    -webkit-animation: circle-ripple 3s linear infinite;
}

.media-icon .popup-videos {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    background: #21a7d0;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    text-align: center;
}
.media-icon .popup-videos i {
    margin-left: 5px;
}
.media-icon .popup-videos i:before {
    font-size: 30px;
    line-height: 70px;
}
@keyframes circle-ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 84, 33, 0.3), 0 0 0 1em rgba(255, 84, 33, 0.3),
            0 0 0 3em rgba(255, 84, 33, 0.3), 0 0 0 5em rgba(255, 84, 33, 0.3);
    }

    100% {
        box-shadow: 0 0 0 1em rgba(255, 84, 33, 0.3),
            0 0 0 3em rgba(255, 84, 33, 0.3), 0 0 0 5em rgba(255, 84, 33, 0.3),
            0 0 0 8em rgba(255, 84, 33, 0);
    }
}

@-webkit-keyframes circle-ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 84, 33, 0.3), 0 0 0 1em rgba(255, 84, 33, 0.3),
            0 0 0 3em rgba(255, 84, 33, 0.3), 0 0 0 5em rgba(255, 84, 33, 0.3);
    }

    100% {
        box-shadow: 0 0 0 1em rgba(255, 84, 33, 0.3),
            0 0 0 3em rgba(255, 84, 33, 0.3), 0 0 0 5em rgba(255, 84, 33, 0.3),
            0 0 0 8em rgba(255, 84, 33, 0);
    }
}
.video-player .video-react .video-react-big-play-button {
    top: 50%;
    left: 50%;
}
ul.placement-address-widget li {
    padding: 5px;
}
ul.placement-address-widget li .desc i {
    margin-right: 8px;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-bottom: 2px;
    border-style: dashed;
    line-height: 16px;
}

.science-clr .main-ser-box .img-box {
    height: 100%;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}
.courses-list p{
    margin-bottom: 0;
}
.courses-list hr{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.page-enq-title {
    font-weight: 700;
    letter-spacing: 1px;
    padding-bottom: 13px;
    color: #243561;
}

#quote {
    display: block;
    border-bottom: 1px solid #CCCCCC;
    margin-top: -32px;
    margin-bottom: 32px;
}

@media (min-width: 768px) {
    #quote {
        margin: 24px;
        margin-top: -40px;
    }
}

@media (min-width: 1024px) {
    #quote {
        margin: 0 auto;
        margin-bottom: 64px;
        padding-top: 0px;
    }
}

.block-quote {
    width: 100%;
    display: block;
    height: auto;
}

@media (min-width: 1024px) {
    .block-quote {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        max-width: 1174px;
        margin: 0 auto;
        padding: 64px 0;
        padding-top: 0px;
    }
}

.block-quote__img-wrapper {
    margin-bottom: 0;
}

@media (min-width: 1024px) {
    .block-quote__img-wrapper {
        width: 524px;
        vertical-align: middle;
    }
}

@media (min-width: 1024px) and (max-width: 1230px) {
    .block-quote__img-wrapper {
        margin-left: 24px;
    }
}

.block-quote__img-wrapper img {
    width: 100%;
    position: relative;
    display: block;
}

.block-quote__content {
    padding: 32px 24px;
}

@media (min-width: 768px) {
    .block-quote__content {
        padding: 32px;
    }
}

@media (min-width: 1024px) {
    .block-quote__content {
        padding: 30px 86px 72px 90px;
        margin-left: -22px;
        vertical-align: middle;
        width: calc(99% - 495px);
    }
}

@media (min-width: 1024px) and (max-width: 1230px) {
    .block-quote__content {
        margin-right: 24px;
    }
}

.block-quote__content .decoration-line::before {
    display: block;
    position: relative;
    content: '';
    width: 192px;
    height: 4px;
    background: #FFFF00;
    left: 80px;
}

@media (min-width: 768px) {
    .block-quote__content .decoration-line::before {
        width: 160px;
    }
}

.block-quote__content .decoration-line::after {
    display: block;
    position: relative;
    content: '';
    width: 192px;
    height: 4px;
    background: #FFD100;
}

@media (min-width: 768px) {
    .block-quote__content .decoration-line::after {
        width: 160px;
    }
}

.block-quote__content-quote,
.block-quote__content-quote>p {
    margin-top: 28px;
    padding-left: 24px;
    font-size: 24px;
    line-height: 27px;
    font-weight: bold;
    text-indent: -1em;
    quotes: "\201C" "\201D" "\2018" "\2019";
}

@media (min-width: 768px) {

    .block-quote__content-quote,
    .block-quote__content-quote>p {
        padding-left: 14px;
        text-indent: -0.55em;
        font-size: 28px;
        line-height: 32px;
    }
}

.block-quote__content-quote::before,
.block-quote__content-quote>p::before {
    content: open-quote;
    margin-right: 11px;
}

@media (min-width: 768px) {

    .block-quote__content-quote::before,
    .block-quote__content-quote>p::before {
        margin-right: 0;
    }
}

.block-quote__content cite {
    font-style: italic;
    line-height: 24px;
    color: #FFFFFF;
}

.block-quote__content .btn.btn--secondary.btn--transparent {
    margin-top: 24px;
}
.has-background-ucla-blue {
    background: #2774ae;
}
.has-white-text p, .block-quote__content h2 span, .block-quote__content h2 strong{
    color:#fff;
}
.block-quote__content h2 strong i{
    color: #f3c120;
}
.contact-page-section .inner-part .title {
    font-size: 36px;
    color: #101010;
    line-height: 46px;
    font-weight: 700;
    margin-bottom: 14px;
}

.contact-page-section .inner-part .title2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25em;
    color: #111;
}

.contact-page-section .inner-part p {
    font-size: 19px;
    color: #363636;
    line-height: 32px;
    font-weight: 400;
}

.contact-page-section .tpt-quick-contact {
    background-color: #f9f8f8;
    padding: 70px 150px 70px;
}

.contact-page-section .tpt-quick-contact .from-control {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #f1f1f1;
    box-shadow: 0 0 30px #eee;
    color: #363636;
    width: 100%;
    max-width: 100%;
    opacity: 1;
    border-radius: 3px;
    border: 1px solid #fff;
    color: #767676;
    background: #fff;
    padding: 10px 18px;
}

.contact-page-section .tpt-quick-contact textarea {
    height: 140px;
}

.contact-page-section .tpt-quick-contact .form-group .btn-send {
    padding: 16px 0 16px 0;
    text-transform: uppercase;
    box-shadow: 0 28px 50px 0 rgba(0, 0, 0, 0.05);
    outline: 0;
    border: none;
    padding: 12px 40px;
    border-radius: 3px;
    display: inline-block;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: #424242;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.contact-page-section .tpt-quick-contact .form-group .btn-send:hover {
    opacity: 0.9;
}

.contact-page-section .tpt-quick-contact.new-style {
    padding: 70px 60px 70px;
}

.contact-page-section .tpt-contact-box .address-item {
    padding: 50px 40px 50px 40px;
    background: #fff;
    box-shadow: 0 0 30px #fff;
    text-align: center;
    margin: 0 20px 0 0;
    border-radius: 5px 5px 5px 5px;
}

.contact-page-section .tpt-contact-box .address-item .icon-part {
    padding-bottom: 20px;
}

.contact-page-section .tpt-contact-box .address-item .icon-part img {
    width: 65px;
}

.contact-page-section .tpt-contact-box .address-item .address-text .label {
    display: block;
    color: #101010;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 10px;
}

.contact-page-section .tpt-contact-box .address-item .address-text .des {
    font-size: 17px;
    color: #031a3d;
}

.contact-page-section .tpt-contact-box .address-item .address-text .des a {
    color: #031a3d;
}

.contact-page-section .tpt-contact-box .address-item .address-text .des a:hover {
    color: #424242;
}

.contact-page-section .tpt-contact-wrap {
    padding: 40px 35px 30px 35px;
    background-color: #f9f8f8;
    border-radius: 5px 5px 5px 5px;
}

.contact-page-section .tpt-contact-wrap .address-item {
    display: flex;
    position: relative;
    margin-bottom: 40px;
}

.contact-page-section .tpt-contact-wrap .address-item .address-icon {
    margin-right: 20px;
}

.contact-page-section .tpt-contact-wrap .address-item .address-icon i {
    font-size: 35px;
    color: #424242;
}

.contact-page-section .tpt-contact-wrap .address-item .address-text .label {
    display: block;
    color: #505050;
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 10px;
    line-height: 1.2;
}

.contact-page-section .tpt-contact-wrap .address-item .address-text .des {
    font-size: 18px;
    color: #111;
    font-weight: 500;
}

.contact-page-section .tpt-contact-wrap .address-item .address-text .des a {
    color: #111;
    font-weight: 500;
}

.contact-page-section .tpt-contact-wrap .address-item .address-text .des a:hover {
    color: #424242;
}

.contact-page-section .contact-comment-box .from-control {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #f1f1f1;
    box-shadow: 0 0 30px #eee;
    color: #363636;
    width: 100%;
    max-width: 100%;
    opacity: 1;
    border-radius: 3px;
    border: 1px solid #fff;
    color: #767676;
    background: #fff;
    padding: 10px 18px;
}

.contact-page-section .contact-comment-box textarea {
    height: 140px;
}

.contact-page-section .contact-comment-box .form-group .btn-send {
    padding: 16px 0 16px 0;
    box-shadow: 0 28px 50px 0 rgba(0, 0, 0, 0.05);
    outline: 0;
    border: none;
    padding: 12px 40px;
    border-radius: 3px;
    display: inline-block;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: #424242;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    width: 100%;
    text-transform: uppercase;
}

.contact-page-section .contact-comment-box .form-group .btn-send:hover {
    opacity: 0.9;
}

.contact-page-section .contact-comment-box.new-style {
    padding: 60px 70px 60px !important;
}

.contact-page-section .contact-map {
    overflow: hidden;
}

.contact-page-section .contact-map iframe {
    float: left;
    width: 100%;
    height: 550px;
    border: none;
}

.contact-page-section .contact-map2 {
    overflow: hidden;
}

.contact-page-section .contact-map2 iframe {
    float: left;
    width: 100%;
    height: 720px;
    border: none;
}

.contact-page-section .contact-map3 {
    overflow: hidden;
}

.contact-page-section .contact-map3 iframe {
    float: left;
    width: 100%;
    height: 600px;
    border: none;
}

.contact-page-section .contact-address-section {
    text-align: center;
    margin: 0 0 50px;
}

.contact-page-section .contact-address-section .contact-info {
    background: #f9f9f9;
    display: flex;
    text-align: left;
    align-items: center;
    padding: 0 10px;
    min-height: 110px;
    border-radius: 5px;
    position: relative;
    transition: all 0.3s ease;
}

.contact-page-section .contact-address-section .contact-info .icon-part {
    margin-right: 20px;
}

.contact-page-section .contact-address-section .contact-info .icon-part i {
    color: #424242;
    font-size: 30px;
    margin: 0;
    padding: 0;
    width: 70px;
    height: 70px;
    line-height: 58px;
    border-radius: 50%;
    text-align: center;
    background: 0 0;
    border: 6px solid #ffc107;
}

.contact-page-section .contact-address-section .contact-info .content-part .info-subtitle {
    font-size: 18px;
    font-weight: 700;
    color: #505050;
    margin: 0 0 5px;
}

.contact-page-section .contact-address-section .contact-info .content-part .info-title {
    font-size: 24px;
    font-weight: 700;
    color: #111;
    margin: 0;
}

.contact-page-section .contact-address-section .contact-info .content-part a {
    color: #111;
    display: block;
}

.contact-page-section .contact-address-section .contact-info .content-part a:hover {
    color: #424242;
}

.contact-page-section .contact-address-section .contact-info:hover {
    transform: translateY(-5px);
}

.contact-page-section .contact-address-section.style2 {
    margin: 0;
}

.whats-float {
    position: fixed;
    transform: translate(108px, 0px);
    top: 50%;
    right: 0;
    width: 150px;
    overflow: hidden;
    background-color: #25d366;
    color: #FFF;
    border-radius: 2px 0 0 2px;
    z-index: 10;
    transition: all 0.5s ease-in-out;
    vertical-align: middle
}

.whats-float a span {
    color: white;
    font-size: 15px;
    padding-top: 8px;
    padding-bottom: 10px;
    position: absolute;
    line-height: 16px;
    font-weight: bolder;
}

.whats-float i {
    font-size: 30px;
    color: white;
    line-height: 30px;
    padding: 10px;
    transform: rotate(0deg);
    transition: all 0.5s ease-in-out;
    text-align: center;

}

.whats-float:hover {
    color: #FFFFFF;
    transform: translate(0px, 0px);
}

.whats-float:hover i {
    transform: rotate(360deg);
}
.sidebar-split{
  margin-left: 15px;
/* border-left: 1px solid #ff9800;   */

/* box-shadow: 0 .1rem 0.2rem rgba(var(--bs-body-color-rgb), .1) !important; */
box-shadow: 0 0.1px 1px rgba(var(--bs-body-color-rgb), 0.2) !important;
}
.letterspacetpt{
    letter-spacing: 2px;
}

.tpt-slider-section .item .cover .readmorebutton {
    position: absolute;
    height: 90px;
    width: 20%;
    /* background: red; */
    bottom: 5%;
}

.eeelabimg img{
    width: 100%;
        height: 200px;
        object-fit: cover;
}

.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}
.eventsmonthlistimages{
    width: 100%;
        height: 250px;
        object-fit: cover;
}
.eventsmonthlistbg {
    background: #f7f7f7;
}

.spinnerroateloading{
        width: 24px;
        height: 24px;
        --c: radial-gradient(farthest-side, #003a63 92%, #0000);
        background: var(--c) 50% 0,
            var(--c) 50% 100%,
            var(--c) 100% 50%,
            var(--c) 0 50%;
        background-size: 5.8px 5.8px;
        background-repeat: no-repeat;
        animation: spinner-kh173p 1s infinite;
    }

    @keyframes spinner-kh173p {
        to {
            transform: rotate(.5turn);
        }
    }
    
    
        .bgvirtualtour {
            background-image: url(../../assets/images/tpt-entrance-bg.webp);
            background-size: 100% 100%;
           
        }

        .bgvirtualtourin{
            background-color: #000000;
        }
    .rbt-cat-box-1.image-overlaping-content .inner.virtual{
        height: 270px !important;
    }

        @keyframes rotate {
            0% {
                transform: rotate(0deg);
            }
    
            100% {
                transform: rotate(360deg);
            }
        }
    
        .rotate-infinite {
            animation: rotate 5s ease infinite;
            /* Change the duration as needed */
            /* transform-origin: center; */
        }
                a.button.text-white.icon-read-link:hover {
                    color: #302f2f !important;
                }
                
                
            
                
.labimg {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* Center images horizontally */
    gap: 10px;
    /* Space between images */
}

.img-responsive {
    width: 100%;
    /* Make images responsive and fit their container */
    max-width: 300px;
    /* Set a max width to limit the size */
    height: 450%;
    /* Maintain aspect ratio */
}


.image-container {
    display: flex;
    /* Use flexbox for horizontal alignment */
    /* justify-content: space-between; */
    /* Space images evenly */
    flex-wrap: wrap;
    /* Allow wrapping if necessary */
}

.image-container img {
    margin: 5px;
    /* Add margin for spacing */
    max-width: 23%;
    /* Adjust width to fit four images */
    height: auto;
    /* Maintain aspect ratio */
}

.sub-title {
    
    align-items: left;
}

.left-10pes {
    display: flex;
  
    align-items: left;
 
    /* Add space between the lines */
}

.center-img {
    text-align: center;
    /* Centers text and inline elements */
}


.br-3px-l {
    border-radius: 3px;
    /* Assuming this is your intended style */
}


/* Optional: Add some margin to the images for spacing */
.col-lg-6,
.col-lg-4 {
    padding: 10px;
    /* Adjust as needed */
}


.sidebar {
    position: fixed;
    /* Fixed position */
    top: 50%;
    /* Center vertically */
    right: 0;
    /* Align to the right */
    transform: translateY(-50%);
    /* Adjust for vertical centering */
    background-color: transparent;
    /* No background */
    z-index: 1000;
    /* Ensure it appears above other content */
}


.sidebar-item {
    writing-mode: vertical-rl;
    /* Set text to flow vertically */
    text-align: center;
    /* Center the text */
    transform: rotate(180deg);
    /* Rotate text for correct orientation */
}


.sidebar-item .btn {
    background-color: #f8c146;
    /* Background color for the button */
    border: none;
    /* Remove border */
    padding: 8px 8px;
    /* Padding for the button */
    margin: 5px 0;
    /* Margin for spacing */
    font-size: 16px;
    /* Font size adjustment */
    white-space: nowrap;
    /* Prevent text wrapping */
    font-weight: bold;
}
.quote-box {
    display: inline-block;
    /* Ensures the box is only as wide as the content */
    padding: 10px 20px;
    /* Adds some padding inside the box */
    border: 2px solid #062f86;
    /* Adds a border around the box */
    border-radius: 5px;
    /* Optional: Rounds the corners */
    background-color: #f9f9f9;
    /* Optional: Light background color */
    font-weight: bold;
    /* Ensures the text is bold */
    font-size: 0.6em;
    /* Adjust the font size if needed */
    text-align: center;
    /* Centers the text within the box */
    margin: 20px auto;
    /* Centers the box horizontally and adds vertical space */
}

.contact-box {
    display: flex;
    justify-content: flex-start;
    /* Align content to the start (left side) */
    align-items: center;
    /* Vertically center the items */
}


/* Left side content (Name and Designation) */
.contact-name {
    text-align: left;
    /* Align text to the left */
    margin-right: 20px;
    /* Add some space between name and details */
}


/* Right side content (Phone and Email) */
.contact-details {
    text-align: left;
    /* Ensure text is aligned to the left */
}


/* Adjust layout for smaller screens */
@media (max-width: 768px) {
    .contact-box {
        flex-direction: column;
        align-items: flex-start;
        /* Align items to the start (left side) */
    }


    .contact-name,
    .contact-details {
        width: 100%;
        text-align: left;
        /* Ensure text is aligned to the left on smaller screens */
    }
}

.accordion-container {
    display: flex;
    justify-content: space-between;
    /* Adds space between the two items */
    gap: 20px;
    /* Optional: adds space between the two items */
}


.accordion-header {
    flex: 1;
    /* Makes each accordion header take up equal space */
}


.accordion-button {
    width: 100%;
    /* Ensure buttons take up full width of their containers */
    text-align: center;
    /* Center the button text */
}


@media (max-width: 768px) {
    .accordion-container {
        flex-direction: column;
    }
}


.sca-advertise{
    background-image: url('/assets/images/banner/sca-adv.webp');
    padding: 20px;
    background-size: cover;
}

.sca-advertise h3{
    color: yellow;
}

.norm-width-adv{
    margin: auto;
    max-width: 800px;
    background-color: rgb(0,0,0,0.4);
    padding: 20px;

}


.sca-btn {
  background-color: #fff000;
  border-radius: 12px;
  color: #000;
  cursor: pointer;
  font-weight: bold;
  padding: 10px 15px;
  text-align: center;
  transition: 200ms;
  width: 50%;
  box-sizing: border-box;
  border: 0;
  font-size: 16px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.sca-btn:not(:disabled):hover,
.sca-btn:not(:disabled):focus {
  outline: 0;
  background: #f4e603;
  box-shadow: 0 0 0 2px rgba(0,0,0,.2), 0 3px 8px 0 rgba(0,0,0,.15);
}

.sca-btn:disabled {
  filter: saturate(0.2) opacity(0.5);
  -webkit-filter: saturate(0.2) opacity(0.5);
  cursor: not-allowed;
}

.newsletter-item {
    display: flex;
    align-items: center;
    gap: 5px; /* Adjust spacing between text and icon */
  }
  
  
  .top-spacer-100{
    margin-top: 179px;
}

@media only screen and (max-width: 1244px) {
    .top-spacer-100{
        margin-top: 205px;
    }
}

@media only screen and (max-width: 822px) {
    .top-spacer-100{
        margin-top: 234px;
    }
}

@media only screen and (max-width: 768px) {
    .top-spacer-100{
        margin-top: 208px;
    }
}

@media only screen and (max-width: 585px) {
    .top-spacer-100{
        margin-top: 236px;
    }
}

@media only screen and (max-width: 575px) {
    .top-spacer-100{
        margin-top: 236px;
    }
}

@media only screen and (max-width: 540px) {
    .top-spacer-100{
        margin-top: 211px;
    }
}

@media only screen and (max-width: 310px) {
    .top-spacer-100{
        margin-top: 238px;
    }
}