@import url(global.css);

/* ====== Navbar Start ====== */
.navbar .container {
  padding: 15px 150px;
}

.navbar .nav-item a {
  font-weight: 600;
  transition: color 300ms ease;
  margin-right: 20px;
}

.navbar .nav-item a:hover {
  color: var(--primary);
}
.navbar .navbar-toggler {
  border: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url("../images/toggler-icon.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar button:focus {
  box-shadow: none;
}
.navbar .btn-close {
  color: initial;
  transition: color 300ms ease;
}
.navbar .btn-close:hover {
  color: var(--primary);
}

@media (max-width: 990px) {
  .navbar .container {
    padding: 15px;
  }
  .navbar .navbar-toggler {
    display: flex;
  }
}
/* ====== Navbar End ====== */

/* ====== Our conference section start ====== */
.conference-slider-wrapper {
  position: relative;
}

.conference-slider-wrapper .owl-prev {
  top: 50%;
  left: 20px;
}
.conference-slider-wrapper .owl-next {
  top: 50%;
  right: 20px;
}

.conference-slider-wrapper .owl-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.conference-slider-wrapper .owl-dots {
  display: flex !important;
  justify-content: center;
  margin-top: 20px;
}

.conference-img-wrapper {
  position: relative;
  z-index: 1;
  /* border-radius: 7px; */
  overflow: hidden;
}
.slider-item-content {
  bottom: 50px;
  left: 50px;
  width: 100%;
  color: var(--text-white);
  max-width: 75%;
}
.gap-lg-2{
    gap:10px
}
.overlay-content {
  position: absolute;
  z-index: 3;
}
@media (max-width: 550px) {
  .overlay-content {
    position: relative;
    z-index: 3;
    top: 0;
    background: var(--bg-secondary);
    left: 0;
  }
  .gap-lg-2{
    gap:0px
}

  /* .conference-img-wrapper {
    border-radius: 0px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
  } */
  .overlay {
    display: none;
  }
  .slider-item-content {
    max-width: 100%;
    padding: 0.8rem;
    color: var(--text-black);
    /* border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px; */
    background-color: var(--bg-secondary);
  }
  .slider-item-content p {
    color: var(--text-muted) !important;
    font-size: 14px;
  }
}

/* ====== Our conference section End ====== */

/* ====== Popular news section start ====== */

.popular-img-wrapper {
  overflow: hidden;
  position: relative;
}
.popular-img-wrapper .category {
  position: absolute;
  top: 10px;
  font-size: 12px;
  right: 10px;
}
.popular-img-wrapper img {
  transform: scale(1);
  transition: all 0.7s ease;
}
.popular-news-slider-item:hover > .popular-img-wrapper img {
  transform: scale(1.1);
}

.popular-news-slider-item:hover h4 a {
  color: var(--primary);
}

.popular-news-slider {
  position: relative;
}

.popular-news-slider .owl-prev {
  top: -30px;
  right: 50px;
}
.popular-news-slider .owl-next {
  top: -30px;
  right: 0px;
}

.popular-news-section .swiper-button-prev {
  position: absolute;
  left: 0px;
}
@media (max-width: 550px) {
  .popular-news-content ul {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
   .popular-img-wrapper{
       min-height:100px;
       max-width:100px;
   } 
}
/* ====== Popular news section end ====== */

/* ====== What's new section start ====== */
/* ------ Tab Item styles ------ */
.tab-nav-item-group .tab-item {
  /* background: var(--bg-light-blue); */
  background: #ffffff;
  padding: 4px 10px 4px;
  color: var(--primary);
  border: 1px solid var(--primary);
}

.tab-nav-item-group .tab-item.active {
  background: var(--primary);
  color: var(--text-white);
}

/* ------ Latest News Slider Section ------ */
.latest-news-slider-wrapper .category {
  position: absolute;
  top: 20px;
  right: 20px;
}
.latest-news-slider-wrapper .latest-news-slider-content {
  bottom: 20px;
  left: 20px;
}
.latest-news-img-wrapper {
  overflow: hidden;
}
.latest-news-img-wrapper img {
  transform: scale(1);
  transition: all 0.7s ease;
}
.latest-news-slider-wrapper:hover .latest-news-img-wrapper img {
  transform: scale(1.1);
}

.latest-news-slider-content {
  color: var(--text-white);
}

.latest-news-slider-wrapper,
.owl-stage-outer,
.owl-stage {
  height: 100%;
}

.latest-news-slider-wrapper .owl-stage {
  display: flex !important;
  align-items: stretch;
}

.latest-slider-item {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}

@media (max-width: 550px) {
  .latest-news-slider-content {
    color: var(--text-black);
    background-color: var(--text-white);
    padding: 0.8rem;
  }
  .latest-news-slider-content ul {
    font-size: 14px;
  }
  .overlay-content {
    position: relative;
  }
  .latest-news-slider-wrapper .latest-news-slider-content {
    bottom: 0;
    left: 0;
  }
}

/* ------ Latest news Section ------ */
.latets-news-wrapper .category {
  position: absolute;
  top: 20px;
  font-size: 14px;
  right: 20px;
}
.latets-news-content {
  bottom: 0px;
  left: 10px;
}

.latets-news-img-wrapper {
  overflow: hidden;
}
.latets-news-img-wrapper img {
  transform: scale(1);
  transition: all 0.7s ease;
}
.latets-news-wrapper:hover .latets-news-img-wrapper img {
  transform: scale(1.1);
}

.latets-news-content h4 a {
  text-decoration: none;
  color: var(--text-white);
  transition: all 0.7s ease;
}
.latets-news-wrapper:hover h4 a {
  color: var(--primary);
}

@media (max-width: 550px) {
  .latets-news-content {
    bottom: 0px;
    left: 0px;
  }
  .latets-news-content .overlay-content {
    position: relative;
    background: var(--text-white);
    padding: 0.8rem;
  }
  .latets-news-content h4 a {
    color: var(--primary);
  }
}

/* ====== Research Grants Section ====== */
.research-grant-news-card {
  position: relative;
}

.research-grant-news-wrapper .owl-stage {
  display: flex;
}

.research-grant-news-wrapper .owl-item {
  display: flex;
  height: auto;
}

.research-grant-news-card .read-more-div {
  margin-top: auto;
}

.research-grant-news-wrapper .research-grant-news-card {
  display: flex;
  flex-direction: column;
  justify-content:center;
  height: 100%;
}
.research-grant-news-card .count {
  /*position: absolute;*/
  font-weight: 900;
  display:none;
  font-size: 42px;
  /*top: 50%;*/
  /*transform: translateY(-50%);*/
  opacity: 0.3;
  color: var(--primary);
}
.read-more-div {
  display: flex;
  align-items: center;
  justify-content: end;
}
.read-more-div a {
  text-decoration: none;
  /* color: #fff;
  color: #0a58ca;

  transform: scale(1);
  transition: transform 300ms ease; */
}
.read-more-div  a {
  transition: all 300ms ease;
  background: #fff;
  color: var(--primary);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 50%;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  border: 1px solid var(--primary);
}
.research-grant-news-card h4 a {
  color: #000;
  text-decoration: none;
  display: inline;
  background-image: linear-gradient(
    to bottom,
    var(--primary) 0%,
    var(--primary) 100%
  );
  background-size: 0 1px;
  background-repeat: no-repeat;
  background-position: left 100%;
  transition: all 0.7s ease;
}

.research-grant-news-card .read-more-div  a{
    transition: all 300ms ease;
  background: #fff;
  color: var(--primary);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 50%;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  border: 1px solid var(--primary);
}

.research-grant-news-card:hover h4 a {
  background-size: 100% 2px;
}
.research-grant-news-card:hover .read-more-div span a {
  background: var(--primary);
  color: var(--text-white);
}
.research-grant-news-wrapper .owl-prev {
  top: -30px;
  right: 50px;
}
.research-grant-news-wrapper .owl-next {
  top: -30px;
  right: 0px;
}

.research-grant-news-wrapper img{
    object-fit:contain !important;
}

@media(max-width:550px){
    .research-grant-news-wrapper .ratio::before {
        padding-top: none;
        padding: 60px;
    }
}

/*====== Call for Abstract ======*/
.call-for-abstract-wrapper .read-more-div{
    justify-content: space-between;
    background: var(--primary);
    padding: 7px;
    border-radius: 7px
}
.call-for-abstract-wrapper ul{
    font-size:14px;
    color:#fff;
}

/* ====== Subscribe section ====== */
.subscribe-div {
  width: 100%;
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.7)), url(../images/lavender-bg.webp);
  aspect-ratio: 1600/400;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.subscribe-div h3 {
  -webkit-text-stroke: 1px var(--primary);
  color: var(--primary);
  font-size: 42px;
  line-height: 2.5rem;
  font-weight: 900;
}

#subcribe-form input:focus {
  border: none;
  outline: none;
  box-shadow: none;
}
.subscribe-div #subcribe-form button {
  border: none;
  background: var(--primary);
  color: #fff;
  transition: all 300ms ease;
  padding: 15px 30px;
}
.subscribe-div:hover #subcribe-form button {
  background: #6125d5;
}

