@import url('https://fonts.cdnfonts.com/css/neue-haas-grotesk-display-pro');


.fisrt-menu {
  z-index: 9999;
}


/*( =============== Pages Banner ================= */
.main-banner {
  background-image: url(../assets/images/banner/top_banner.png);
  background-size: cover;
  background-color: #F4F4F4;
}

.main-banner h2 {
  color: #2F358F;
  font-weight: bold;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
  z-index: 9999 !important;
}

.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
  color: #F02525;
}

.mobile-menu {
  display: none;
}


/* ================== Second Menu ===================== */
.second-menu {
  background-color: #EE5B31;
  color: #fff;
}

.second-menu ul {
  padding-left: 0px;
  width: 100%;
  text-align: center;
  margin-bottom: 0px;
}

.second-menu ul>li {
  list-style-type: none;
}

/* Submenu */
.second-menu ul li .sub-menu li {
  background-color: #EE5B31;
  width: 200px;
  display: none;
  border-top: 1px solid #fff;
  cursor: pointer;
}

.second-menu ul li .sub-menu li a {
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}

.second-menu ul li:hover .sub-menu li {
  display: inline-block;
}


/* Sub-menu inside Sub-menu */
.second-menu .sub-menu-menu {
  background-color: blue;
  display: inline-block;
  width: 200px;
  position: absolute !important;
  z-index: 99999;
  top: 0;
}

.second-menu ul li .sub-menu li .sub-menu-menu li {
  background-color: #EE5B31;
  width: 200px;
  display: none;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  text-align: left;
  cursor: pointer;
}

.second-menu ul li .sub-menu li .sub-menu-menu li a {
  width: 100%;
}

.second-menu ul li .sub-menu li:hover .sub-menu-menu li {
  display: inline-block;
}


/* Submenu END */



.second-menu ul li a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  transition: 0.3s ease-in-out;
}

.second-menu ul li a:hover {
  background-color: #FECA30;
  color: #000;
  transition: 0.3s ease-in-out;
}

.active-second-menu {
  background-color: #FECA30;
  color: #000 !important;
}









/* ================== Main Banner Section ================== */
.main-banner .swiper .swiper-slide .banner-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: left;
  text-decoration: none;
}

.main-banner .swiper .swiper-slide .banner-overlay .title {
  padding-top: 190px;
}

.main-banner .swiper .swiper-slide .banner-overlay .title span {
  color: #F28131;
}

.main-banner .swiper .swiper-slide .banner-overlay .title h2 {
  color: #2F358F;
  text-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
  font-size: 4rem;
  line-height: 4.5rem;
  font-weight: bolder;
}

.main-banner .swiper .swiper-slide .banner-overlay .title p {
  color: #2F358F;
}

.main-banner .swiper .swiper-slide .banner-overlay .title h4 {
  color: #2F358F;
  text-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
  font-size: 2.5rem;
  line-height: 48px;
  font-weight: bolder;
}

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

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ================ END =============== */




/* =============================== Slider Section CSS ======================== */
.slider {
  overflow: hidden;
}

.slider .card-slider .swiper .card .card-body p {
  font-size: 15px;
}

.slider .card-slider .swiper .card .card-body a {
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  transition: 0.3s ease-in-out
}

.slider .card-slider .swiper .card .card-body a:hover {
  color: #EE5B31;
  transition: 0.3s ease-in-out;
}

.slider .card-slider .swiper .card .card-header img {
  width: 90px;
  margin: 0 auto;
  padding-top: 70px;
  padding-bottom: 70px;
}

.slider .card-slider .swiper .card .card-header {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-color: #EE5B31 !important;
  border-radius: 5px !important;
  border: none;
  height: 240px;
  width: 220px;
}

.slider .card-slider .swiper-slide-active .card .card-header {
  border: 1px solid #F28131;
  transition: 0.3s ease-in-out;
}

