@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1264px;
    }
}

@media (min-width: 1400px) {
    .container-lg {
        max-width: 1376px !important;
    }
}

.text-start {
    /*text-align: left !important;*/
    line-height: 22px;
}

.banner-container{
    margin-left:40px;
    margin-right:40px;
}

@media (max-width: 991px){
    .banner-container{
    margin-left:0px;
    margin-right:0px;
}

}

 .live-session {
    display: flex;
    height: 180px;
    justify-content: space-between;
    align-items: center;
    background-color: #59b3ff;
    padding: 15px;
    border-radius: 5px;
    margin: 20px;
    margin-left:40px;
    margin-right:40px;
}

@media (max-width:768px){
    .live-session {
        margin-left: 0px;
        margin-right: 0px;
    }
}


.hero-img {
  background-image: url('images/hero_img.png');
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 310px;
}

.clock-text{
font-family: 'Roboto',sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.41px;
    text-align: left;

}

@media (max-width:1024px){
  .hero-img{
    background-size: contain !important;
  }
}

@media (max-width:1439px) {
  .hero-img {
    height: 100% ;
  }

}

@media (min-width:426px) 
{
  .crop_img img{
    /* background-image: url('hero_img_crop.png'); */
    width: 100% !important;
    display: none !important;
  }
  .crop_img{
    width: 100% !important;
  }
}

.swiper_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  text-align: left;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.btn btn-primary dropdown-toggle{
  
  top: 401px;
  left: 108px;
  padding: 16px 16px 16px 24px;
  gap: 8px;
  border-radius: 10px 0px 0px 0px;
  opacity: 0px;
  background: rgba(0, 51, 151, 1);

}

@media (max-width:425px) {
  .swiper_wrapper {
    display: block !important;
    text-align: center;
  }
}

.course-card {
  position: relative;
  display: flex;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 20px;
  flex-shrink: 0;
}
.live-session-card {
  position: relative;
  height: 180px;
  display: flex;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 20px;
  flex-shrink: 0;
}
@media screen and (max-width:768px) {
  .course-card {
    display: block;
    border: none;
    text-align: center;

  }
  .live-session-card {
    display: block;
    border: none;
    text-align: center;

  }
}

.course-card img {
  width: 200px;
  height: auto;
  object-fit: cover;

}

.course-info {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.live-session-details img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%; 
}
.join-session-btn {
color:#fff;
background-color:#003397;
padding: 6px 12px 6px 12px;
font-size:16px;
border-radius: 6px;

}
.live-session-info {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.live-session-time{
    color: #003397;
    font-family:  'Roboto', sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 21.09px;
text-align: left;

}
@media (max-width:768px) {
  .course-info {
    padding: 0px;
  }
  .live-session-info {
    padding: 0px;
  }
}

.course-title {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 700;
  line-height: 21.09px;
  text-align: left;
  color: rgba(8, 8, 8, 1);
}

.course-category {

  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 18.75px;
  text-align: left;
  color: rgba(106, 111, 115, 1);
}

.course-details {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.41px;
  text-align: left;

}

.live-session-title {
  font-family: 'Roboto', sans-serif;
  font-size: 28px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 21.09px;
  text-align: left;
  color: rgba(8, 8, 8, 1);
}
.live-session-title h4 {
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 32.81px;
    text-transform: capitalize;
    text-align: left;
}
.live-session-category {

      font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 18.75px;
    text-align: left;
    color: #080808;
}

.live-session-details {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px; 

}

@media (max-width:768px) {
  .course-category {
    text-align: center;
  }

  .course-title {
    text-align: center;
  }

  .course-details {

    text-align: center;
  }
  .live-session-category {
    text-align: center;
  }

  .live-session-title {
    text-align: center;
  }

  .live-session-details {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px; 
  }
}

.course-details span {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.41px;
  text-align: left;
  color: #6A6F73;
}
.live-session-details span {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.41px;
  text-align: left;
  color: rgba(44, 44, 44, 1);
}
.live-session-details img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%; 
}
.job-banner {
  background-color: #003087;
  color: white;
  padding: 20px;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width:768px) {
  .job-banner{
    display: block;
  }
}

.job-text {
  font-size: 18px;
  font-weight: bold;
}

.job-subtext {
  font-weight: normal;
}

.banner-buttons {
  display: flex;
  gap: 35px;
}
@media (max-width:768px) {
  .banner-buttons{
    text-align: center;
    flex-direction: column;
  }
}


.btn-outline-light {
  border-color: #ffffff;
  color: white;
}

.btn-outline-light:hover {
  background-color: white;
  color: #003087;
}

.btn-primary {
  background-color: white;
  color: #003087;
  border-color: white;
}

.btn-primary:active{
    background-color:#fff;
}
.btn-primary:hover {
  background-color: #ffffff;
  color: #003087;
}

.fs-6 fw-normal {
  font-family: 'Robot', sans-serif;
  font-weight: 400px;
  font-size: 1rem;
  color: rgba(8, 8, 8, 1);
}

@media screen and (min-width:1025px) {
  .navbar-toggler {
    display: none !important;
  }

}

.fa fa-bell bell-icon {
  color: #333;
}

.circle {
  width: 20px;
  height: 20px;
  background-color: #0055A2;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 18px;
  font-weight: bold;
  padding: 20px;
  margin-left: 10px;
}

.nav {
  display: flex;
  justify-content: center;

  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.1);
  /* background-color: #f8f9fa; */
  padding: 15px 0;

}

.nav a {


  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 18.75px;
  text-align: left;
  text-decoration: none;
  color: rgba(45, 45, 45, 1);
  margin: 0 10px;

}



.session-text {
font-size: 18px;
font-weight: bold;
color: #fff; /* White text color */
}

.session-button {
background-color: #007bff;
color: #fff;
border: 1px solid #007bff;
border-radius: 5px;
padding: 8px 6px;
font-size: 14px;
cursor: pointer;
transition: background-color 0.3s ease;
}

.session-button:hover {
background-color: #0056b3; /* Darker blue on hover */
border-color: #0056b3;
}

@media (max-width: 768px) {
.live-session {
    flex-direction: column;
    text-align: center;
}

.session-button {
    margin-top: 10px;
}
}

@media (max-width:1024px) {
  .nav {
    display: none !important;
  }
}


.product-item figure img {
  width: 100%;
}

@media screen and (max-width: 991px) {
  .navbar-nav list-unstyled d-flex flex-row gap-4 gap-lg-5 justify-content-center flex-wrap align-items-center mb-0 fw-bold text-uppercase text-dark {
    display: none !important;
  }
}

@media screen and (max-width: 991px) {
  .nav_bar {
    display: none !important;
  }


  .justify-content-sm-end {
    display: none !important;
  }
}

@media (max-width:1025px) {
        .justify-content-end{
                /*display: none !important;*/
            }
    }

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

  .justify-content-sm-end {
    display: none !important;
  }
}


.col-md-7 {
  flex: 0 0 auto;
  width: 85.333333% !important;
}

@media (max-width: 768px) {
  .col-11 {
    flex: 0 0 auto;
    width: 85.333333% !importany;
  }
}

@media (min-width:991px) {
  .col-lg-4 {
    width: 22% !important;
  }
}