/* -------------------------------------------------------


------------------------------------------------------- */

/* ===================================
    CSS color variable
====================================== */
:root {
   --primary: #00834E;
    --secondary: #AF5725;
}

/* ===================================
    FYUGP
====================================== */
html {
    scroll-behavior: smooth !important;
}
body{
  font-family: "Urbanist", sans-serif;
}
.btn{
  text-transform: capitalize;
}
.text-primary{
  color: var(--primary) !important;
}
.btn-secondary{
  background-color: var(--secondary) !important;
  border: none !important;
}


h2{
  font-family: "Figtree", sans-serif;
  font-size: 34px !important;
  line-height: 40px !important;
  font-weight: 700 !important;
  letter-spacing: 0px !important;
  margin-bottom: 20px !important;
}


.bg-primary{
  background: var(--primary) !important;
}

section {
    padding-top: 70px;
    padding-bottom: 70px;
}
p{
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
}
/************************ Banner ************************/

    .fyugp-banner{
  /* background-color: var(--primary); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
    min-height: 580px;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-bottom:50px !important;

}
.bnr-title{
  font-family: "Figtree", sans-serif;
  font-size: 60px;
    line-height: 1.08;
    font-weight: 700;
    color: #fff;
}
.bnr-btn2{
  box-shadow: none;
  border: 1px solid white;
  color: white;
}
.bnr-btn2:hover{
  box-shadow: none;
  border: 1px solid white;

}

.fyugp-banner .feature-box{
  position: initial;
}

.fyugp-banner .feature-box i{
  font-size: 34px;
}
.fyugp-banner .bnr-icons{
  text-align: left;
}
.fyugp-banner .bnr-icons ul{
  padding: 0;
}
.fyugp-banner .bnr-icons li{
  list-style: none;
  margin-bottom: 10px;
  font-size: 18px;
}
.fyugp-banner .bnr-icons li i{
  color: white;
}
/************************ Credit Sec ************************/

.sec2{
  /* background: var(--secondary) !important; */
  background: #8E461E !important;
}
.sec2 .feature-box-icon i{
      font-size: 50px;
    color: white;
    margin-bottom: 15px;
}

.credit-sec h3{
  font-size: 22px !important;
}
.credit-sec .btn{
  font-size: 16px !important;
}

/************************ Credit Sec ************************/

.why-ipsr .feature-box-icon i, .benefits .feature-box-icon i{
  color: var(--primary) !important;
}
/************************ Course - Tab ************************/

.course-tab .nav-link{
  color: white !important;
}
.course-tab .nav-link:hover{
  color: black !important;
}
.course-tab li.nav-item{
  margin-bottom: 10px;
}
.course-tab li.nav-item .nav-link{
  border: 1px solid white;
}
.course-tab li.nav-item .active{
  color: black !important;
}
.crs-apply:hover{
  color: var(--secondary) !important;
}

/************************ Learning ************************/
.learning{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.learning-content{
    padding: 30px;
    border-radius: 5px;
    min-height: 240px;
}
.learning-icon{
    border-radius: 50%;
    background-color: white;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.10));
    margin: 0 auto;
    margin-bottom: 15px;
}
.learning-icon i{
  font-size: 35px;
}

.learning h3{
  font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: normal;
}
.learning h5{
  font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: normal;
}

/************************ Steps ************************/

.steps .process-step-icon-wrap{
  margin-bottom: 10px;
}
.steps .process-content span{
  line-height: 23px;
}


.steps h4.number{
      background: var(--primary);
    color: white;
    padding: 10px;
    border-radius: 50%;
    font-size: 18px;
    width: 70px;
    height: 70px;
}
.steps .process-step-style-04 span{
  font-weight: 600 !important;
  line-height: 26px !important;
}

/************************ Outcomes ************************/
.outcomes{
  background: var(--secondary);
}
.outcomes .learning-content {
    min-height: 210px;
}
.outcomes h3{
  font-size: 19px !important;
}
/************************ Mentors ************************/