.slider .card-slider .swiper-slide .card:hover .card-header {
  border: 1px solid red;
  transition: 0.3s ease-in-out;
}

.slider .card-slider .swiper-wrapper {
  padding: 30px;
}

.slider .content {
  background-color: #4C529F;
  color: #fff;
  padding-left: 315px;
  padding-right: 30px;
  position: relative;
}

.slider .content .title {
  font-size: 25px;
  font-weight: bolder;
  padding-bottom: 20px;
}


/* slider content */
/* .slider .content::before
{
  content: "1";
  position:absolute;
  background-color:#fff;
  width:30px;
  right:0;
  top:0;
  height:300px;
}
.slider .content::after
{
	content: "1";
    position: absolute;
    background-color: #fff;
    width: 39px;
    top: 0;
    right: 0;
    transform: rotate(29deg);
    margin-top: 271px;
    height: 42px;
    margin-right: -17px;
} */


.slider .card-slider {
  position: relative;
}

.slider .card-slider .swiper .swiper-slide {
  padding-top: 0px !important;
  margin-left: 2px;
}

.slider .card-slider::before {
  content: "";
  position: absolute;
  background-color: #4C529F;
  width: 25px;
  left: 0;
  bottom: 0;
  height: 200px;
  z-index: 999;
}

.slider .card-slider::after {
  content: "";
  position: absolute;
  background-color: #4C529F;
  width: 19px;
  left: 0;
  transform: rotate(-52deg);
  height: 35px;
  margin-top: -221px !important;
  margin-left: -5px !important;
  z-index: 99;
}


.slider .content .swiper .swiper-slide {
  background-color: transparent !important;
}

.slider .content .swiper .swiper-slide .card {
  background-color: transparent !important;
}

/* .slider .content .swiper .swiper-slide .card{background-color: red;}
.slider .content .swiper .swiper-slide {width:268px !important;} */






/* ======================= Research Enablement Section ====================== */
.research {
  position: relative;
  z-index: 1;
  color: #fff;
}

.research::before {
  content: "";
  background-color: #F28131;
  position: absolute;
  height: 100%;
  width: 75%;
  z-index: -1;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  top: 0;
}

.research ul li {
  list-style-type: none;
  border-top: 1px dotted #fff;
  padding-top: 5px;
  padding-bottom: 7px;
  line-height: 40px;
}

.research ul li a {
  color: #fff;
  text-decoration: none;
}

.research ul li a i {
  transition: 0.3s ease-in-out;
}

.research ul li a:hover i {
  margin-left: 5px;
  transition: 0.3s ease-in-out;
}










/* ======================== Counter CSS ================== */
.counter {
  background-color: #2F358F;
  color: #fff;
  position: relative;
  z-index: 1;
  padding-top: 150px;
  padding-bottom: 150px;
}

.counter::before {
  content: "1";
  width: 100%;
  top: 0;
  height: 100%;
  position: absolute;
  background-image: url(../assets/images/banner/counter.png);
  background-size: cover;
  background-attachment: fixed;
  z-index: -1;
  opacity: 0.1;
}

.counter .counter-numbers {
  padding-left: 40px;
  padding-top: 30px;
}

.counter .counter-numbers .number {
  font-weight: bold;
  font-size: 75px !important;
  font-family: 'Neue Haas Grotesk Display Pro', sans-serif;
}

.counter .left-column {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 40px;
}

.counter .left-column .text1 {
  font-size: 50px;
}

.counter .left-column .text2 {
  font-size: 50px;
  font-weight: 100;
}

.counter .left-column p {
  padding-bottom: 20px;
  padding-top: 20px;
}

.counter .left-column .button a {
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  padding: 10px 20px 10px 20px;
}

/* ======================== Counter CSS End ================== */





/* =============== Dynamic Posts CSS ============ */
.dynamic-posts .title-bar {
  box-sizing: border-box;
}

