body {
    background-color: #fff;
}
/*banner section Start*/
section.main_career_container {
    background: #ffffff;
    padding: 20px 0 0 0;
}
.career_banner {
    position: relative;
    z-index: 9;
}
.career_banner:before {
    position: absolute;
    content: "";
    top: 0;
    left: 30px;
    right: 30px;
    bottom: -100px;
    border-radius: 16px;
    background: #F2F4F7;
    z-index: -1;
}
.career_inner {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    margin-bottom: -60px;
    right: 0;
}
.career_inner h1 {
    color: var(--Text-Grey-700, #344054);
    text-align: center;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: -0.96px;
    margin-bottom: 16px;
}
.career_inner h1 span {
    background: var(--Gradient-G1, linear-gradient(180deg, #8A75FE -0.01%, #3A58EF 100.01%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: -0.96px;
}
.career_inner p {
    color: var(--Text-Grey-600, #475467);
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 48px;
}
a.career_aplybtn {
    border-radius: 4px;
    background: var(--Theme-Blue-500, #3A58EF);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    display: inline-flex;
    padding: 16px 28px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    transition: .4s ease-out;
}
a.career_aplybtn:hover {
    color: #3A58EF;
    border: 1px solid #3A58EF;
    background-color: #ffffff;
}
a.career_aplybtn:hover svg path {
    stroke: #3a58ef;
}
.career_banner img {
    margin-top: 20px;
    width: 100%;
}
/*banner section End*/

/*.Why my cpe start*/
.Benefits_Bg {
    border-radius: 16px;
    background: #F5F8FD;
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
    padding: 32px 24px;
}
.Benefits_Title {
    text-align: center;
}
.Benefits_Title h2 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
    margin-bottom: 8px;
}
.Benefits_Title p {
    color: var(--Text-Grey-600, #475467);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 32px;
}
section.Why_Mycpe_One {
    padding: 170px 0 73px 0;
}
.Why_Left h2 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
    margin-bottom: 48px;
}
.Why_Left p {
    color: var(--Text-Grey-700, #344054);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 16px;
}
.Benefits_Box {
    border-bottom: 1px solid var(--Text-Grey-200, #D0D5DD);
    padding: 24px 16px;
    text-align: center;
}
.Benefits_Box p {
    color: #344054;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}
.Benefits_Box p svg {
    margin-right: 20px;
}
.Why_Left .Benefits_Box p {
    color: #344054;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    border: none;
    padding: 0;
}
.Our_Benefits h4 {
    color: var(--Text-Grey-600, #475467);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin-top: 24px;
}
.Why_Left .Benefits_Box p svg {
    margin-right: 20px;
}
.Why_Right {
    text-align: center;
}
/*Why my cpe end*/


/*One Story Start*/
section.One_Story {
    padding: 72px 0;
}
.Story_Title h2 {
    color: #26244A;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
    margin-bottom: 48px;
}
.Story_Tabs ul {
    justify-content: space-around;
    position: relative;
    border: none;
}
.Story_Tabs ul:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: #EAECF0;
    top: 20px;
}
.Story_Tabs ul li.nav-item {
    background-color: #fff;
    z-index: 9;
    position: relative;
}
.Story_Tabs ul li.nav-item button {
    color: var(--Text-Grey-600, #475467);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.Story_Tabs .nav-tabs .nav-link.active {
    border: none;
    color: var(--Theme-Blue-500, #3A58EF);
}
.Story_Tabs .nav-tabs .nav-link.active:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #3A58EF;
    position: absolute;
    left: 2px;
    border-radius: 50px;
    top: 16px;
}
.Story_Box {
    border-radius: 8px;
    border: 1px solid var(--Text-Grey-100, #F2F4F7);
    background: var(--Text-Grey-50, #F9FAFB);
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
    padding: 32px;
    margin-top: 32px;
}
.Story_Box h4 {
    color: var(--Text-Grey-700, #344054);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 16px;
}
.Story_Box p {
    color: var(--Text-Grey-600, #475467);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
/*One Story End*/

/*Grow Career start*/

section.Grow_Career {
    background: #F5F8FD;
    padding: 72px 0 200px 0;
    position: relative;
}
.Grow_Career_Left h2 {
    color: #26244A;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
    margin-bottom: 48px;
}
.Grow_Career_Left p {
    color: var(--Text-Grey-700, #344054);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
}
.Grow_Career_Left a {
    border-radius: 4px;
    background: var(--Theme-Blue-500, #3A58EF);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 12px 20px;
    display: inline-block;
    color: var(--White, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    transition: .4s ease-out;
    margin-top: 16px;
}
.Grow_Career_Left a svg {
    margin-left: 8px;
}
.Grow_Career_Left a:hover {
    color: #3A58EF;
    border: 1px solid #3A58EF;
    background-color: #ffffff;
}
.Grow_Career_Left a:hover svg path{
    stroke: #3A58EF;
}
.Grow_Career_Right {
    text-align: right;
}
.Dropouts_Left video {
    border-radius: 8px;
    background: var(--Theme-Blue-100, #D8DEFC);
    padding: 32px;
    width: 470px;
    height: 300px;
}
.Dropouts {
    margin-top: 72px;
}
.Dropouts_Right h2 {
    color: #26244A;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
    margin-bottom: 48px;
}
.Dropouts_Right p {
    color: var(--Text-Grey-700, #344054);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
}
.Dropouts_Right a {
    border-radius: 4px;
    border: 1px solid var(--Theme-Blue-500, #3A58EF);
    padding: 12px 20px;
    display: inline-block;
    color: var(--Theme-Blue-500, #3A58EF);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-top: 16px;
    transition: .4s ease-out;
}
.Dropouts_Right a:hover {
    background-color: #3a58ef;
    color: #fff;
}
.Behind_Scenes {
    border-radius: 16px;
    background: var(--White, #FFF);
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
    position: absolute;
    text-align: center;
    margin-top: 72px;
    bottom: -110px;
    padding: 32px 0;
}
.Behind_Scenes h2 {
    color: #26244A;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
    margin-bottom: 24px;
}
.Behind_Scenes p {
    color: var(--Text-Grey-700, #344054);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.Behind_Scenes a {
    border-radius: 4px;
    background: var(--Theme-Blue-50, #EBEEFD);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    display: inline-block;
    padding: 12px 30px;
    margin-top: 24px;
    color: var(--Theme-Blue-500, #3A58EF);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    transition: .4s ease-out;
}
.Behind_Scenes a:hover {
    background-color: #3a58ef;
    color: #fff;
}
/*Grow Career end*/

/*Our Policies Start*/

section.Our_Policies {
    padding: 72px 0 72px 0;
}

.Policies_Title h2 {
    color: #26244A;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
    margin-bottom: 48px;
}
.Policies_left .nav button {
    text-align: left;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #EAECF0;
    color: var(--Text-Grey-400, #98A2B3);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    padding: 16px 0;
    border-radius: 0;
}
.Policies_left .nav button.active {
    background: transparent;
    color: var(--Theme-Blue-500, #3A58EF);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}
.Policies_left .nav button.active svg circle {
    fill: #758AF4;
}
.Policies_Data .accordion-item {
    border: none;
    border-bottom: 1px solid #E1E2E6;
    border-radius: 0;
}
.Policies_Data .accordion-item h2.accordion-header button {
    color: var(--Theme-Dark-Blue-800, #26244A);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    padding: 24px 0;
    background: transparent;
    box-shadow: none;
}
.Policies_Data .accordion-item .accordion-body {
    padding: 17px 0;
}
.Policies_Data .accordion-item .accordion-body p {
    color: var(--Text-Grey-600, #475467);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 15px;
}
.Policies_Data .accordion-item h2.accordion-header button::after {
    content: "";
    display: block;
    background-image: url(../images/career-page/CircleDown.svg);
}
/*Our Policies End*/
/*General Evaluation Criteria  Start*/

section.general_evaluation {
    background: #ffffff;
    padding: 72px 0;
}
.general_left.sticky-top {
    top: 100px;
    z-index: 0;
}
.general_left h2 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
}
.general_left p {
    color: var(--Text-Grey-600, #475467);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 16px;
}
.general_left img {
    margin-top: 15px;
}
.general_itm {
    display: flex;
    padding: 16px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    border-radius: 16px;
    border: 1px solid var(--Text-Grey-300, #D0D5DD);
    background: #ECF0F8;
    height: 100%;
}
.general_itm h4 {
    color: var(--Text-Grey-700, #344054);
    text-align: left;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}
.general_itm p {
    color: var(--Text-Grey-600, #475467);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
section.key_interview {
    padding: 72px 0;
    background: #ffffff;
}
section.key_interview h2 {
    color: #26244A;
    text-align: center;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
    margin-bottom: 48px;
}
.key_interview {
    border-radius: 8px;
    background: var(--Text-Grey-100, #F2F4F7);
    padding: 16px;
}
.key_interview h6 {
    overflow: hidden;
    color: var(--Text-Grey-800, #1D2939);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin-top: 18px;
    margin-bottom: 8px;
}
.key_interview span {
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    display: block;
}
.key_interview p {
    color: var(--Text-Grey-500, #5D667B);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 16px;
}
a.viewmore_tips {
    display: inline-flex;
    padding: 16px 68px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid var(--Theme-Blue-500, #3A58EF);
    margin-top: 30px;
    transition: .4s all ease;
}
a.viewmore_tips:hover {
    background: #3A58EF;
    color: #ffffff;
}
/*General Evaluation Criteria  End*/
.Life_At_Mycpe {
    background: #EBEEFD;
    padding: 72px 0 0 0;
    --space: 2rem;
    display: grid;
    align-content: center;
    overflow: hidden;
    gap: var(--space);
    width: 100%;
  }
  
  .Life_At_Mycpe h2.Sec_Title {
    color: var(--Theme-Dark-Blue-800, #26244A);
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; 
    letter-spacing: -0.72px;
    margin-bottom: 48px;
  }
  
  
  .Life_At_Mycpe .marquee {
    --duration: 60s;
    --gap: var(--space);
    /* display: flex; */
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
  }
  
  .Life_At_Mycpe .marquee__group {
    flex-shrink: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    margin-bottom: 30px;
  }
  .Our_Events_Box {
    position: relative;
}
.Our_Events_Box a.event-link:after {
    content: '';
    background: url(../images/career-page/Back_Overlay.svg) no-repeat;
    background-size: contain;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
}
  
  .foonavBlk {
    pointer-events: none;
  }
  
  .fooNav dd a {
    pointer-events: visible;
  }
  
  .Life_At_Mycpe .marquee--borders {
    border-block: 3px solid dodgerblue;
    padding-block: 0.75rem;
  }
  
  .Life_At_Mycpe .marquee--reverse .marquee__group {
    animation-direction: reverse;
    animation-delay: calc(var(--duration) / -2);
  }
  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
  
    100% {
      transform: translateX(calc(-100% - var(--gap)));
    }
  }

  @keyframes fadein {
      0% {
          opacity: 0;
          transform: translateY(50%);
      }
      
      100% {
          opacity: 1;
          transform: translateY(0);
      }
  }
  
 
  
/**/
.Team_Speaks {
    background-image: url(../images/career-page/Team_Speaks_Slider_Bg.png);
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 60px 0 20px 0;
    background-color: #f5f8fd;
}
.Team_Speaks h2 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
}
.Team_Speaks h2.Sec_Title {
  color: var(--secondary-secondary-100, #171A1F);
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 46.8px */
  letter-spacing: 0.36px;
  text-transform: capitalize;
  margin-bottom: 45px;
  padding: 0;
  margin-bottom: 16px;

}
.Team_Speaks p {
    color: var(--Text-Grey-600, #475467);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 45px;
}

.center.Team_Speaks_Slider {
  padding: 0;
}

.Team_Speaks_Slider .slick-slide {
  margin: 0px;
  height: auto;
  transform: scale(1);

}
.Team_Speaks_Slider .slick-slide.slick-current {
  transform: scale(1);

}
.Team_Speaks_Box {
  border-radius: 20px;
  background: #FFF;
  backdrop-filter: blur(2px);
  padding: 30px;
  box-shadow: 0px 60px 80px -50px rgba(80, 107, 241, 0.20);
  margin: 0 30px 100px 30px;
}

.Team_Speaks_Box_Top {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.Team_Speaks_Box_Top svg {
  min-width: 28px;
}


span.Team_Speaks_Box_Top_Border_Right {
  border-radius: 1px;
  background: #EAEAEF;
  width: 100%;
  height: 2px;
  margin-left: 40px;
}

.Team_Speaks_Box p {
    min-height: 181px;
    margin-bottom: 30px;
    padding: 0;
    color: var(--Text-Grey-900, #101828);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
}
.Team_Speaks_Box_Bottom img {
    width: 60px;
}

.Team_Speaks_Box_Bottom_Text {
  margin-left: 20px;
}

.Team_Speaks_Box_Bottom_Text h3 {
    text-align: left;
    padding: 0;
    margin-bottom: 4px;
    color: var(--Text-Grey-800, #1D2939);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

.Team_Speaks_Box_Bottom {
  display: flex;
  align-items: center;
}
 .Team_Speaks_Box_Bottom_Text p {
    padding: 0;
    min-height: auto;
    margin-bottom: 0;
    color: var(--Text-Grey-600, #475467);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}


.Team_Speaks_Slider .slick-arrow {
    background: url(../images/career-page/Pagination-Arrow.svg) center center no-repeat;
    width: 52px;
    height: 52px;
    position: absolute;
    bottom: 0;
    right: calc(50% + 10px);
    z-index: 99;
    top: 90%;
}
.Team_Speaks_Slider .slick-prev.slick-arrow {
    left: calc(50% + 10px);
    transform: rotate(-180deg);
    top: 84.4%;
}
.center03 .slick-arrow {
    background: url(../images/career-page/Pagination-Arrow.svg) center center no-repeat;
    width: 52px;
    height: 52px;
    position: absolute;
    bottom: 0;
    right: calc(50% + 10px);
    z-index: 99;
    top: 90%;
}
.center03 .slick-prev.slick-arrow {
    left: calc(50% + 10px);
    transform: rotate(-180deg);
    top: 82.2%;
}
.slick-prev:before,.slick-next:before{
    display: none;
}
/**/  

/*hiring Process Start*/
section.Hiring_Process {
    background: #F5F8FD;
    padding: 72px 0;
    overflow: auto;
}
.timeline-container {
    padding: 50px 20px;
  }

  .timeline-step {
    position: relative;
    text-align: center;
    width: 20%;
  }

  .timeline-step .circle {
    border-radius: 50%;
    margin: 0 5px 15px;
    z-index: 99;
    border: 5px solid #EBEEFD;
    background: var(--Theme-Blue-500, #3A58EF);
    display: flex;
    width: 50px;
    height: 50px;
    padding: 7px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    position: relative;
}

.timeline-step .line {
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 4px;
    background-color: #9CABF7;
    z-index: 9;
}

  .timeline-step:last-child .line {
    display: none;
  }

  .timeline-step-inner h3 {
    color: var(--Text-Grey-800, #1D2939);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 12px;
}

  .timeline-step p {
    font-size: 14px;
    color: #666;
  }

  .timeline-step .time {
    color: var(--Text-Grey-600, #475467);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}
.timeline-step-inner.top {
    position: absolute;
    left: 20%;
    bottom: 100%;
    width: 385px;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 24px;
    min-height: 188px;
}
.timeline-step-inner.top:before {
    content: "";
    position: absolute;
    left: -9px;
    bottom: 0;
    width: 1px;
    text-align: left;
    border: 1px dashed #3A58EF;
    height: 100%;
}
.timeline-step-inner.bottom {
    position: absolute;
    left: 20%;
    bottom: auto;
    width: 420px;
    padding-left: 8px;
    padding-top: 24px;
    top: 51px;
    text-align: left;
    /* min-height: 205px; */
}
.timeline-step-inner.bottom:before {
    content: "";
    position: absolute;
      left: -10px;
    bottom: auto;
    width: 1px;
    text-align: left;
    border: 1px dashed #3A58EF;
    height: 100%;
    top: 0;
}

.timeline-step-inner p {
    color: var(--Text-Grey-600, #475467);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 4px;
}
.container.main-timeline h2 {
    color: #26244A;
    text-align: center;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
}
.timeline-container {
    padding-top: 183px;
    padding-bottom: 212px;
}
.max-width-last{
    max-width: 220px;
}
/*hiring Process End*/

/* Our Events Start */
section.Our_Events {
    background: #F5F8FD;
    padding: 48px 0;
}
.Our_Events_Title h2 {
    color: #26244A;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
    margin-bottom: 48px;
}
.Our_Events_Box a.event-link:after {
    content: '';
    background: url(../images/career-page/Back_Overlay.svg) no-repeat;
    background-size: cover;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20px;
  }
  .Our_Events_Main .Our_Events_Box img {
    border-radius: 10px;
  }
  .Our_Events_Main .Our_Events_Box p {
    color: #171A1F;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 30px */
    margin-top: 15px;
    margin-bottom: 0;
  }
  
  .Our_Events_Main .slick-slide {
    margin: 30px;
    height: auto;
    transform: scale(1);
  }
  
  .Our_Events_Main .slick-slide.slick-current {
    transform: scale(1);
  }
/* Our Events End */
/*Macking Professional  start*/
.partner_item_body {
    padding: 0px 26px 16px 26px;
    position: relative;
    color: var(--Text-Grey-600, #475467);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.partner_item:before {
    position: absolute;
    content: "";
    height: calc(100% + 40px);
    width: 2px;
    background: #F3F1FD;
    left: -40px;
    top: 20px;
}
.partner_item:last-child::before {
    height: calc(100% - 40px);
}
.partner_item.active:last-child::before {
    height: calc(100% + 40px);
}

.partner_item h5 {
    color: var(--Text-Grey-800, #1D2939);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}
.partner_item b {
    color: var(--Theme-Blue-800, #182878);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: inline-flex;
    width: 30px;
    height: 30px;
    padding: 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 500px;
    border: 1px solid var(--Theme-Blue-200, #9CABF7);
    background: #FFF;
    position: absolute;
    left: -54px;
    top: 14px;
    z-index: 9;
}
.partner_item > h5 {
    cursor: pointer;
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
}
.partner_item {
    border-radius: 8px;
    border: 1px solid #EAECF0;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    margin-bottom: 32px;
    position: relative;
}
.partner_item:last-child {
    margin: 0;
}
.partner_item.active > h5 svg {
    transform: rotate(0deg);
}
.partner_item > h5 svg {
    transform: rotate(180deg);
}
.partner_item_body p {
    margin-bottom: 16px;
}
.partner_item_body ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.partner_item_body ul li {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    line-height: 20px;
}
.partner_item_body ul li svg {
    min-width: 19px;
}
.making_professional_ttl h2 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
    margin-bottom: 32px;
}
.making_professional_ttl b {
    display: block;
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 8px;
}
.making_professional_ttl p {
    color: var(--Text-Grey-500, #5D667B);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 16px;
}
a.professtional_btn {
    border-radius: 4px;
    border: 1px solid var(--Theme-Blue-500, #3A58EF);
    display: inline-block;
    padding: 8px 14px;
    color: var(--Theme-Purple-500, #3A58EF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    transition: .4s ease-in-out all;
}
a.professtional_btn:hover {
    border-radius: 4px;
    border: 1px solid var(--Theme-Blue-500, #3A58EF);
    background: #3A58EF;
    display: inline-block;
    padding: 8px 14px;
    color: var(--Theme-Purple-500, #ffffff);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}
.making_professional_ttl{
    top:100px;
    z-index: 9;
}
.making_professional{
    padding-top: 100px;
    padding-bottom: 72px;
}
.making_professional-white {
    background: #F5F8FD;
}
.making_professional-dark{
    background: #F5F8FD;
}
.making_professional-dark .partner_item{
    background: #ffffff;
}
.making_professional_ttl h5 {
    color: var(--Text-Grey-700, #344054);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}
/*Macking Professional Over*/

/*  Media Shoutouts Start */
section.Media_Shoutouts {
    background: var(--Text-Grey-50, #EBEEFD);
    padding: 72px 0;
}
.Media_Title h2 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
    margin-bottom: 48px;
}
.Media_Tabs ul {
    border: none;
}
.Media_Tabs ul li.nav-item button {
    border-radius: 4px;
    background: var(--White, #FFF);
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.10);
    color: var(--Theme-Purple-500, #3A58EF);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    padding: 8px 14px;
    margin-left: 16px;
}
.Media_Tabs ul li.nav-item button.active {
    border-radius: 4px;
    background: var(--Theme-Purple-500, #3A58EF);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    color: var(--White, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    border: none;
}
.Media_Box {
    border-radius: 8px;
    background: #FFF;
    padding: 16px;
    height: 100%;
}

.Media_User {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 18px;
}

.Media_profile_img { margin-right: 18px; }

.User h6 {
    color: var(--Text-Grey-800, #1D2939);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}
.User p {
    color: var(--Text-Grey-400, #98A2B3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.Media_Box p.User_Text {
    color: var(--Text-Grey-700, #344054);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    height: 120px;
    overflow: hidden;
}
.Media_Data {
    margin-top: 20px;
}
.Media_Box a {
    color: var(--Theme-Blue-500, #3A58EF);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-top: 8px;
    display: inline-block;
}
.View_More_Media a {
    color: var(--Theme-Blue-500, #3A58EF);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-radius: 4px;
    border: 1px solid var(--Theme-Blue-500, #3A58EF);
    padding: 16px 50px;
    display: inline-block;
    margin-top: 32px;
    transition: .4s ease-out;
}
.View_More_Media a:hover {
    background-color: #3A58EF;
    color: #fff;
}

.View_More_Media {
    text-align: center;
}

.Media_Shoutouts .title_box { margin-bottom: 48px; }
.Media_Shoutouts .title_box h2 { color: #26244A;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
    margin-bottom: 8px;
}
.Media_Shoutouts .title_box p { font-weight: 400; font-size: 16px; line-height: 24px; color: #344054; margin: 0; text-align: center; }
/*  Media Shoutouts End */

/**/
section.Insightful_Blogs {
    background: var(--Text-Grey-50, #F9FAFB);
    padding: 72px 0;
}
.Insightful_Title h2 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
    margin-bottom: 48px;
}
.Insightful_Box {
    box-shadow: 0px 30px 30px rgb(0 9 94 / 5%);
}
.Insightful_Box {
    border-radius: 8px;
    background: #FFF;
    padding: 16px;
    height: 100%;
}
.Insightful_Box img {
    width: 100%;
}
.view_all_blog{
    margin-top: 40px;
}
.Insightful_Box h4 {
    overflow: hidden;
    color: var(--Text-Grey-800, #1D2939);
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    height: 52px;
    margin-top: 18px;
    margin-bottom: 8px;
}
.Insightful_Box h6 {
    color: var(--Text-Grey-400, #98A2B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 15px;
}
.Insightful_Box h6 .blog_author {
    max-height: 20px;
    width: auto;
}
.Insightful_Box p {
    color: var(--Text-Grey-500, #5D667B);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* height: 75px; */
    /* overflow: hidden; */
}
.Insightful_img {
    max-height: 240px;
    overflow: hidden;
    border-radius: 8px;
}
.Insightful_Box a img:hover {
    transform: scale(1.1);
}
.Insightful_Box a img {
    border-radius: 8px;
    transition: 0.3s;
}
.Insightful_Box a img {
    border-radius: 8px;
}
/**/
/*Our_First Start*/

section.Our_First {
    background: var(--Theme-Blue-50, #F5F8FD);
    padding: 72px 0;
}
section.Our_First ul {
    border: none;
}

section.Our_First .Media_Tabs { 
    display: flex;
    justify-content: center;
    flex-direction: column;
}

section.Our_First .nav.nav-tabs {
    display: inline-flex;
    padding: 2px;
    align-items: flex-start;
    border-radius: 12px;
    background: #FFF;
    margin: 0 auto;
}

section.Our_First ul li.nav-item button {
    background: #fff;
    color: var(--Text-Grey-500, #5D667B);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    border-radius: 10px;
    padding: 8px 20px;
    margin: 0;
}
section.Our_First ul li.nav-item button.active {
    border: none;
    border-radius: 10px;
    background: var(--Theme-Blue-500, #3A58EF);
    box-shadow: 0px 4px 4px -2px rgba(24, 39, 75, 0.06), 0px 2px 4px -2px rgba(24, 39, 75, 0.02), 0px 0px 2px 0px #E0E0E0;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

section.Our_First .tab-content { margin-top: 32px; }
.Story_Client h2 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
}
.Story_Client p {
    color: var(--Text-Grey-600, #475467);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 4px;
}
.Client_Box {
    position: relative;
}
.Client_Data {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
    padding: 8px 24px;
    position: absolute;
    text-align: center;
    bottom: -35px;
    left: 0;
    right: 0;
    margin: 0 50px;
}
.Client_Data h6 {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}
.Client_Data p {
    color: var(--Text-Grey-600, #475467);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.Client_Box img {
    width: 100%;
}
.Top_Box {
    border-radius: 8px;
    background: #FFF;
    padding: 16px;
}
.Top_Box h4 {
    color: var(--Text-Grey-700, #344054);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}
.Top_Box h6 {
    color: var(--Text-Grey-600, #475467);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.Top_Box p {
    color: var(--Text-Grey-900, #101828);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}
.Client_Main {
    margin: 48px 0;
}
.Client_Right p {
    color: var(--Text-Grey-700, #344054);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    margin: 16px 0;
}
.More_Can {
    display: none;
}

.Patel_Box {
    border-radius: 10px;
    background: var(--Text-Grey-50, #F9FAFB);
    display: inline-block;
    padding: 16px;
    margin-bottom: 24px;
}
.Patel_Box h3 {
    color: var(--Theme-Blue-400, #4E69F1);
    font-size: 24px;
    font-style: italic;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 20px;
}
.Shawn_Box {
    display: flex;
    gap: 16px;
}
.Shawn_Box h5 {
    color: var(--Text-Grey-800, #1D2939);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 4px;
}
.Shawn_Can h6 {
    color: var(--Text-Grey-600, #475467);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.Client_Right a {
    border-radius: 4px;
    background: var(--Theme-Blue-100, #D8DEFC);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 8px 14px;
    display: inline-block;
    color: var(--Theme-Blue-500, #3A58EF);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    position: relative;
    padding-right: 40px;
}
.Client_Right a:after {
    content: "";
    background-image: url(../images/career-page/DoubleDown.svg);
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 10px;
    top: 8px;
}
.More_Can.active + a::after {
    transform: rotate(180deg);
}
.Joyful_Moments h3 {
    color: var(--Text-Grey-800, #1D2939);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 24px;
}
.Joyful_Moments {
    /* border-radius: 16px;
    border: 1px solid var(--Text-Grey-300, #D0D5DD);
    padding: 16px; */
}
.Client_Box.Employee img {
    width: auto;
    text-align: center;
}
.Client_Box.Employee {
    text-align: center;
}

.Joyful_Moments h4 { 
color: var(--Text-Grey-800, #1D2939);
text-align: center;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 130%;
margin-bottom: 24px;
}
/*Our_First End*/
section.Our_Policies.Frequently {
    padding: 72px 0;
}
section.Our_Policies.Frequently .accordion-item .accordion-body p {
    margin:0;
    color: var(--Text-Grey-600, #475467);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}
section.Our_Policies.Frequently .accordion-item .accordion-body ul li {
    color: var(--Text-Grey-600, #475467);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-left: 20px;
}

/*be part*/
.be_part { margin-top: 48px; padding-top: 48px; border-top: 1px solid #D0D5DD; }
.be_part > h5 { font-weight: 600; color: #475467; font-size: 24px; line-height: 32px; margin-bottom: 32px; text-align: center; }
.be_part .row > div a  { height: 130px; display: flex; justify-content: center; align-items: center; padding: 37px 24px; border: 1px dashed #D0D5DD; background: #F2F4F7; border-radius: 12px; pointer-events: none; cursor: default; }
.be_part .row > div a span { display: inline-flex; padding-right: 0; font-size: 18px; line-height: 28px; color: #475467; font-weight: 500; text-align: center; }
.be_part .row > div a svg { display: none; }
/*be part*/

/*Our Offices*/
.our_offices { padding: 72px 0; background-color: #EBEEFD; }
.our_offices .title_box { margin-bottom: 48px; }
.our_offices .title_box h2 { color: #26244A;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
    margin-bottom: 8px;
}
.our_offices .title_box p { font-weight: 400; font-size: 16px; line-height: 24px; color: #344054; margin: 0; text-align: center; }

.note_box { margin-bottom: 48px; text-align: center; padding: 0 15px; }
.note_box span { border: 1px dashed #D0D5DD; display: inline-block; padding: 8px 16px; font-weight: 600; font-size: 18px; color: #1D2939; line-height: 28px; background: #FFFFFF80; }

.our_location h3 { font-size: 20px; font-weight: 600; color: #344054; line-height: 30px; padding-bottom: 8px; margin-bottom: 16px; border-bottom: 1px solid #D0D5DD; }

.our_location .row > div a  { transition: .4s ease-out; display: block; height: 48px; display: flex; justify-content: space-between; align-items: center; padding: 12px; background: #F9FAFB; border-radius: 4px; }
.our_location .row > div a span { display: inline-flex; padding-right: 10px; font-size: 16px; line-height: 24px; color: #344054; font-weight: 400; }    
.our_location .row { margin-bottom: 30px; }

.planned_expansion { border-radius: 16px; border: 1px dashed #9CABF7; background: #D8DEFC; padding: 32px; text-align: center; margin-top: 18px; }
.planned_expansion h4 { color: var(--Text-Grey-700, #344054);
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 16px;
}

.planned_expansion p { color: var(--Text-Grey-600, #475467);
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 16px;
    margin-bottom: 0;
    border-bottom: 0;
}

.planned_expansion h5 { 
color: var(--Text-Grey-700, #344054);
text-align: center;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 30px;
margin-bottom: 16px;
} 


.upcoming_list { max-width: 662px; margin: 0 auto; margin-bottom: 32px;}
.upcoming_list div span { transition: .4s ease-out; border-radius: 4px; background: var(--Text-Grey-50, #F9FAFB); padding: 12px; display: block; color: var(--Text-Grey-700, #344054);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
 }
 .upcoming_list div a { pointer-events: none; cursor: default; display: block; }
/*Our Offices*/

/*Expansion Cities*/
.expansion_cities { padding: 72px 0; }
.expansion_cities .title_box { margin-bottom: 48px; }
.expansion_cities .title_box h2 { color: #26244A;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
    margin-bottom: 8px; 
}
.expansion_cities .title_box p { font-weight: 400; font-size: 16px; line-height: 24px; color: #344054; margin: 0; text-align: center; }

.image_content { margin-bottom: 48px; align-items: center; }
.image_content .col-md-8 h4 {
    color: var(--Text-Grey-800, #1D2939);
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px;
margin-bottom: 16px;
 }
 .image_content .col-md-8 p {
color: var(--Text-Grey-600, #475467);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin-bottom: 0;
 }

 .benefits_ourteam { 
border-radius: 16px;
border: 1px solid var(--Text-Grey-200, #EAECF0);
background: var(--Text-Grey-50, #F9FAFB);
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
padding: 32px;
margin-bottom: 48px;
 }

 .benefits_ourteam .row .content_box { 
    border-radius: 16px;
border: 1px solid var(--Text-Grey-300, #D0D5DD);
background: #F5F8FD;
padding: 16px 24px;
min-height: 100%;
 }

 .benefits_ourteam .row .content_box .icon_box { margin-bottom: 16px; }

 .benefits_ourteam .row div h4 {
    color: var(--Text-Grey-700, #344054);
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 30px;
margin-bottom: 8px;
 }

 .benefits_ourteam .row div p {
    color: var(--Text-Grey-600, #475467);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin: 0;
 } 

 .benefits_ourteam .row .first_box {
    padding: 16px;
 }

 .benefits_ourteam .row .first_box h4 {
    color: var(--Text-Grey-800, #1D2939);
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px;
margin-bottom: 16px;
 }

 .read_to_know {
padding: 32px 64px;
border-radius: 16px;
background: var(--Gradient-G8, linear-gradient(278deg, #DEE3FD 0%, #F3ECFD 100%));
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
position: relative;
overflow: hidden;
 }

 .read_to_know:before { 
    content: ""; 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    background-image: url(../images/career-page/read-know-bg.png);
    background-position: right center;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
}

 .read_to_know p { 
color: var(--Text-Grey-700, #344054);
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px; 
}

 .read_to_know .career_aplybtn { height: 48px; min-width: 170px; }
 .readtoknow_inner { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; }  
/*Expansion Cities*/

/*benefit*/
.benefit_left_main { position: sticky; top: 30px; }
.Benefits_Title h2 { text-align: left; }
.Benefits_Title p { text-align: left; margin-bottom: 24px; }
.benefits_main { padding-top: 72px; padding-bottom: 72px; background-color: #F5F8FD; }
.benefits_main .col-md-5 { padding-right: 15px; }

.benefits_main .accordion-item { margin-bottom: 16px; overflow: hidden; border-radius: 8px; border: 1px solid #EAECF0; background: var(--White, #FFF); box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); }
.benefits_main .accordion-button {  
    background: var(--White, #FFF);
    padding: 24px;
    color: var(--Theme-Purple-800, #0B0084);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}
.benefits_main .accordion-body { padding: 24px; padding-top: 0; }
.benefits_main .accordion-button:focus { outline: none; box-shadow:none; } 
.benefits_main .accordion-button:not(.collapsed) { box-shadow: none; }

.benefits_main .accordion-button::after { 
    background-image: url(../images/career-page/accordian-down-arrow.svg);
    width: 20px;
    height: 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.benefits_main .accordion-body p { 
color: var(--Text-Grey-600, #475467);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
margin-bottom: 8px;
}

.benefits_main .accordion-body ul { padding-left: 24px; }
.benefits_main .accordion-body ul li { margin-bottom: 8px; }
.benefits_main .accordion-body ul li strong { 
color: #1D2939;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 800;
line-height: 24px;
 }

 .benefits_main .accordion_testimonial { 
padding: 30px 0px;
border-radius: 8px;
background: #F8F8F8;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
margin-bottom: 16px;
 }

 .benefits_main .accordion_testimonial .quote_box {
    padding: 0 0 0 68px;
    margin: 0 20px 20px;
    position: relative;
    min-height: 28px;
 }

 .benefits_main .accordion_testimonial .quote_box span { display: inline-block; position: absolute; left: 0; top: 0; }
 .benefits_main .accordion_testimonial .description { padding: 0 30px;
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}

 .benefits_main .accordion_testimonial .quote_box hr { 
   position: relative;
   top: 13px;
   border-top: 2px solid #D0D5DD;
   opacity: 1;
  }

    .accordion_testimonial .about-client {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 24px;
        padding: 0 30px;
    }

    .accordion_testimonial .about-client .client_img {
        border-radius: 50%;
        margin-right: 20px;
        width: 60px;
        height: 60px;
        overflow: hidden;
        display: none;

    }
    .accordion_testimonial .about-client .client_img img { width: 60px; height: 60px; }

    .accordion_testimonial .about-client .cle-info {
        text-align: left;
    }

    .accordion_testimonial .about-client .cle-info h6 {
        color: var(--Text-Grey-800, #1D2939);
text-align: left;

/* Text lg / Medium */
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 155.556% */
    }

    .accordion_testimonial .about-client .cle-info p {
        color: var(--Text-Grey-600, #475467);
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin: 0; 
    } 

/*benefit*/

.Our_Policies .Media_Tabs > .tab-content { margin-top: 48px; }

/*blog*/
.blogs { margin: 48px 0 0; }
.blogs > h3 {
color: var(--Theme-Dark-Blue-800, #26244A);
text-align: center;
/* Webpage/Header 2 */
font-family: Inter;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 43.2px */
letter-spacing: -0.72px;
margin-bottom: 48px;
}

.blogs .Insightful_Box {
    border-radius: 8px;
    background: #ffffff;
    padding: 16px;
    margin-bottom: 28px;
    height: auto;
}
.Insightful_Box img {
    width: 100%;
    max-height: 240px;
}

.Insightful_Box a img:hover { transform: none; }
.Insightful_Box h4 {
    overflow: hidden;
    color: var(--Text-Grey-800, #1D2939);
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    height: 52px;
    margin-top: 18px;
    margin-bottom: 8px;
}
.Insightful_Box h6 {
    color: var(--Text-Grey-400, #98A2B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 15px;
}
.Insightful_Box p {
    color: var(--Text-Grey-500, #5D667B);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    height: 75px;
    overflow: hidden;
}
/*blog*/

/*stories*/
.stories { padding: 72px 0; background: var(--Gradient-G8, linear-gradient(278deg, #DEE3FD 0%, #F3ECFD 100%)); }
.section_title { 
color: var(--Theme-Dark-Blue-800, #26244A);
text-align: center;
font-family: Inter;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 120%;
letter-spacing: -0.72px;
margin-bottom: 48px;
}

.storie_logo_img { text-align: center; }
.video_img_box { position: relative; display: inline-block; line-height: 0; }
.video_img_box:after {
    content: '';
    background: url(../images/career-page/video-btn.svg) no-repeat;
    background-size: 38px;
    background-position: center center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
}
.storie_logo_img .video_img_box { position: relative; top:-32px; }

.read_more_btn a {
display: flex;
width: 181px;
padding: 10px 18px;
justify-content: center;
align-items: center;
border-radius: 4px;
background: var(--Theme-Purple-50, #F3F1FD);
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
color: var(--Theme-Blue-500, #3A58EF);

/* Text md / Semibold */
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
}

.read_more_btn a:hover { 
    background:#3A58EF;
    color: #ffffff;
}

.stories .row  { align-items: center; }
.stories .row .col-md-8 h3 { 
    color: var(--Text-Grey-800, #1D2939);
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px;
margin-bottom: 17px;
}

.stories .row .col-md-8 p {
color: var(--Text-Grey-600, #475467);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin-bottom: 17px;
}

.stories hr { margin:48px 0; }

.bottom_conntent { padding: 72px 0; background: #F5F8FD; }
.bottom_conntent .row  { align-items: center; }
.bottom_conntent .row .col-md-8 h3 { 
    color: var(--Text-Grey-800, #1D2939);
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px;
margin-bottom: 17px;
}

.bottom_conntent .row .col-md-8 h4 { 
color: var(--Text-Grey-800, #1D2939);
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px;
margin-bottom: 24px;
}

.bottom_conntent .row .col-md-8 p {
color: var(--Text-Grey-600, #475467);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin-bottom: 17px;
}

.content_testimonial {
    border-radius: 8px;
    background: var(--White, #FFF);
    padding: 16px;
}

.ct_top { display: flex; justify-content: flex-start; align-items: flex-end; margin: -48px 0 32px; }
.ct_top .ct_img { width: 100px; height: 100px; overflow: hidden; border-radius: 100%; margin-right: 6px; }
.ct_top .ct_name h5 { 
    color: var(--Text-Grey-800, #1D2939);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 28px;
margin: 0;
}

.ct_top .ct_name span {
    color: var(--Text-Grey-500, #5D667B);
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}

.content_testimonial_description {
color: var(--Text-Grey-700, #344054);
font-family: Inter;
font-size: 16px;
font-style: italic;
font-weight: 500;
line-height: 24px;
margin-bottom: 50px;
}

.bottom_conntent .second { margin-top:72px; }

.employee_stories { padding: 72px 0; background: var(--Theme-Blue-50, #EBEEFD); }
.employee_stories .Insightful_Box h4 { margin: 18px 0; height: auto; overflow: inherit; }
.employee_stories .video_img_box:after { background-size: 44px; }
 /*stories*/

 .Media_Shoutouts .Media_Data .row > .col-md-4  { margin-bottom: 25px; }
 .Media_Box h5 { margin-bottom: 10px; height: 44px; overflow: hidden; }
 .Media_Tabs ul li.nav-item button { margin-bottom: 16px; }
 .Media_profile_img { width: 70px; height: 70px; overflow: hidden; }
 .Media_profile_img img { width: 70px; height: 70px; border-radius: 10px;  }

 .marquee__group img { border-radius: 20px; }
 .family_img img { max-width: 600px; width: 100%; }

    .employee_stories .Insightful_Box a img { max-height: inherit !important; } 
    .storie_logo_img .video_img_box img { border-radius: 10px; max-width: 380px; width: 100%; }
    .accordion_testimonial .about-client .client_img img { width: 60px; height: 60px; }
    .blog_block .storie_logo_img img { border-radius: 10px; }
    .bottom_conntent .col-md-4 img { border-radius: 10px; }
    .stories .col-md-4 .video_img_box img { border-radius: 10px; }

    .storie_logo_img .video_img_box { cursor: default; pointer-events: none; }
    .storie_logo_img .video_img_box:after { display: none; }
    .blog_block .col-md-4 a { pointer-events: none; cursor: default; }

    .employee_stories .row div { margin-bottom: 20px; }
    .container { max-width: 1330px !important; padding-left: 15px !important; padding-right: 15px !important; width: 100% !important; }

.counter-box {
    display: block;
    padding: 16px;
    text-align: center;
    border-radius: 8px;
    margin-top: 16px;
    background: var(--Text-Grey-50, #F9FAFB);
}

.counter-box p {
    padding: 0;
    color: var(--Text-Grey-600, #475467);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.counter-box i {
    font-size: 60px;
    margin: 0 0 15px;
    color: #d2d2d2
}

.counter {
    display: block;
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 8px;
}

.counter-box.colored {
    background: #3acf87
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
    color: #fff
}




.be_part .row { justify-content: center; }
.counter-box {
    display: block;
    padding: 16px;
    text-align: center;
    border-radius: 8px;
    margin-top: 16px;
    background: var(--Text-Grey-50, #F9FAFB);
}

.counter {
    display: block;
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 8px;
}

.counter-box p {
    padding: 0;
    color: var(--Text-Grey-600, #475467);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.timeline-step {
    position: relative;
    text-align: center;
    width: 20%;
}

.timeline-step-inner.top {
    position: absolute;
    left: 20%;
    bottom: 100%;
    width: 385px;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 24px;
    min-height: 188px;
}

.timeline-step-inner.bottom {
    position: absolute;
    left: 20%;
    bottom: auto;
    width: 420px;
    padding-left: 8px;
    padding-top: 24px;
    top: 51px;
    text-align: left;
}

.timeline-step-inner.top:before {
    content: "";
    position: absolute;
    left: -9px;
}

.timeline-step-inner.bottom:before {
    content: "";
    position: absolute;
    left: -10px;
}

.timeline-container {
    padding-top: 183px;
}

.Pos_rel {
    position: relative;
}

a.Great_Cert_Logo {
    display: block;
    position: fixed;
    right: 50px;
    top: 80px;
    z-index: 9;
}

.Pos_rel a img {
    margin: 0;
    max-width: 90px;
}

.merged_mycpe {
    padding: 21px 36px;
    border-radius: 8px;
    background: var(--Theme-Yellow-100, #FBEDC4);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 24px;
}

.merged_mycpe_info p {
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 4px;
}

.merged_mycpe_info p b {
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.merged_mycpe_info a {
    color: var(--Text-Grey-700, #344054);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.merged_mycpe_info_btns {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.merged_mycpe_info_btns a {
    border-radius: 4px;
    border: 1px solid var(--Theme-Blue-500, #3A58EF);
    background: var(--White, #FFF);
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    padding: 12px 20px;
    transition: .4s ease-out;
}

.merged_mycpe_info_btns a:hover {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 12px 20px;
    border-radius: 4px;
    border: 1px solid var(--Theme-Blue-300, #758AF4);
    background: var(--Theme-Blue-100, #D8DEFC);
    color: var(--Theme-Blue-500, #3A58EF);
    font-style: normal;
}


.Tab_Right_Box {
    border-radius: 4px;
    background: var(--White, #FFF);
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.10);
    padding: 24px 16px;
    margin-bottom: 28px;
    position: relative;
}
.Tab_Right_Box h4 {
    color: var(--Theme-Dark-Blue-700, #3E3C64);
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.72px;
    margin-top: 12px;
}
.Tab_Right_Box h4 span {
    color: var(--Theme-Blue-500, #3A58EF);
}
.CP_Teams_Btm p {
    color: var(--Theme-Blue-500, #3A58EF);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    border-radius: 8px;
    background: #F6F8FF;
    padding: 20px 10px;
}
.Tab_Right_Box p {
    color: var(--Text-Grey-600, #475467);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.Tab_Right_Box sup {
    color: red;
}
.Tab_Right_Box:after {
    content: "";
    display: block;
    background: #3A58EF;
    height: 60%;
    position: absolute;
    left: -2px;
    top: 26px;
    width: 5px;
    border-radius: 13px;
}


@media(min-width:1300px){
    .marquee .marquee__group:nth-child(1) > div:nth-child(2) img:nth-child(4) { min-height: 456px; }
    .marquee .marquee__group:nth-child(1) > div:nth-child(3) img { min-height: 724px; } 
    .marquee .marquee__group:nth-child(2) > div:nth-child(2) img { min-height: 406px; } 
}


@media(min-width:1200px) {
    .be_part .row > div a:hover { border: 1px dashed #3A58EF; background: #EBEEFD; }
    .be_part .row > div a:hover span { color: #1D2939; }
    .be_part .row > div a:hover svg path { fill: #3A58EF; }

    .our_location .row > div a:hover { background: #FFF; box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06); }
    .our_location .row > div a:hover svg path { fill: #3A58EF; }

    .upcoming_list div a:hover span { box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06); }
}

@media(min-width:1150px){

    .image_content .col-md-8.pr { padding-right: 80px; }
    .image_content .col-md-8.pl { padding-left: 80px; }

    .stories .col-md-8.pr { padding-right: 48px; }
    .stories .col-md-8.pl { padding-left: 48px; }

    .bottom_conntent .col-md-8.pr { padding-right: 48px; }

    .employee_stories .row  { padding: 0 54px; }
    .employee_stories .row > div { padding-left: 15px; padding-right: 15px; }

}

@media(max-width:1100px)
{

    .stories,
    .bottom_conntent,
    .our_offices,
    .benefits_main,
    section.Hiring_Process,
    section.Our_Policies { padding: 40px 0; }
    .Client_Data { margin: 0 15px; }
    .storie_logo_img .video_img_box { top: -10px; }
    .View_More_Media a { font-size: 16px; padding: 8px 30px; }
    .Benefits_Title h2 { font-size: 26px; line-height: normal;}
    .Benefits_Title p { line-height: 24px; font-size: 14px; }
    .general_left h2 { font-size: 26px; line-height: normal; }
    .general_itm h4 { font-size: 20px; line-height: 28px; }
}

@media(max-width:767px)
{
    h2{
        font-size: 26px !important;
    }
    .making_professional_ttl h2{
        font-size: 24px;
    }
    .making_professional{
        padding: 30px 0;
    }
    .making_professional_ttl {
        margin-bottom: 24px;
    }
    .partner_item:before{
        content: none;
    }
    .partner_item b{
        display: none;
    }
    .timeline-step-inner.top, .timeline-step-inner.bottom {
        position: static;
        text-align: center;
        padding: 0;
        height: auto;
        min-height: auto;
        margin:0 auto 30px;
        max-width: none;
    }
    .timeline-step-inner.bottom:before,.timeline-step-inner.top:before{
        content: none;
    }
    .timeline-container {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .container.main-timeline {
        padding-top: 30px;
    }
    .timeline-container {
        padding: 0px 0px;
    }
    section.main_career_container {
        padding: 20px 0 0 0;
    }
    
    .career_inner {
        position: static;
        bottom: 0;
        transform: none;
        left: 50%;
        text-align: center;
        width: 100%;
        margin-bottom: 72px;
        padding: 0 20px 30px 20px;
    }
    .career_inner h1 {
        font-size: 26px;
        line-height: 1.2;
        margin-top: 30px;
    }
    .career_inner h1 span {
        font-size: 26px;
        line-height: 1.2;
    }
    section.general_evaluation {
        padding: 30px 0;
    }
    .general_left h2,section.key_interview h2 {
        font-size: 24px;
    }
    .general_left p {
        margin-bottom: 16px;
    }
    section.key_interview {
        padding: 30px 0;
    }
    .Dropouts_Left video {
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    section.Why_Mycpe_One {
        padding: 0px 0 73px 0;
    }
    .career_banner:before {
        bottom: -10px;
        top: -30px;
    }
    .Why_Left h2 {
        font-size: 26px;
        margin-bottom: 18px;
    }
    .Benefits_Box {
        text-align: left;
    }
    .timeline-step .circle {
        display: inline-block;
    }
    .general_left img {
        display: none;
    }
    .Media_Title h2 {
        font-size: 26px;
        margin-bottom: 18px;
    }
    .Media_Tabs ul li.nav-item button {
        margin-bottom: 15px;
    }
    section.Media_Shoutouts {
        padding: 0 0 72px 0;
    }
    .Media_Box {
        margin-bottom: 20px;
    }
    .Client_Box.Employee {
        text-align: center;
        margin-bottom: 60px;
    }
    .Joyful_Img {
        margin-bottom: 20px;
    }
    .career_inner p {
        margin-bottom: 18px;
    }
    .career_banner img {
        display: none;
    }
    .Life_At_Mycpe .marquee__group {    
        display: block;    
        margin: 0;
    }
    .Life_At_Mycpe .marquee__group img {
        width: 100%;
        margin-bottom: 30px;
    }

    .Joyful_Moments .Joyful_Img { text-align: center; }
    .expansion_cities .image_content .img_box { text-align: center;}

    .benefit_left_main { text-align: center; }
    .Benefits_Title h2 { text-align: center; }
    .Benefits_Title p { text-align: center; }
    .family_img { text-align: center !important; }
    .marquee { max-width: 400px; margin: 0 auto; }
    
}