/* ====== Socia media and Live feeds Section ======= */
/* Instagram Syles */
/*.instagram-wrapper h4 {*/
/*  background: linear-gradient(*/
/*    90deg,*/
/*    rgba(237, 41, 75, 0.7) 0%,*/
/*    rgba(59, 65, 223, 0.7) 70%*/
/*  );*/
/*  color: transparent;*/
/*  background-clip: text;*/
/*}*/
.instagram-wrapper h4 img,
.facebook-wrapper h4 img {
  width: 40px;
  height: 40px;
}
/*.insta-card,*/
/*.insta-btn {*/
/*  background: linear-gradient(*/
/*    90deg,*/
/*    rgba(237, 41, 75, 0.7) 0%,*/
/*    rgba(59, 65, 223, 0.7) 70%*/
/*  );*/
/*}*/

.img-wrapper {
  width: 70px;
  height: 70px;
  padding: 5px;
  background-color: #fff;
  border-radius: 50%;
}

.fb-card{
    background: #1877f2;
    border-radius:7px;
     /*width:100%;*/
}
.insta-card{
    background: #e93151;
    border-radius:7px;
     /*width:100%;*/
}
.linkedin-card{
    background: #1fa0f1;
    border-radius:7px; 
    /*width:100%;*/
}

.fb-card a img,
.insta-card a img,
.linkedin-card a img{
    width:50px;
    height:50px;
    border-radius:7px;
    border:1px solid #fff;
} 
.fb-card a,
.insta-card a,
.linkedin-card a{
    text-decoration:none;
    color:#fff;
}