.mentors .item{
    padding: 30px 20px;
    background: rgba(255, 255, 255, 0.52);
    border-radius: 20px;
    height: 300px;
    text-align: center;
}
.mentors img{
    height: 130px;
    width: 130px !important;
    object-fit: cover;
    object-position: top;
    border-radius: 50%;
    margin: 0 auto 10px;
}

.mentors h3{
  font-size: 21px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: normal;
}
.mentors h5{
  font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: normal;
}
/************************ CTA ************************/
.main-cta h5{
  font-size: 26px;
}

/************************ Responsive ************************/

@media (max-width: 1400px) {
    .steps .process-content span{
      font-size: 12px !important;
      line-height: 19px;
    }
}
@media (max-width: 992px) {
  .fyugp-banner img{
  max-height: 400px !important;
  width: auto !important;
  margin: 0 auto !important;
  display: block;
  margin-top:35px !important;
  margin-bottom:35px !important;

}
    /* .steps .process-content span{
      text-align: center;
    } */
    .steps .process-step-style-07{
      display: flex !important;
      /* justify-content: center; */
    }
    .steps .process-step-item{
      display: flex;
      gap: 20px;
    }
    .steps .process-content span{
      font-size: 16px !important;
      line-height: 23px;
    }
}
.custom-list {
    max-width: 1100px;
    margin: 0 auto;
}

.custom-list .list-group-item {
    background: transparent !important;
    color: #fff;
    font-size: 20px;
    line-height: 1.8;
    padding: 5px 45px;
}

.custom-list i {
    font-size: 20px;
    flex-shrink: 0;
}
.qn-how-works .internship-box{
height: 100px !important;
display: flex !important;
justify-content:center !important;
align-items:center !important;
}
.small-tag{
    display: inline-block;
    padding: 8px 16px;
    border-radius: 50px;
    background: #e8f5ee;
    color: #0b7a43;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
}

.hero-text{
    font-size: 16px;
    line-height: 1.9;
    color: #555;
    max-width: 520px;
}

.hero-grid{
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 18px;
}

.grid-card{
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
    padding: 24px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.05);
    height: 100%;
}

.large-card img{
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 14px;
}

.large-card{
    padding: 16px;
    max-width: 90%;
    margin-left: auto;
}

