@font-face {
    font-family: Poppins-SemiBold;
    src: url('../webfonts/Poppins-SemiBold.ttf');
}
@font-face {
    font-family: Poppins-Light;
    src: url('../webfonts/Poppins-Light.ttf');
}
@font-face {
    font-family: Poppins-Regular;
    src: url('../webfonts/Poppins-Regular.ttf');
}
@font-face {
    font-family: Poppins-Medium;
    src: url('../webfonts/Poppins-Medium.ttf');
}
@font-face {
    font-family: Poppins-Bold;
    src: url('../webfonts/Poppins-Bold.ttf');
}
@font-face {
    font-family: Poppins-ExtraBold;
    src: url('../webfonts/Poppins-ExtraBold.ttf');
}
@font-face {
    font-family: Oswald-Bold;
    src: url('../webfonts/static/Oswald-Bold.ttf');
}
@font-face {
    font-family: Oswald-ExtraLight;
    src: url('../webfonts/static/Oswald-ExtraLight.ttf');
}
@font-face {
    font-family: Oswald-SemiBold;
    src: url('../webfonts/static/Oswald-SemiBold.ttf');
}
@font-face {
    font-family: Oswald-Medium;
    src: url('../webfonts/static/Oswald-Medium.ttf');
}
@font-face {
    font-family: Oswald-Regular;
    src: url('../webfonts/static/Oswald-Regular.ttf');
}
:root {
    --primary: #082641;
    --dark: #333333;
    --dark-bg: #606060;
    --light: #F1F2F2;
    --yellow: #F5ECDE;
    --red: #C3212A;
    --white: #fff;
}
.dark-bg{
    background-color: #49494A;
}
.text-red{
    color: #C3212A !important;
}
.bg-red {
    background-color: #C3212A !important;
}
html, body {
    height: 100%;
    margin: 0;
}
body{
    font-family: 'Plus Jakarta Sans', sans-serif;
}
header{
    font-family: 'Plus Jakarta Sans', sans-serif;
}
/* new design of tuf header  */
.top-bar img{
    height: 25px;
    width: 25px;
    object-fit: cover;
    margin-right: 10px;
  }
  .top-bar .nav{
    min-height: 60px;
    align-items: center;
    padding-top: 10px;
  }
  .top-bar .nav .nav-item .nav-link{
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
  }
  .top-bar .nav .nav-item .quicks-links{
    color: #fff !important;
  }
  .top-bar .bg-yellow{
    background-color: #F5ECDE;
    border-radius: 10px;
  }
  .top-bar .nav .nav-item:first-of-type .nav-link{
    position: relative;
  }
  .top-bar .nav .nav-item:first-of-type .nav-link::after{
    position: absolute;
    content: "";
    width: 2px;
    height: 50%;
    right: 0;
    background: #727475;
    top: 50%;
    transform: translate(0, -50%);
  }
  .top-bar .nav .dropdown{
    background-color: #333333;
    color: #fff;
    border-radius: 25px;
  }
  .top-bar .nav .dropdown-top{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .top-bar .dropdown .dropdown-menu-show{
    display: flex;
    flex-wrap: wrap;
    border: 0;
    padding: .5rem;
    border-radius: 0;
    background-color: #333333;
    min-width: 8.8rem;
    transform: translate(0px, 40px) !important;
    inset: 0px auto auto 0px;
  }
  .top-bar .dropdown .dropdown-menu-show .dropdown-item {
    color: #ffffff;
  }
  .top-bar .dropdown-menu-show li{
    width: 100%;
    flex: 0 0 100%;
    text-transform: uppercase;
  }
  .top-bar.dropdown-menu-show .dropdown-item:focus,
  .top-bar .dropdown-menu-show .dropdown-item:hover{
    background-color: #ededed;
    color: #333333;
  }
  /* main meun under header  */
  .main-meu{
    background-color: #F5ECDE;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-meu .logo{
    width: 200px;
  }
  .main-meu  .navbar-toggler,
  .main-meu  .navbar-toggler:focus,
  .main-meu  .navbar-toggler:active
  {
    background-color: #333333;
    padding: .25rem .25rem;
    outline: 0;
    border: 0;
    box-shadow:none;
  }
  .main-meu .navbar-nav > .nav-item{
    position: relative;
    padding: 0 .5rem;
  }
  .main-meu .navbar-nav > .nav-item:not(:last-of-type)::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 35%;
    right: 0;
    background: #333333;
    top: 50%;
    transform: translate(0, -50%);
  }
  .main-meu .navbar-nav > .nav-item > .nav-link{
    color: #333333;
    font-family: Poppins-Medium;
    text-transform: uppercase;
    font-weight: 400;
    padding: 1.3rem .5rem;
  }
  .main-meu .dropdown .dropdown-menu-show{
    display: flex;
    flex-wrap: wrap;
    border: 0;
    padding: .5rem;
    border-radius: 0;
    background-color: #616161;
    min-width: 25rem;
    left: -5rem;
    top: 65px;
  }
  .main-meu .navbar-nav .left-drop-nav ul {
    left: -190% !important;
  }
  .main-meu .dropdown-menu-show li{
    width: 50%;
    flex: 0 0 50%;
  }
  .main-meu .dropdown-menu-show  .dropdown-item{
    color: #F5ECDE;
    white-space: break-spaces;
  }
  .main-meu .dropdown-menu-show .dropdown-item:focus,
  .main-meu .dropdown-menu-show .dropdown-item:hover{
    background-color: #ededed;
    color: #333333;
  }
  .dropdown-menu[data-bs-popper]{
    margin-top: 0;
  }