.dynamic-posts .title-bar .title h2 {
  font-weight: bold;
  color: #2F358F;
}

.dynamic-posts .title-bar .button a {
  font-weight: bold;
  color: #2F358F;
  text-decoration: none;
  border: 1px solid #2F358F;
  padding: 10px 25px 10px 25px;
}

.dynamic-posts .four-chart .row .card .card-body,
.dynamic-posts .one-chart .row .card .card-body {
  position: absolute;
  bottom: 0;
  z-index: 1;
  color: #fff;
  width: 100%;
}

.dynamic-posts .four-chart .row .card .card-body::before,
.dynamic-posts .one-chart .row .card .card-body::before {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: -1;
  background-color: #000000;
  opacity: 0.6;
}

/* Dynamic Post End Here */

.dynamic-posts .four-chart .row .card .card-img {
  overflow: hidden;
  transition: 0.3s ease-in-out;
}

.dynamic-posts .four-chart .row .card .card-img img {
  transition: 0.3s ease-in-out;
}

.dynamic-posts .four-chart .row .card:hover .card-img img {
  transform: scale(1.2);
  filter: contrast(1.40);
  transition: 0.3s ease-in-out;
}

.dynamic-posts .one-chart .row .card .card-img {
  overflow: hidden;
  transition: 0.3s ease-in-out;
}

.dynamic-posts .one-chart .row .card .card-img img {
  transition: 0.3s ease-in-out;
}

.dynamic-posts .one-chart .row .card:hover .card-img img {
  transform: scale(1.2);
  filter: contrast(1.40);
  transition: 0.3s ease-in-out;
}













/* =================== Proposal section css ====================== */
.proposal-section .title {
  background-color: #2F358F;
}

.proposal-section h2 {
  color: #fff;
  padding-bottom: 20px;
}

.proposal-section ul li {
  list-style-type: none;
}

.proposal-section ul li a {
  color: #fff;
  text-decoration: none;
}

.proposal-section ul li a i {
  transition: 0.3s ease-in-out;
}

.proposal-section ul li a:hover i {
  margin-left: 5px;
  transition: 0.3s ease-in-out;
}





/* ================== Top Footer Section CSS Start =============== */
.top-footer {
  background-color: #F4F4F4;
}

.top-footer .title {
  font-size: 17px;
  font-weight: bold;
  color: #2F358F;
}

.top-footer ul li {
  list-style-type: none;
}

.top-footer ul li a {
  text-decoration: none;
  color: #000;
  line-height: 30px;
}


.top-footer .social-media ul li a {
  color: #F28131;
  border: 1px solid #F28131;
  margin-right: 10px;
}


.top-footer .social-media ul li #youtube {
  padding: 5px 8px 5px 8px;
  border-radius: 5px;
}

.top-footer .social-media ul li #linkedin {
  padding: 5px 9px 5px 9px;
  border-radius: 5px;
}

.top-footer .social-media ul li #twitter {
  padding: 5px 8px 5px 8px;
  border-radius: 5px;
}

.top-footer .social-media ul li #facebook {
  padding: 5px 12px 5px 12px;
  border-radius: 5px;
}





/* ========== Footer Section CSS ============= */
.footer .title {
  font-size: 17px;
  font-weight: bold;
}

/* ul -> Un-ordered List CSS */
.footer ul {
  padding-left: 0px;
}

.footer ul li {
  list-style-type: none;
}

.footer ul li a {
  color: lightgray;
  text-decoration: none;
  font-size: 13px;
}

/* social media */
.footer .social-media ul li #facebook,
.footer .social-media ul li #linkedin {
  padding: 10px 20px 10px 20px;
  box-shadow: 1px 3px 10px 1px #000000;
  background-color: #000000;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 5px;
  font-size: 15px;
}

.footer .social-media ul li #twitter {
  padding: 10px 15px 10px 15px;
  box-shadow: 1px 3px 10px 1px #000000;
  background-color: #000000;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 5px;
  font-size: 15px;
}












