@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

h1,h2,h3,h4,h5,h6{
  font-family: "IBM Plex Serif", serif;
}
body{
  font-family: "IBM Plex Sans", sans-serif;
}
.bg-blue{
  /* #3c6d90 */
  background: #0c2c5e;
}
a{
  text-decoration: none!important;
}
.text-blue{
  color: #0c2c5e;
}
.text-teritary{
  color: #ddd;
}
.br-0{
  border-radius: 0;
}

.btn-blue, .btn-blue-outline:hover{
  background: #3c6d90!important;
  color: #fff!important;
  border: 1px solid #3c6d90!important;
}
.btn-blue:hover, .btn-blue-outline{
  background: transparent!important;
  color: #3c6d90!important;
  border: 1px solid #3c6d90!important;
}
.font-weight-medium{
  font-weight: 600;
}
.mt-100px{
  margin-top: 100px;
}
.mt-70px{
  margin-top: 70px;
}
.mt-25px{
  margin-top: 25px;
}

.dropdown .dropdown-menu {
  border-radius:0;
 }

.search{
  background-image: url('../img/bg-search.jpg');
  padding: 50px 10%;
  position:relative;
}
.overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #070707ab;
}
.search-form{
  position: relative;
  z-index: 1;
}

.course-list .card{
  background-color: white;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.6s ease;
}
.course-list .card .content button{
  font-size: 19px;
  color: #3c6d90;
  width: 100%;
  height: 55px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  background-color: #3c6d9014;
  transition: 0.2s ease-in-out;
  border-radius: 0;
}
.course-list .card .img{
  overflow: hidden;
}
.animated-scaleX {
  -webkit-animation: animScale 30s 1s ease-in-out infinite;
  animation: animScale 30s 1s ease-in-out infinite;
}
.course-list .card .content button:hover{
  background-color: #3c6d90;
  cursor: pointer;
  color: #fff;
}
.owl-theme .owl-nav [class*=owl-]{
  border-radius: 50%;
  height: 33px;
  width: 33px;
  background: #fff;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  position: absolute;
  top: 50%;
}
.owl-carousel .owl-nav .owl-prev{
  left: 0;
  transform: translate(0, -50%);
}
.owl-carousel .owl-nav .owl-next{
  right: 0;
  transform: translate(0, -50%);
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #ddd;
}
.object-cover-200{
  height: 200px;
  object-fit: cover;
}
.owl-recruiters .item img, .universities .item img{ 
  height: 60px;
  width: 150px;
  object-fit: contain;
}
.faculties .card {
	background: #fff;
	box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	img {
		width: 100%;
	}
}
.owl-faculties .item img{
  height: 400px;
  object-fit: cover;
}
.course-banner{
  width:100%;
  height: 400px;
  object-fit: cover;
}

/***********Tab vertical css start************/

.tab-vertical .nav.nav-tabs {
  /* float: left; */
  display: block;
  margin-right: 0px;
  border-bottom: 0;
}
.tab-vertical{
  display: flex;
}
.tab-vertical .nav.nav-tabs .nav-item {
  margin-bottom: 6px;
  min-width: 270px;
}

.tab-vertical .nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  background: #fff;
  padding: 17px 49px;
  color: #71748d;
  background-color: #fff;
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px;
}

.tab-vertical .nav-tabs .nav-link.active {
  color: #3c6d90;
  background-color: #efefef !important;
  border-color: transparent !important;
}

.tab-vertical .nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 0px !important;
}

.tab-vertical .tab-content {
  overflow: auto;
  -webkit-border-radius: 0px 4px 4px 4px;
  -moz-border-radius: 0px 4px 4px 4px;
  border-radius: 0px 4px 4px 4px;
  background: #efefef;
  padding: 30px;
  min-height: 515px;
}

/***********Tab vertical css start************/

/*FOOTER*/

footer {
  background: #0c2c5e;
  color: white;
  margin-top:100px;
}

footer a {
  color: #fff;
  font-size: 14px;
  transition-duration: 0.2s;
}

footer a:hover {
  color: #FA944B;
  text-decoration: none;
}

.copy {
  font-size: 12px;
  padding: 10px;
  border-top: 1px solid #FFFFFF;
}

.footer-middle {
  padding-top: 2em;
  color: white;
}


/*SOCİAL İCONS*/

/* footer social icons */

ul.social-network {
  list-style: none;
  display: inline;
  margin-left: 0 !important;
  padding: 0;
}

ul.social-network li {
  display: inline;
  margin: 0 5px;
}


/* footer social icons */

.social-network a.icoFacebook:hover {
  background-color: #3B5998;
}

.social-network a.icoLinkedin:hover {
  background-color: #007bb7;
}

.social-network a.icoFacebook:hover i,
.social-network a.icoLinkedin:hover i {
  color: #fff;
}

.social-network a.socialIcon:hover,
.socialHoverClass {
  color: #44BCDD;
}

.social-circle li a {
  display: inline-block;
  position: relative;
  margin: 0 auto 0 auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  width: 30px;
  height: 30px;
  font-size: 15px;
}

.social-circle li i {
  margin: 0;
  line-height: 30px;
  text-align: center;
}

.social-circle li a:hover i,
.triggeredHover {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}