/* end new desig of header  */
/* registrar new design  */
.housing-wrapper .housing-main ul ,
.housing-wrapper .housing-main a ,
.housing-wrapper .points-regist{
  list-style-type: none;
  font-family: Poppins-Regular;
  font-size: 1.1rem;
  border: none;
  color: inherit;
}
.housing-wrapper .housing-main ul img {
  height: 1.25rem;
}
.housing-wrapper .housing-back{
  background-color: var(--light);
}
.housing-wrapper .housing-head{
    color: var(--red);
    font-family: Poppins-Bold;
  }
.housing-wrapper .housing-data{
  font-family: Poppins-Regular;
  font-size: 1.25rem;
  text-align: justify;
}
.housing-wrapper .points-regist li i span{
  font-family: Poppins-Regular;
  font-size: 1.25rem;
}
.housing-title {
    font-family: Poppins-Bold;
}
.housing-title img {
  height: calc(1.375rem + 1.5vw);
  width: calc(1.375rem + 1.5vw);
}
.top-banner {
    position: relative;
    text-align: center;
    color: #fff;
}
.top-banner .perfect-left {
    position: absolute;
    top: 40%;
    left: 10%;
    transform: translate(-10%, -40%);
}
.top-banner .perfect-left h1{
    font-family: Poppins-Bold;
    font-size: 4rem;
}
.top-banner .perfect-left span{
    float: left;
}
.top-banner .icon-vertical {
    background-color:var(--red);
    width: 35px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    position: absolute;
    bottom: 0;
    right: 0;
 }
.top-banner .icon-vertical i{
  font-size: 0.8rem;
  color: var(--white);
  }
  .top-navbar-quick {
    display: flex;
    justify-content: center;
}
.top-bar .nav .nav-item:nth-last-child(2) {
  position: relative;
}
.top-bar .nav .nav-item:nth-last-child(2)::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 50%;
  left: 0;
  background: #727475;
  top: 50%;
  transform: translate(0, -50%);
}
  /* residence buildiing  */
 .tuf-wings a {
  text-decoration: none;
  color: inherit;
}
.icons-residence-block h3 {
    font-family: Poppins-Bold;
}
 .tuf-wings{
  color: var(--white);
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  left: 50%;
  left: 50%;
  transform: translate(-50%, 3%);
  right: 0;
  width: max-content;
  display: none;
}
.tuf-wings h3 {
  background-color: var(--red);
}
.icons-residence-block.active .overlay-wing ,
.icons-residence-block.active .overlay-text{
  display: none;
}
.icons-residence-block.active .border-overlay ,
.icons-residence-block.active .tuf-wings
{
  display: block;
}
.housing-card ul {
  padding-left: 1rem;
}
.housing-card li {
  list-style: none;
}
.housing-card li:before {
  content: "\e604a" !important;
  font-family: 'icomoon';
  padding-right: 1rem;
  color: #c3212a;
}
/* icon section of housing  */
.icons-section .campus-res .nav-pills .nav-link {
  border-radius: 0px !important;
}
/* .campus-res .residence-camp{
  height: 375px;
} */
.overlay-text {
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.overlay-wing {
  background-color: rgba(0,0,0,0.5);
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.border-overlay {
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: none;
  border: 8px solid var(--red);
}
.icons-section a {
  color: var(--dark);
  text-decoration: none;
}
.icons-section .icons-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background-color: #F5ECDE;
  }
  .icons-section .icons-block:hover {
    background-color: var(--red);
    color: var(--light) !important;
  }
.icons-section .icons-block .icon-top-img{
    background-color: #fff;
    border-radius: 50%;
    width: 125px;
    height: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
.icons-section .icons-block .icon-top-img img{
    max-height: 100%;
    object-fit: cover;
    max-width:80px;
    max-height:80px;
  }
.icons-section .icons-block .icon-title h5{
    font-family: Poppins-Bold;
    color: inherit;
  }
  /* housing detailed start here  */
  .housing-card .card-title{
    font-family: Poppins-Bold;
  }
  .housing-card tr {
    border-color: var(--dark);
    font-family: Poppins-Regular;
    font-size: 1.15rem;
    text-align: justify;
  }
  .housing-card p ,
  .housing-card ul {
    font-family: Poppins-Regular;
    font-size: 1.15rem;
    text-align: justify;
  }
  .icons-section .icons-block .icon-directory-img img{
    max-height: 100%;
    object-fit: cover;
    max-width:80px;
    max-height:80px;
  }
  /* how to apply page  */
  .nav-pills .residence-camp  .nav-link {
    border-radius: 0px !important;
  }
  .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--red) !important;
    color: var(--light) !important;
  }
  /* info-directory-detail  */
  .info-directory-detail p {
    font-family: Poppins-Regular;
    /*font-size: 1.25rem;*/
    text-align: justify;
  }