/* ============= thrust-areas ================ */
.thrust-areas .swiper .card {
  transition: 0.3s ease-in-out;
  height: 220px !important;
}

.thrust-areas .swiper .card:hover {
  background-color: #FECA30;
  transition: 0.3s ease-in-out;
}

.thrust-areas .swiper .active {
  background-color: #FECA30 !important;
  transition: 0.3s ease-in-out;
}


.thrust-areas .thrust-area {
  display: block;
  color: #fff;
  text-decoration: none;
  position: relative;
}

.thrust-areas .thrust-area h3 {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 170px;
  font-size: 24px;
}



/* ============ Projects =============== */
.projects .card nav {
  background-color: #EDEDED;
}

.projects .card nav #nav-tab {
  margin-bottom: 0px !important;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 0px !important;
}

.projects-button {
  background-color: #2F358F;
  border-radius: 0px;
  color: #fff;
  border: 1px solid #2F358F;
  padding: 10px 20px 10px 20px;
}

.projects-button:hover {
  border: 1px solid #2F358F;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  border-radius: 0px;
  box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.1);
}


.title-arrow-key {}

.title-arrow-key .arrows ul {
  height: 100%;
  justify-content: right;
}

.title-arrow-key .arrows ul li {
  background-color: rgba(47, 53, 143, 0.1);
  ;
  width: 55px;
  box-sizing: border-box;
  margin-left: 5px;
  padding-left: 20px;
  padding-top: 15px;
}

.select2-container--default .select2-selection--single {
  height: 60px !important;
  box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.05);
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  border: 1px solid #ced4da !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 20px !important;

}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  font-size: 20px !important;
}



.thrust-area {}


/* ================== About IITH ============== */
.about-iith .title-content h1 {
  color: #2F358F;
  font-size: 2.5rem;
  font-weight: bold;
}

.about-iith .title-content a {
  color: #2F358F;
  font-size: 1.5rem;
  border: 1px solid #2F358F;
  transition: 0.3s ease-in-out;
}

.about-iith .title-content a:hover {
  background-color: #2F358F;
  color: #fff;
  transition: 0.3s ease-in-out;
}

.about-iith .right-img {
  position: relative;
}

.about-iith .right-img::before {
  content: "";
  background-color: #2F358F;
  position: absolute;
  width: 30%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: -1;
}



/* ========== wellcome section =========== */
.wellcome h1 {
  color: #2F358F;
}

.wellcome .column-left {
  position: relative;
  z-index: -2;
}

/* .wellcome .column-left img {
  z-index: ;
} */

.wellcome .column-left::before {
  content: "";
  background-color: #F28131;
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  width: 40%;
  z-index: -1;
}

.wellcome .message .content h1 {
  padding-bottom: 30px;
}

.wellcome .message .content {
  padding-top: 90px !important;
  position: relative;
  overflow: hidden;
}

.wellcome .message .content .overlay {
  position: absolute;
  top: 0;
  right: 0;
}

.wellcome .message .content img {
  margin-left: 40px;
}




/* ================== Policies Page CSS ==================== */
.policies_page table tr th {
  background-color: #EDEDED;
  padding: 10px;
  color: #2F358F;
}

.policies_page table tr td {
  padding: 10px;
}

.policies_page table tr td i {
  color: #E62D2B;
  transform: rotate(-50deg);
  margin-right: 5px;
}

ul#policy_documents {
  list-style: none;
  padding-left: 0;

}

ul#policy_documents li {
  border: 1px solid #DDDDDD;
  padding: 15px;
  margin-bottom: 11px;
  padding-left: 60px;
  /* margin-left: 30px; */
  position: relative;
}

ul#policy_documents li::before {
  position: absolute;
  content: "";
  background-image: url('../assets/icons/excel-icon.png');
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 20px;
  min-height: 22px;
  left: 14px;
}