.info-card{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.info-card h6{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.info-card p{
    font-size: 14px;
    line-height: 1.7;
    color: #666;
}

.green-card{
    background: #0a8f57;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.green-card h4{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 5px;
}

.green-card span{
    font-size: 15px;
}

/* PRODUCT CARDS */

.ai-product-card .card-menu{
    min-height: 290px;
    padding: 10px;
    transition: 0.3s ease;
}

.ai-product-card .card-menu:hover{
    transform: translateY(-8px);
    box-shadow: 0 14px 35px rgba(0,0,0,0.08);
}

.ai-product-card .rotate-content-front{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ai-product-card p{
    line-height: 1.8;
}

.ai-product-card .btn{
    margin-top: auto;
}

/* Responsive */

@media(max-width:991px){

    .hero-grid{
        grid-template-columns: 1fr;
    }

    .large-card img,
    .image-card img{
        height: 200px;
    }

    .ai-product-card .card-menu{
        min-height: auto;
    }
}

@media(max-width:767px){

    .hero-text{
        font-size: 15px;
    }

    .green-card h4{
        font-size: 26px;
    }
}
.full-width-card{
    grid-column: span 2;
}
.internship-product-card .card-menu {
  min-height: 220px;
  padding: 10px;
  transition: 0.3s ease;
}


.internship-features .card-menu {
  height: 250px !important;
}
/* =========================
   FEEDBACK SLIDER
========================= */

.feedback-slider{
    position: relative;
}

/* Equal height cards */

.feedback-slider .owl-stage{
    display: flex;
}

.feedback-slider .owl-item{
    display: flex;
    height: auto;
}

.feedback-slider .item{
    width: 100%;
    height: 100%;
    padding: 12px;
}

/* Card */

.feedback-card{
    width: 100%;
    height: 100%;

    border-radius: 18px;
    padding: 30px 24px;

    background: #fff;

    box-shadow: 0 6px 18px rgba(0,0,0,0.05);

    transition: 0.3s ease;

    display: flex;
    flex-direction: column;
}

.feedback-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.10);
}

/* Avatar */

.feedback-card .avatar{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.feedback-card .avatar-img{
    width: 85px !important;
    height: 85px !important;

    object-fit: cover;

    border-radius: 50%;
    border: 3px solid #f2f2f2;
}

/* Text */

.read-more-box{
    margin-top: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}

.read-more-text{
    font-size: 14px;
    line-height: 1.8;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;

    min-height: 52px;

    margin-bottom: 18px;
}

/* Read more button aligned bottom */

.read-more-toggle{
    margin-top: auto;

    color: #0b7a43;
    font-weight: 600;

    text-decoration: none;
}

/* =========================
   OWL ARROWS
========================= */

.feedback-slider .owl-nav{
    margin: 0;
}

/* Hidden initially */

.feedback-slider .owl-nav button{
    position: absolute;

    top: 50%;
    transform: translateY(-50%);

    width: 54px;
    height: 54px;

    border-radius: 50% !important;
    border: none !important;

    background: rgba(120,120,120,0.9) !important;
    color: #fff !important;

    font-size: 22px !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    opacity: 0;
    visibility: hidden;

    transition: all 0.3s ease;

    z-index: 10;
}

/* Show arrows on hover */

.feedback-slider:hover .owl-nav button{
    opacity: 1;
    visibility: visible;
}

/* Left */

.feedback-slider .owl-nav .owl-prev{
    left: -25px;
}

/* Right */

.feedback-slider .owl-nav .owl-next{
    right: -25px;
}

/* Hover */

.feedback-slider .owl-nav button:hover{
    background: #0b7a43 !important;
}

/* =========================
   MOBILE
========================= */

@media(max-width:767px){

    .feedback-card{
        padding: 24px 18px;
    }

    .feedback-slider .owl-nav button{
        width: 42px;
        height: 42px;
        font-size: 18px !important;
    }

    .feedback-slider .owl-nav .owl-prev{
        left: 0;
    }

    .feedback-slider .owl-nav .owl-next{
        right: 0;
    }
}
.performer-slider .owl-stage {
    display: flex;
}

.performer-slider .owl-item {
    display: flex;
    height: auto;
}

.performer-slider .item {
    width: 100%;
    height: 100%;
    padding-bottom: 15px; /* Leaves room for card shadows so they don't clip */
}

.performer-slider .card {
    width: 100%;
    height: 100%;
}
@media (min-width: 768px) {
    .pt-md-0 {
        padding-top: 0 !important;
    }
    .pt-md-4{
    padding-top: 4% !important
    }
    .pt-md-3{
    padding-top: 3% !important
    }

    .pb-md-3{
    padding-bottom: 3% !important
    }
    .pb-md-2{
    padding-bottom: 2% !important
    }
    .pt-md-2{
    padding-top: 2% !important
    }
    .border-radius-5{

    }
}
@media (max-width: 767px) {
    .internship-features .card-menu {
        height: 265px !important;
    }


.internship-product-card .card-menu {
  min-height: 110px;
  padding: 9px;
  transition: 0.3s ease;
}

}
.p-29px{
padding: 29px !important;
}


/* Dark overlay */

.fyugp-banner::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 1;
}

/* Content above overlay */

.fyugp-banner .container{
    position: relative;
    z-index: 2;
}

/* Banner title */



.bnr-title span{
    color: #ffc107;
}

/* Responsive */

@media (max-width: 991px){

    .fyugp-banner{
        min-height: 500px;
    }

    .bnr-title{
        font-size: 52px;
        line-height: 1.15;
    }
}

@media (max-width: 767px){

    .fyugp-banner{
        min-height: 420px;
          padding-top:35px !important;
  padding-bottom:35px !important;
        justify-content:center !important;
        align-items:center !important;
        text-align:center !important;
    }

    .bnr-title{
        font-size: 36px;
        line-height: 1.2;
    }

    .fyugp-banner p{
        font-size: 17px !important;
        line-height: 28px !important;
    }
}