*{
    font-family: Helvetica, sans-serif !important;
}
.herobg{
    background-image: url(../images/career/background.webp);
    background-size: cover;
}
.herofont{
    font-size: 100px;
    line-height: 92px;
}
.red{
    color: #C6150F;
}
.pt-60{
    padding-top: 60px;
}
.fontsize{
    font-size: 67px;
}
.graduate{
    margin-bottom: 20px;
}
.fontsize1{
    font-size: 50px;
}
.grey{
    color: #979797;
}
.btncolor{
    background-color: white;
    color: black;
    border-radius: 32px;
    
    padding: 10px 40px;
}
.btncolor1{
    border-color: white;
    color: white;
    border-radius: 32px;
    
    padding: 10px 40px;
}
.btncolor2{
    background-color: black;
    color: white;
    border-radius: 32px;
    
    padding: 10px 40px;
}
.thirdsection{
    background-image: url(../images/career/sec3bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
}
/* .imgcenter{
    justify-content: center;
} */
.adjustment{
    position: relative;
    top: -23px;
}
.adjustment1{
    position: relative;
    top: -82px;
    left: -50px;
}
/* .section5bg{
    background-image: url(../images/career/pinkbg.webp);
    background-size: cover;
    background-repeat: no-repeat;
} */


.clicksection{
    cursor: pointer;
}
.contentstoggle {
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  max-height: 1000px;
  opacity: 1;
}

.contentstoggle.hidden {
  max-height: 0;
  opacity: 0;
  padding: 0;
}
.redline{
    border: 1px solid #C6150F;
    padding: 50px;
    border-radius: 20px;
    margin-top: 15px;
}

.blog-active156 .item{
    margin-right: 20px;
}

.quotes{
    position: relative;
    top: -65px;
    width: 50px;
    left: -59px;
}

.graduate{
    color: #C6150F;
}
.adjust{
    margin-left: 70px;
    font-size: 50px;
}
.tag{
    background-image: url(../images/career/textbg.webp);
    background-size: contain;
    background-repeat: no-repeat;
    width: fit-content;
    padding-right: 80px;
}
.content{
    font-size: 23px ;
}
/* .btncolor2{
    background-color: #FF0000;
    color: white;
    border-radius: 0px;
    
    padding: 10px 40px;
}
.btncolor1{
    border-color: #FF0000;
    border-radius: 0px;
    background-color: black;
   
    padding: 10px 40px;
} */





.card{
    margin-top: 30px;
}
.card-box .card-body{
    height: 220px;
}
.quote-icon {
    position: absolute;
    top: -25px !important;
    left: -10px;
    z-index: 99;
}

/* .bgimagroad{
    background-image: url(../images/career/roadimage.jpeg);
    background-size: cover;    
    background-repeat: no-repeat;
    height: 900vh; 
    position: relative; 
} */
.orangelight{
    background-color: #FCF0E2;
    padding: 15px 60px;
    border-radius: 15px;
    /* position: absolute;
    top: 35px;
    left: 79px; */
}
/* .orangelight1{
    background-color: #FCF0E2;
    padding: 15px 60px;
    border-radius: 15px;
    position: absolute;
    top: 240px;
    left: 774px;
} */
 .roadmap-container {
      position: relative;
      max-width: 900px;
      margin: auto;
    }

    .road-image {
      width: 100%;
      display: block;
    }

    /* .orangelight {
      background-color: #FCF0E2;
      padding: 15px 60px;
      border-radius: 15px;
      position: absolute;
      width: 351px;
    } */

    /* Left aligned cards */
    .left-card {
      left: 181px;
      text-align: right;
    }

    /* Right aligned cards */
    .right-card {
      right: 0;
      text-align: left;
    }

    .orangelight h4 {
      font-weight: bold;
    }

    .week {
      background-color: #FBE1D3;
      border-color: #C6150F;
      padding: 4px 12px;
      border-radius: 8px;
      font-size: 14px;
      
    }

    /* Position each card vertically */
    .card-1 { top: 5%; }
    .card-2 { top: 25%; }
    .card-3 { top: 45%; }
    .card-4 { top: 65%; }
    .card-5 { top: 85%; }

.week{
    background-color: #FFE4D3;
    border-color: #C6150F;
    border-radius: 5px;
    padding: 5px 40px;
}
.section6bg{
    background: url(../images/career/bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    min-height: auto;               /* Full screen height */
    /* display: flex;  */
    align-items: center;             /* Optional: vertical center */
    justify-content: center;                  /* Optional: for centering content */
            /* Optional: horizontal center */
    padding: 20px; 
    padding-top: 130px;   
    padding-bottom: 130px;               /* Responsive padding */
    box-sizing: border-box;

}
.lastsection{
    background: url(../images/career/lastbg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0px;
    color: white;
}
.margin{
    margin-top: 240px;
}

.dotline2{
    position: absolute;
    top: 44%;
    right: 417px;
    width: 221px;
    z-index: 2;
}
.mt{
    margin-top: 119px;
}




/* REMOVE THIS IN TOP. */
.dotline{
    /* position: absolute;
    top: 44%;
    left: 417px;
    width: 221px;
    z-index: 2; */
}
.section5bg {
    background-image: url(../images/career/pinkbg5.webp);
    background-size: cover;          /* Cover entire area */
    background-repeat: no-repeat;    /* Prevent tiling */
    background-position: center;     /* Keep image centered */
    width: 100%;                     /* Full width */
    /* min-height: 100vh;              removed */ 
    display: flex;                   /* Optional: for centering content */
    align-items: center;             /* Optional: vertical center */
    justify-content: center;         /* Optional: horizontal center */
    padding: 200px 0px;                   /* Responsive padding */
    box-sizing: border-box;
}

.videobtn{
    position: absolute;
    bottom: 34px;
    left: 37px;
    border: none;
    background-color: white;
    padding: 5px 20px;
    border-radius: 10px;
}
.videobtn1{
    position: absolute;
    bottom: 34px;
    left: 37px;
    border: none;
    background-color: white;
    padding: 5px 20px;
    border-radius: 10px;
}
.videobtn2{
    position: absolute;
    bottom: 34px;
    left: 37px;
    border: none;
    background-color: white;
    padding: 5px 20px;
    border-radius: 10px;
}
/* Upto u have to remove */

.boxmovingwithline{
    display: flex;
    align-items: center;
    position: relative;
    left: 50px;
}

.boxmovingwithline1{
    display: flex;
    align-items: center;
    position: relative;
    left: -50px;
}


@media screen and (max-width:500px){
    .herofont {
        font-size: 50px;
        line-height: 50px;
        text-align: center;
    }
    .adjust{
        margin-left: 0px;
        text-align: center;
    }
    .fontsize {
    font-size: 30px;
}
.roadimg{
    display: none;
}





.mt {
    margin-top: 19px;
}

.dotline{
    display: none;
}
.boxmovingwithline,.boxmovingwithline1{
    display: block;
    position: static;
}
.mobilegap{
    margin-bottom: 50px;
}
.adjustment1{
    position: static;
    margin-bottom: 20px;
}
.margin{
    margin-top: 10px;
}
.section5bg{
    padding: 50px 0px;
}
.blog-active156 .item {
    margin-left:20px;
    margin-right:0px;

}
.btncolor,.btncolor1{
    padding: 12px 12px;
}

}


@media (min-width: 768px) and (max-width:1000px) {
      .orangelight {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
        left: auto;
        right: auto;
        text-align: left;
      }

      .roadmap-container {
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .road-image {
        display: none; /* hide the image on mobile for clarity */
      }
      .roadimg{
    display: none;
}
.blog-active156 .item {
    margin-left:20px;
    margin-right:0px;

}

    }