/* Placement Section Styles */
.placement-section {
  width: 100%;
  position: relative;
  padding-top:50px;
  padding-bottom: 0;
  float: left;
  
}

.company-section {
  text-align: center;
  margin: 0 auto;
  padding-bottom: 30px;
}

.company-section h2 {
  font-size: 32px;
  font-weight: 700;
  color: #333;
  margin-bottom: 20px;
}

.company-section h2 span {
  color: #B9D719;
}

.company-section .p-title{
    max-width: 600px;
    margin: auto;
}

/* Slick Slider Styles */
.companies-list-one {
  margin-top: 40px;
  margin-bottom: 20px;
}

.companies-list .company-logo {
    height: 75px;
    margin: 0 25px;
}

.companies-list img {
  max-width: 100%;
  max-height: 80px;
  object-fit: contain;
  /* filter: grayscale(100%);
  opacity: 0.7; */
  transition: all 0.3s ease;
}

.companies-list img:hover {
  filter: grayscale(0%);
  opacity: 1;
}

/* Slick dots styling */
.slick-dots {
  bottom: -40px;
}

.slick-dots li button:before {
  color: #B9D719;
  opacity: 0.5;
}

.slick-dots li.slick-active button:before {
  opacity: 1;
}

/* Slick arrow styling */
.slide-prev:before,
.slide-next:before {
  color: #B9D719;
}

/* Trust-style continuous horizontal scroll tweaks */
.companies-list .slick-track {
  display: flex !important;
  align-items: center;
}

.companies-list .slick-slide {
  height: auto;
}

.companies-list .slick-slide > div {
  display: flex;
}

.placing-students{
  padding-top: 50px;
  padding-bottom: 115px;
  background: #f8f8f8;
}

.students-count{
  display: flex;
  gap: 20px;
  align-items: center;
  width: 100%;
}

.students-content{
  padding-bottom: 15px;
}

.students-content .title h2{
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 4rem;
}

.stats-wrapper{
      display: flex;
    width: 100%;
    gap: 20px;
}

.count-box{
    width: 100%;
    padding: 15px;
    border: 2px solid #eeeeee;
    border-radius: 8px;
    text-align: center;
    background: #fff;
}

.count-box .count{
    display: block;
    color: #23577a;
    font-size: 28px;
    font-weight: 600;
}

.count-box span{
    display: block;
    color: #888888;
    font-size: 16px;
    font-weight: 400;
}

/* Full-bleed carousel so Slick centerMode aligns the active slide to the viewport, not only the narrow .container */
.students-cta--fullwidth {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding-left: env(safe-area-inset-left, 0);
    padding-right: env(safe-area-inset-right, 0);
}

.placement-cta-carousel .slick-list {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}

.placement-cta-carousel .slick-slide > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.cta-content .slick-track{
  max-height: 400px;
}

.cta-content .slick-list{
  position: relative;
}

.cta-content .slick-list::before,
.cta-content .slick-list::after{
  content: '';
  position: absolute;
  bottom: 34px;
  width: 40px;
  height: calc(100% - 68px);
  z-index: 1;
}

.cta-content .slick-list::before{
  left: 0;
  background: linear-gradient(to right, #f8f8f8 0%, rgba(255,255,255,0) 100%);
}

.cta-content .slick-list::after{
  right: 0;
  background: linear-gradient(to left, #f8f8f8 0%, rgba(255,255,255,0) 100%);
}

/* .slick-center .cta-slide {
    padding: 20px;
} */

.cta-slide {
    text-align: center;
    padding: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cta-slide img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-left: auto;
    margin-right: auto;
}

/* Extra horizontal margin on the center slide threw off Slick’s center alignment; emphasis comes from scale on the image */
.cta-content.placement-cta-carousel .slick-center {
  margin-left: 0;
  margin-right: 0;
}

.cta-content .slick-slide img{
  opacity:0.5;
}

.cta-content .slick-center img{
  opacity: 1;
}

/* Keep Slick's centering math stable: don't change slide width/padding on .slick-center */
.cta-content .slick-slide,
.cta-content .slick-slide > div,
.cta-content .cta-slide {
    box-sizing: border-box;
}

/* Allow the scaled center image to overflow the list container */
/* .cta-content .slick-list {
    overflow: visible;
} */

/* Apply the emphasis/scale to the image only (not the slide container) */
.cta-content .slick-center .cta-slide{
  padding: 25px;
}

.cta-content .slick-center .cta-slide img {
    transform: scale(1.17);
    transform-origin: center center;
    will-change: transform;
    box-shadow: 1px 2px 7.6px rgba(0, 0, 0, 0.2);
}

.cta-content .slide-prev,
.cta-content .slide-next {
    width: 45px;
    height: 45px;
    background: #000;
    opacity: 0.4;
    border-radius: 50%;
    padding: 8px;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.cta-content .slide-prev:before,
.cta-content .slide-next:before {
    color: #fff;
    font-size: 16px;
}

.cta-content .slide-prev {
    position: absolute;
    right: 52px;
    bottom: -54px;
    border: none;
}

.cta-content .slide-next {
    position: absolute;
    right: 0px;
    bottom: -54px;
    border: none;
}

.cta-content .slide-prev:hover,
.cta-content .slide-next:hover {
    background: #B9D719;
    opacity: 1;
}

.cta-content .slick-center .img-subtitle{
  margin-top: 30px;
}

.cta-content .slick-slide .img-subtitle{
      opacity: 0.5;
}

.cta-content .slick-slide .img-cities{
  opacity: 0.5;
}

.cta-content .slick-center .img-subtitle {
      opacity: 1;
}

.cta-content .slick-center .img-cities{
  opacity: 1;
}

.img-subtitle{
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  line-height: 20px;
}

.img-cities{
  font-size: 16px;
  font-weight: 500;
}


@media (max-width: 768px) {
    .company-section h2{
      font-size: 26px;
    }

    .students-content .title h2{
      font-size:26px
    }

    .stats-wrapper {
        flex-direction: column;
        gap: 10px;
    }

    .count-box .count{
      font-size: 20px;
    }

    .count-box span{
      font-size: 12px;
    }

    .students-count{
      gap: 10px;
    }

    .cta-content.placement-cta-carousel .slick-center {
      margin-left: 0;
      margin-right: 0;
    }

    .cta-content .slide-prev,
    .cta-content .slide-next {
      width: 35px;
      height: 35px;
      padding: 6px;
    }

    /* .cta-content .slide-prev {
      left: -15px;
    }

    .cta-content .slide-next {
      right: -15px;
    } */
}

@media (max-width: 480px){
  .count-box{
    padding: 8px;
  }
}

@media (max-width: 360px){
  .count-box{
    padding: 5px;
  }
}