ul#policy_documents li span {
  float: right;
}


/* Collaborations Page */
.sectors .card {
  border-radius: 0px;
}

/* application */
.application_bg {
  background-color: #2F358F;
  padding: 120px 250px;

}

.application_form {
  background-color: #fff;
}

.application_title {
  background-color: #F38923;

}

.application_title h2 {
  color: #fff;
  font-size: 24px;
}

#intern_form {
  padding-left: 5rem;
  padding-right: 5rem;
}

#intern_form .form-control,
#intern_form .form-select {
  border-radius: 3px !important;
  padding-top: 0.6rem !important;
  padding-bottom: 0.6rem !important;
}

#intern_form legend {
  font-size: 1rem;
}

#intern_form p {
  font-size: 12px;
}

#intern_form .input-group-text {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding-left: 20px;
  padding-right: 20px;
}

#upload_div {
  border: 1px solid #E5E5E5;
}

.file-upload {
  display: block;
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.file-upload .file-select {
  display: flex;
  border: 1px solid #ced4da;
  color: #34495e;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  text-align: left;
  background: #ffffff;
  overflow: hidden;
  position: relative;
}

.file-upload .file-select .file-select-name {
  line-height: 40px;
  display: inline-block;
  padding: 0 10px;
  color: #F38923;
}

.file-upload .file-select .file-select-name .noFile {
  margin-left: 20px;
  color: #6c757d;
}

.file-upload .file-select input[type="file"] {
  z-index: 100;
  cursor: pointer;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

#intern_form .btn-light-orange {
  background-color: #E5E5E5;
  color: #F38923;
  padding-left: 3rem;
  padding-right: 3rem;
}

#intern_form .btn-orange {
  background-color: #F38923;
  color: #fff;
  padding-left: 3rem;
  padding-right: 3rem;
}

#intern_form .btn-orange:hover {
  background-color: #fff;
  color: #F38923;
  border: 1px solid #F38923;
}

.form-control.invalid+.invalid-feedback {
  display: inline;
  height: auto;
  margin-bottom: 20px;
  transition: opacity .4s ease-out;
}


.was-validated .file-select:has(.form-control:valid) {
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .file-select:has(.form-control:invalid) {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

#intern_form span[aria-label="required"] {
  color: #dc3545 !important;
}

.application_bg #social_share_div {
  position: fixed;
  right: 0;
  background-color: #fff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  width: 90px;
  height: 250px;

}

#social_share_div .social_links {
  list-style: none;
  padding-left: 0;
  text-align: center;
}

#social_share_div .social_links li:nth-child(1) {
  font-weight: bold;
  text-align: center;
  margin-bottom: 8px;
}

#social_share_div .social_links li:not(:nth-child(1)) {
  margin-bottom: 15px;
}


/* STAFF DOCUMENTS PAGE */

ul#staff_documents {
  list-style: none;
  padding-left: 0;

}

ul#staff_documents li {
  border: 1px solid #DDDDDD;
  padding: 15px;
  margin-bottom: 11px;
  padding-left: 60px;
  display: flex;
  justify-content: space-between;
  /* margin-left: 30px; */
  position: relative;
}

ul#staff_documents li::before {
  position: absolute;
  content: "";
  background-image: url('../assets/icons/pdf-icon.png');
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 20px;
  min-height: 22px;
  left: 14px;
}

ul#staff_documents li span {
  /* text-align: center; */
}

ul#staff_documents li>span:nth-child(1) {
  width: 30%;
}

#intern_form_success h6 {
  color: #13B797;
}

/* MODAL */
.application_bg .modal-header {
  padding: 0;
}

.application_bg .modal-dialog {
  max-width: 80% !important;
}

#get_passport_photo img,
#get_signature img {
  width: 100%;
}

.application_bg .modal-footer {
  border-top: 0;
}

.job_openings a {
  text-decoration: none;
  color: #000;
}