.social-circle i {
  color: #595959;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}

.social-network a {
  background-color: #F9F9F9;
}
@media(max-width:991px){
  .navbar .nav-right-left.collapsing{ 
    height:auto !important;
  }
  .nav-right-left.collapse:not(.show){
    display: block!important;
  }
  .nav-right-left{
    position: fixed;
    top: 0;
    bottom: 0;
    right: -300px;
    max-width: 300px;
    width: 100%;
    z-index: 2;
    padding: 0px 20px 20px 20px;
    transition: all 0.3s ease-in-out;
    background: #0c2c5e;
  }
  .navbar-toggler-right{
    text-align: right;
    margin-top: 20px;
    margin-bottom: 19px;
  }
  .nav-right-left.show{
    right:0;
  }
}
@media (max-width: 767px){
  .text-inspire{
    font-size: 17px;
  }
  .text-career{
    font-size: 24px;
  }
  .tab-vertical{
    display: block;
  }
  .tab-vertical .tab-content {
    min-height: auto;
  }
}

@media (max-width: 450px){
  .text-inspire{
    font-size: 14px;
  }
  .text-career{
    font-size: 20px;
  }
   .logo{
    width: 75px!important;
    height: 75px!important;
   }
}

@media (min-width: 768px) {  
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  border-radius:0;
 }
}
@keyframes animScale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.175);
    transform: scale(1.175);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@media screen and (min-width: 576px){
  .plr-8{
    padding: 0 8%;
  }
}

/* Define the animation */
@keyframes zoomInOut {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}

/* Apply the animation to the link */
.apply-now-animation {
  display: inline-block;
  animation: zoomInOut 1s ease-in-out infinite;
}

@media (min-width: 991px){
  .px-lg-16{
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }
}

/* Ensure the submenu is hidden by default */
.dropdown-submenu .dropdown-menu {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  margin-top: 0;
}

/* Show the submenu only when hovering over the parent item */
.dropdown-submenu:hover .dropdown-menu {
  display: block;
}

/* Position the submenu relative to the parent dropdown item */
.dropdown-submenu {
  position: relative;
}

/* Prevent the submenu from being displayed when hovering over the entire dropdown */
.dropdown-menu .dropdown-menu {
  display: none !important;
}

/* Ensure that the submenu only appears on the specific parent hover */
.dropdown-submenu:hover > .dropdown-menu {
  display: block !important;
}

.text-maroon{
  color: #9e2801 !important;
}

.page-heading{
  background-color: #f97d30;
  color: white;
  padding: 6px;
	font-size: 30px;
}

.course-item {
  position: relative;
  overflow: hidden;
}

.course-img {
  width: 100%;
  transition: filter 0.3s ease;
  position: relative;
}

.course-description {
  position: absolute;
  top: 100%; /* Start off-screen at the bottom */
  left: 0;
  right: 0;
  bottom: 44px;
  background: rgba(0, 0, 0, 0.7); /* Semi-transparent background */
  color: #fff;
  display: flex; /* Use flexbox to center the content */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  text-align: center;
  padding: 10px;
  font-size: 14px;
  transition: top 0.3s ease; /* Smooth transition for slide-in effect */
  opacity: 0;
}

.course-item:hover .course-description {
  top: 0; /* Slide up into view */
  opacity: 1;
}

.course-item:hover .course-img {
  filter: blur(5px); /* Apply blur effect on hover */
}


.shape1{position: absolute;
    right: 21px;}
section.studendbenfits {
    background: #fafafb;
    padding: 25px 0px;
    background-image: url(https://edupath-template.vercel.app/edupath/assets/images/section-bg-1.png);
}
ul.point li {
    margin: 13px 0px;
}

section.studendbenfits-nd {
    border-top: 2px solid #f7f4f4;
    padding: 50px 0px;
    position: relative;
}


.about-section {
        background: #ffffff;
        padding: 20px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        margin-bottom: 30px;
        border-radius: 2px;
        position: relative;
    }

    .about-section::before {
    /* position: absolute; */
    content: "";
    position: absolute;
    width: 50px;
    background: #f97d305e;
    height: 50px;
    top: 0px;
    right: 0px;
    /* border-radius: 28px; */
    border-top-left-radius: 50px;
    transform: rotate(270deg);
}

.caption-info h3 {
    color: #f97d30 !important;
    margin-bottom: 20px;
}
.about-section h4 {
    margin-bottom: 0px;
    color: #0c2c5e;
}
section.page-cover {
    background-image: url("https://live.themewild.com/eduka/assets/img/counter/01.jpg");
    color: #fff;
    text-align: center;
    padding: 67px 0;
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}
section.page-cover:before {
    position: absolute;
    content: '';
    background-image: linear-gradient(75deg, rgb(247 142 107 / 49%) 10%, rgb(75 65 110)) !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.page-cover h1 {
    font-size: 37px;
    font-weight: bold;
    padding: 17px 0px;
}
ul.list-inline.bradcoms {
    width: 32%;
    margin: auto;
    background: #000;
    padding: 9px 16px;
    border-radius: 27px;
    border: 3px solid #fff;
}


.bradcoms a {
    color: #fff;
}

.bradcoms li.list-inline-item {
    color: #bbb2a6;
}

.point{ padding: 0px;}

.caption-info h3{ color: #0c2c5e;}



@media (max-width: 767px) {


  ul.list-inline.bradcoms {
    width: 100%;}
    .about-section{    margin-left: 15px;}
    
}