/* Facebook Styles */
.facebook-wrapper h4 {
  background: linear-gradient(
    90deg,
    rgba(3, 102, 247, 0.7) 0%,
    rgba(31, 78, 172, 0.7) 70%
  );
  color: transparent;
  background-clip: text;
}
/*.fb-card,*/
/*.fb-btn {*/
/*  background: linear-gradient(*/
/*    90deg,*/
/*    rgba(3, 102, 247, 0.7) 0%,*/
/*    rgba(31, 78, 172, 0.7) 70%*/
/*  );*/
/*}*/
/*.connect-btn {*/
/*  text-decoration: none;*/
/*  color: #fff;*/
/*  padding: 0px 10px;*/
/*}*/

/* Linkedin Style */
/*.linkedin-card,*/
/*.linkedin-btn {*/
/*  background: linear-gradient(90deg, rgb(41 139 203) 0%, rgb(62 157 214) 70%);*/
/*}*/

/* whatsApp */
/*.whatsapp-card,*/
/*.whatsapp-btn {*/
/*  background: linear-gradient(90deg, rgb(37 211 102) 0%, rgb(0 137 98) 70%);*/
/*}*/

/* ====== Footer Section ====== */
.footer-section {
  background-color: #191a1f;
}
.footer-section a {
  text-decoration: none;
}
.footer-section h4 {
  color: #fff;
  font-weight: 900;
  font-size: 25px;
  margin-bottom: 1rem;
}
.social-links h5 {
  color: #fff;
  font-weight: 900;
}
.social-links img {
  width: 25px;
  height: 25px;
}
.social-links span {
  color: #fff !important;
  transform: all 300ms ease;
}
.social-links li:hover span {
  color: var(--primary) !important;
}

.footer-logo a {
  font-size: 20px;
  font-weight: 900;
}

.categoy-lists ul li {
  color: #fff;
  transition: all 300ms ease;
  line-height: 30px;
}
.categoy-lists ul li:hover {
  color: var(--primary);
}

.footer-section ul li span,
.footer-section ul li span i {
  font-size: 16px;
}
.footer-news-carousel h6 a {
  color: #000;
  transition: color 0.7s ease;
}
.footer-news-carousel div:hover h6 a {
  color: var(--primary);
}
.footer-section hr {
  color: #fff;
}

.footer-news-carousel div:hover .read-more-div span a {
  background: var(--primary);
  color: #fff;
}
.copyright {
  background-color: #101010;
}
.copyright a {
  color: var(--primary);
}

/* ====== Contact us ====== */
.contact-icons-wrapper {
  width: 100px;
  height: 100px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  line-height: 85px;
  text-align: center;
  margin: 10px auto;
  border-radius: 50%;
}

.contact-section h2 {
  font-size: 32px;
}
.map-wrapper {
  position: relative;
  top: -100px;
  left: 0;
}

.submit-btn {
  background: var(--primary);
  color: #fff;
}


.pricing-s1 {
	overflow:hidden;
	position:relative;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	transition: box-shadow 1s;
	-webkit-transition: box-shadow 1s;
	-moz-transition: box-shadow 1s;

	-webkit-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, .4);
	-moz-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, .4);
	box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, .4);
}
.pricing-s1 .top {
	padding: 25px;
    text-align: center;
    background: var(--primary);
}

.pricing-s1 .top .price{
    color: #fff;
    font-size: 35px;
    font-family: "Oleo Script", system-ui;
    font-weight: 500;
    font-style: normal;
}
.pricing-s1 .bottom{
    height:400px;
}

.pricing-s1 .bottom ul{
    list-style:none;
}
.pricing-s1 .bottom ul li{
    margin-bottom:1rem;
}
.pricing-s1 .bottom ul li span{
    font-size: 18px;
    color:#000;
    transition:all 0.5s ease;
}

/*.pricing-s1 .bottom:hover ul li a{*/
/*     color:var(--primary);*/
/*}*/


.pricing-s1 .ribbon{
  width: 200px;
  position: absolute;
  top: 20px;
  left: -55px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #222;
  font-weight:bold;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  background-color: #8a2be2;
}