/*Footer*/
footer{
    background: #4a4a4a;
    padding: 1.5rem 0 0 0;
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    color: #000;
  }
  .footer-section{
    position: relative;
  }
  .footer-section a p {
    margin-bottom: 0.25rem !important;
  }
  .footer-section a{
    color: #fff;
  }
  .footer-section>img{
    width: 75%;
  }
  .second-footer-section{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .second-footer-section:not(:last-of-type)::after{
    content: "";
    position: absolute;
    width: 2px;
    height: 75%;
    right: 0;
    background: #fff;
    top: 50%;
    transform: translate(0, -50%);
  }
  .second-footer-section img{
    width: 75%;
    height: 60%;
    object-fit: contain;
  }
  .second-footer-section p{
    font-family: Poppins-Medium;
    font-size: 12px;
  }
  .footer-section h5,
  .footer-section ul,
  .footer-section p{
    color: #ffffff;
  }
  .footer-section .links-details p{
    margin-bottom: .5rem;
    font-size: small;
  }
  .footer-section .links-details a{
    text-decoration: none;
    color: #ffffff;
  }
  .footer-section .social-icons img {
    width: 12%;
  }
  .footer-bottom {
    background-color: #f6efdf;
    position: relative;
    overflow: hidden;
  }
  .footer-bottom ul a {
    color: #333333;
    text-decoration: underline;
    font-size: 12px;
    font-family: 'Poppins-SemiBold';
  }
  .footer-bottom ul a:hover{
    color: inherit;
  }
  .footer-bottom ul .nav-item{
    position: relative;
  }
  .footer-bottom .nav-item:not(:last-of-type)::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 70%;
    right: 0;
    background: #333333;
    top: 50%;
    transform: translate(0, -50%);
  }
  .circle-icon {
    background: #f8ffe1;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
    padding: 10px;
    color: #d3a309;
  }
  .card-view .education .degree .edu-type{
    color: #999999;
    margin-bottom: 0;
  }
  .min-height{
    min-height: 210px;
  }
  .dropdown-item {
    font-size: 12px !important;
    font-weight: 600 !important;
  }
  .housing-office thead .title-house {
    font-family: Poppins-Bold !important;
    font-size: 1.95rem;
  }
  .housing-office thead .sub-title-house {
    font-family: Poppins-Bold !important;
    font-size: 1.5rem;
  }
  .housing-office tbody tr {
    font-family: Poppins-Bold;
  }
  .housing-office .table>:not(caption)>*>* {
    padding: 0.9rem!important;
}
.footer-logos{
  background-color: #F5ECDE;
}
.footer-logos .owl-footer-logo .item{
  border: #002c53;
  height:150px!important;
  width: 100%!important;
}
/* .footer-logos .owl-footer-logo .giu-item{
  width: 200px!important;
} */

.footer-logos .owl-footer-logo .item img{
  max-width: 100%!important;
  max-height: 100%!important;
  display: block;
  object-fit: contain;
}

@media only screen and (max-width:992px) {
    .perfect-left h1
   {
     font-family: Poppins-Bold;
     font-size: calc(1.375rem + 1.5vw) !important;
   }
}
@media (min-width: 1200px)
{
.housing-title img {
  width: 2.5rem;
  height: 2.5rem;
}
}
@media only screen and (max-width:468px) {
  .tuf-wings{
    width: inherit !important;
  }
}
.prospect-brn {
  margin-top: 40px;
}
@media only screen and (max-width: 1399px) and (min-width: 1190px)  {

  .prospect-brn {
      position: absolute;
      bottom: 0;
  }
  .search-goole {
      position: absolute;
      top: 128px;
  }
  .goog-te-gadget .goog-te-combo {
      margin: 0px!important;
  }
}
.goog-te-gadget .goog-te-combo {
  margin: 20px 0px !important;
  border-radius: 2rem !important;
  background: #fff !important;
  border: 3px solid #eeb408 !important;
  padding: 6px !important;
}
.diamond-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.diamond-list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 8px;
    font-size: 1rem;
    line-height: 1.5;
}

.diamond-list li::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 5px;
    width: 10px;
    height: 10px;
    background-color: #b32025;
    transform: rotate(45deg);
    border-radius: 1px;
}

.diamond-list li::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 7px;
    width: 5px;
    height: 5px;
    background-color: #b32025;
    border: 1.5px solid #ffffff;
    box-sizing: content-box;
    transform: rotate(45deg);
    border-radius: 0.5px;
    z-index: 1;
}

.sub_text {
    font-family: Poppins-Bold;
}
p{
    font-size: 1.15rem!important;
    font-family: Poppins-Regular;
    text-align: justify;
}