.highlight {color: #96CA50;font-size: 22px;font-weight: 500;margin-bottom: 20px;}
.description {font-size: 28px;font-weight: 300;color: #4D4D4D;line-height: 1.5;}
.relative {position:relative;}
.careers-intro-image {position: absolute; bottom: -30px; right: 0;}

.initiatives-title {font-size: 48px;font-weight: 600;color: #000000;margin-bottom: 20px;}
.our-initiatives-section .nav{justify-content: space-between; background-color: #E6E6E6;  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.4);}
.our-initiatives-section .nav.nav-tabs>li{  flex: 1 0 0; max-width: fit-content;}
.our-initiatives-section .nav.nav-tabs .nav-link{ max-width: inherit;}
.nav-tabs .nav-item { margin-bottom: -5px;}
.our-initiatives-section, .py-5 {padding-top: 1rem !important;}
.nav-tabs .nav-link i {font-size: 20px;margin-right: 8px;}
.nav-tabs .nav-link span {font-size: 14px; font-weight: 700; color: #121212;}
.nav-tabs .nav-link {  display: flex;  align-items: center;  justify-content: flex-start;white-space: normal; text-align: left;padding: 0.5rem;max-width: 250px; border-top-left-radius: 0px;border-top-right-radius: 0px;}
.education-icon{ background-color:#F2A040; padding: 10px; border-radius: 10px; margin-right: 12px;}
.needs-icon{ background-color:#BA69AC; padding: 10px; border-radius: 10px;  margin-right: 12px;    width: 56px;}
.infrastructure-icon{ background-color: #A18870 ; padding: 10px; border-radius: 10px;  margin-right: 12px;}
.water-filter-icon{ background-color: #41C1E8; padding: 10px; border-radius: 10px;  margin-right: 12px;}
.others-icon{ background-color: #e84141; padding: 10px; border-radius: 10px;  margin-right: 12px;width: 50px;height: 59px;}
.education-heading{font-size: 18px;font-weight: 600; color: #121212;}
.education-para{font-size: 16px;font-weight: 400; color: #4D4D4D;}
.prev-btn , .next-btn{color: #ffffff !important;background-color: #1968B3;border-radius: 50%; padding: 10px;}
.card-text{font-size: 16px;font-weight: 600;color:#121212;}
.tab-content {background-color: #ffffff;padding: 20px; box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.4);  border: none;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.img-thumb {  height: 120px;  object-fit: cover;  width: 100%;  border-radius: 5px;  margin-bottom: 8px;}
.image-wrapper {position: relative; width: 100%;  height: 100%;}
.image-wrapper img { margin-top: -50px;}

ul#initiativesTab .nav-item:nth-child(1) .nav-link img{background-color:#F2A040;}
ul#initiativesTab .nav-item:nth-child(2) .nav-link img {background-color:#BA69AC;}
ul#initiativesTab .nav-item:nth-child(3) .nav-link img{background-color: #2c9a47;}
ul#initiativesTab .nav-item:nth-child(4) .nav-link img{ background-color: #41C1E8;}
ul#initiativesTab .nav-item:nth-child(5) .nav-link img{background-color:#ef422a;}
.our-initiatives-section .nav.nav-tabs .nav-link {border: none;}
.our-initiatives-section .nav.nav-tabs>li {margin-bottom: 0px;}
@media screen and (max-width: 1200px) { 
  /* .careers-intro-image  img, svg, video { max-width: 90%;}
.careers-intro-image {position: absolute; right: -64px; top: -42%; transform: rotate(-6deg);} */
}
@media screen and (max-width:1024px){
  .description {font-size: 28px;}
  .careers-intro-image {
    position: absolute;
    bottom: -142px;}
}

@media (max-width: 767px) { 
.nav-tabs {  flex-wrap: wrap;  -webkit-overflow-scrolling: touch;}
.nav-tabs .nav-item { flex-shrink: 0; }
.nav-tabs .nav-link {  padding: 8px 10px;  font-size: 14px;}
.img-thumb {  height: auto; }
.tab-content {padding: 0;}
.tabs-wrapper {
        display: flex;
        align-items: center;
        position: relative;
    }

    #initiativesTab {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        margin: 0 15px;
    }

    #initiativesTab::-webkit-scrollbar {
        display: none;
    }

    #initiativesTab .nav-item {
        flex: 0 0 auto;
        margin-right: 10px;
    }

    .tabs-prev,
    .tabs-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        border: none;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 10;
    }

    .tabs-prev {
        left: -12px;
    }

    .tabs-next {
        right: -12px;
    }
    .tabs-prev:disabled,
.tabs-next:disabled {
    cursor: not-allowed;
    background: rgba(0, 0, 0, 0.3);
}
ul#initiativesTab .nav-item .nav-link img {padding: 8px;}

}
@media (max-width: 430px) {.initiatives-title {font-size: 42px;}  .image-wrapper {position: relative;width: 100%;height: 100%;}  
.nav-tabs {    flex-wrap: wrap; }
.nav-tabs .nav-item { flex: 0 0 50%; max-width: 50%;}
.image-wrapper img {  margin-top: -52px;}
.carousel{margin-bottom: 11%;}
.description {font-size: 21px;}
.careers-intro-image { position: absolute;bottom: -69px;}
}
@media (max-width: 390px) {
.nav-tabs .nav-link span {font-size: 14px;}
.rallis-innerBannerContainer-degreebg:after {right: 0;bottom: -7.56vw;}
section.rallis-innerBannerContainer-degreebg::before {bottom: -32px;}
}
@media (max-width: 360px){
.nav-tabs .nav-link span { font-size: 12px;}

}