/*  culture-and-benefits page */
.highlightsCard .content .bottom {
    display: flex;
	justify-content: unset;
    gap: 25px !important;
}

.culture-wrp {
    position: relative
}

.page.page-id-4405 .inner-banner .inner-banner-slider .container_1360_wrp span {
 text-transform: capitalize;
}
@media(max-width: 767px) {
    .culture-wrp .cultureSwiper .swiper-wrapper .swiper-slide .bg {
        width:100%;
        height: 80svh
    }
}

@media(max-width: 767px) {
    .culture-wrp .cultureSwiper .swiper-wrapper .swiper-slide .bg img {
        width:100%;
        height: 100%;
        object-fit: cover
    }
}

.culture-wrp .cultureSwiper .swiper-wrapper .swiper-slide .container_1360_wrp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    color: #fff !important
}

.culture-wrp .cultureSwiper .swiper-wrapper .swiper-slide .container_1360_wrp .cultureinfo {
    padding-right: 20px
}

@media(max-width: 767px) {
    .culture-wrp .cultureSwiper .swiper-wrapper .swiper-slide .container_1360_wrp .cultureinfo {
        overflow-y:scroll;
        height: 540px;
        padding-right: 8px
    }
}

.culture-wrp .cultureSwiper .swiper-wrapper .swiper-slide .container_1360_wrp .cultureinfo .common_ttle {
    color: #fff !important;
    font-size: 60px;
    letter-spacing: -0.1rem
}

@media(max-width: 767px) {
    .culture-wrp .cultureSwiper .swiper-wrapper .swiper-slide .container_1360_wrp .cultureinfo .common_ttle {
        font-size:35px
    }
}

.culture-wrp .cultureSwiper .swiper-wrapper .swiper-slide .container_1360_wrp .cultureinfo .summary-txt {
    font-weight: var(--font-weight-300);
    margin-bottom: 32px;
    padding-top: 12px;
    font-size: 20px
}

.culture-wrp .cultureSwiper .swiper-wrapper .swiper-slide .container_1360_wrp .cultureinfo ul li {
    font-weight: var(--font-weight-300);
    margin-bottom: 15px
}

.culture-wrp .cultureSwiper .swiper-wrapper .swiper-slide .container_1360_wrp .cultureinfo ul li span {
    font-weight: var(--font-weight-600)
}

.culture-wrp .container_1360_wrp .custom-pagination {
    display: flex;
    gap: 16px;
    position: absolute;
    bottom: 50px;
    left: 15px;
    justify-content: flex-start;
    z-index: 1
}

.culture-wrp .container_1360_wrp .custom-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    background: #fff;
    border-radius: 0;
    opacity: .15;
    transition: background .3s ease
}

.culture-wrp .container_1360_wrp .custom-pagination .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1
}

/* Diversity and inclusion page */
.women-energy {
    padding: 80px 0;
    background-color: #ebf9ff
}

@media(max-width: 767px) {
    .women-energy {
        padding:40px 0
    }
}

.women-energy .energyinfo .desc {
    font-size: 20px;
    color: #0f1011;
    margin-top: 20px
}

.women-energy .energyinfo .txt {
    font-size: 18px;
    font-weight: var(--font-weight-700);
    color: #263c8a;
    margin-bottom: 20px;
    margin-top: 40px
}

.women-energy .energy img {
    border-radius: 20px
}

.women-energy .energy .energy-content {
    padding: 20px 0
}

.women-energy .energy .energy-content .title {
    font-weight: var(--font-weight-600);
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 1.3;
    color: #000;
    margin-bottom: 10px
}

.women-energy .energy .energy-content p {
    font-size: 16px;
    margin-top: 12px
}

.women-energy .swiper-button-next.swiper-button-disabled,.women-energy .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

@media(max-width: 767px) {
    .women-energy .swiper-button-next.swiper-button-disabled,.women-energy .swiper-button-prev.swiper-button-disabled {
        opacity:.5
    }
}

@media screen and (min-width: 768px)and (max-width: 1023px) {
    .women-energy .swiper-button-next.swiper-button-disabled,.women-energy .swiper-button-prev.swiper-button-disabled {
        opacity:.5
    }
}

@media screen and (min-width: 1024px)and (max-width: 1199px) {
    .women-energy .swiper-button-next.swiper-button-disabled,.women-energy .swiper-button-prev.swiper-button-disabled {
        opacity:.5
    }
}

.women-energy .swiper-button-next::after,.women-energy .swiper-button-prev::after {
    display: none
}

.women-energy .swiper-button-next {
    right: -80px
}

@media screen and (min-width: 1024px)and (max-width: 1199px) {
    .women-energy .swiper-button-next {
        position:relative;
        top: auto;
        margin: 0;
        right: -40px
    }
}

.women-energy .swiper-button-prev {
    left: -80px
}

@media screen and (min-width: 1024px)and (max-width: 1199px) {
    .women-energy .swiper-button-prev {
        position:relative;
        top: auto;
        margin: 0;
        left: -40px
    }
}

.women-energy .navwrp {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0
}

@media(max-width: 767px) {
    .women-energy .navwrp .swiper-button-next {
        position:relative;
        top: auto;
        bottom: auto;
        margin: 0;
        right: -40px
    }
}

@media screen and (min-width: 768px)and (max-width: 1023px) {
    .women-energy .navwrp .swiper-button-next {
        position:relative;
        top: auto;
        bottom: auto;
        margin: 0;
        right: -40px
    }
}

@media(max-width: 767px) {
    .women-energy .navwrp .swiper-button-prev {
        position:relative;
        top: auto;
        bottom: auto;
        margin: 0;
        left: -40px
    }
}

@media screen and (min-width: 768px)and (max-width: 1023px) {
    .women-energy .navwrp .swiper-button-prev {
        position:relative;
        top: auto;
        bottom: auto;
        margin: 0;
        left: -40px
    }
}

.women-energy .testimonialwrp {
    margin-top: 30px
}

.women-energy .testimonialwrp .testimoniallhs .txt {
    color: #768089;
    font-weight: var(--font-weight-700);
    letter-spacing: 1px;
    margin-bottom: 20px
}

.women-energy .testimonialwrp .testimoniallhs .info {
    font-size: 22px
}

.women-energy .testimonialwrp .testimonialcard {
    padding: 40px 30px;
    border-radius: 24px;
    background-color: #b8e9ff;
    height: 320px;
    display: flex;
    flex-direction: column
}

@media(max-width: 767px) {
    .women-energy .testimonialwrp .testimonialcard {
        margin-top:20px
    }
}

.women-energy .testimonialwrp .testimonialcard .top {
    flex: 1
}

.women-energy .testimonialwrp .testimonialcard .top p {
    width: 90%
}

.women-energy .testimonialwrp .testimonialcard .details {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.women-energy .testimonialwrp .testimonialcard .details .name {
    color: #263c8a;
    font-weight: var(--font-weight-700)
}

.women-energy .testimonialwrp .testimonialcard .details .name span {
    display: block;
    font-size: 20px;
    font-weight: var(--font-weight-300)
}

.women-energy .testimonialwrp .testimonialcard .details .pic {
    width: 75px;
    height: 75px;
    border-radius: 50px;
    border: 3px solid #63c1f9
}

.women-energy .testimonialwrp .testimonialcard .details .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.general-diversity {
    padding: 80px 0
}

@media(max-width: 767px) {
    .general-diversity {
        padding:40px 0
    }
}

.general-diversity .diversityinfo .desc {
    font-size: 20px;
    color: #0f1011;
    margin-top: 20px
}

.general-diversity .diversityinfo .txt {
    font-size: 18px;
    font-weight: var(--font-weight-700);
    color: #263c8a;
    margin-bottom: 20px;
    margin-top: 40px
}

.general-diversity .diversity img {
    border-radius: 20px
}

.general-diversity .diversity .diversity-content {
    padding: 20px 0
}

.general-diversity .diversity .diversity-content .title {
    font-weight: var(--font-weight-600);
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 1.3;
    color: #000;
    margin-bottom: 10px
}

.general-diversity .diversity .diversity-content p {
    font-size: 16px;
    margin-top: 12px
}

.general-diversity .diversity-next::after,.general-diversity .diversity-prev::after {
    display: none
}

.general-diversity .diversity-next.swiper-button-disabled,.general-diversity .diversity-prev.swiper-button-disabled {
    opacity: 0
}

@media(max-width: 767px) {
    .general-diversity .diversity-next.swiper-button-disabled,.general-diversity .diversity-prev.swiper-button-disabled {
        opacity:.5
    }
}

@media screen and (min-width: 768px)and (max-width: 1023px) {
    .general-diversity .diversity-next.swiper-button-disabled,.general-diversity .diversity-prev.swiper-button-disabled {
        opacity:.5
    }
}

@media screen and (min-width: 1024px)and (max-width: 1199px) {
    .general-diversity .diversity-next.swiper-button-disabled,.general-diversity .diversity-prev.swiper-button-disabled {
        opacity:.5
    }
}

.general-diversity .diversity-next::after,.general-diversity .diversity-prev::after {
    display: none
}

.general-diversity .navwrp {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: -10px
}

@media(max-width: 767px) {
    .general-diversity .navwrp .swiper-button-next {
        position:relative;
        top: auto;
        bottom: auto;
        margin: 0;
        right: -40px
    }
}

@media screen and (min-width: 1024px)and (max-width: 1199px) {
    .general-diversity .navwrp .swiper-button-next {
        position:relative;
        top: auto;
        margin: 0;
        right: -40px
    }
}

@media(max-width: 767px) {
    .general-diversity .navwrp .swiper-button-prev {
        position:relative;
        top: auto;
        bottom: auto;
        margin: 0;
        left: -40px
    }
}

@media screen and (min-width: 1024px)and (max-width: 1199px) {
    .general-diversity .navwrp .swiper-button-prev {
        position:relative;
        top: auto;
        margin: 0;
        left: -40px
    }
}

.inclusion {
    padding: 80px 0;
    background-color: #2c3033;
    color: #fff
}

@media(max-width: 767px) {
    .inclusion {
        padding:40px 0
    }
}

.inclusion .inclusioninfo .common_ttle {
    color: var(--white)
}

.inclusion .inclusioninfo .desc {
    font-size: 20px;
    font-weight: var(--font-weight-400);
    margin-top: 20px
}

.inclusion .inclusioninfo .txt {
    font-size: 18px;
    font-weight: var(--font-weight-700);
    margin-bottom: 20px;
    margin-top: 40px
}

.inclusion .inclusiontxt {
    margin-top: 30px
}

.inclusion .inclusiontxt img {
    border-radius: 24px
}

.inclusion .inclusiontxt .maintit {
    font-size: 22px;
    font-weight: var(--font-weight-300)
}

.inclusion .inclusiontxt .maintit span {
    font-weight: var(--font-weight-600)
}

@media(max-width: 767px) {
    .inclusion .inclusiontxt .maintit {
        margin-bottom:18px
    }
}

.inclusion .inclusionwrp img {
    border-radius: 20px
}

@media(max-width: 767px) {
    .inclusion .inclusionwrp img {
        margin-top:20px
    }
}

.inclusion .inclusionwrp .inclusion-content {
    padding: 20px 0
}

.inclusion .inclusionwrp .inclusion-content .title {
    font-weight: var(--font-weight-600);
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 1.3;
    margin-bottom: 10px
}

.inclusion .inclusionwrp .inclusion-content p {
    font-size: 16px;
    margin-top: 12px;
    font-weight: var(--font-weight-300)
}

.inclusion .swiper-button-next::after,.inclusion .swiper-button-prev::after {
    display: none
}

.inclusion .inclusion-next::after,.inclusion .inclusion-prev::after {
    display: none
}

.inclusion .inclusion-next.swiper-button-disabled,.inclusion .inclusion-prev.swiper-button-disabled {
    opacity: 0
}

@media(max-width: 767px) {
    .inclusion .inclusion-next.swiper-button-disabled,.inclusion .inclusion-prev.swiper-button-disabled {
        opacity:.5
    }
}

@media screen and (min-width: 768px)and (max-width: 1023px) {
    .inclusion .inclusion-next.swiper-button-disabled,.inclusion .inclusion-prev.swiper-button-disabled {
        opacity:.5
    }
}

@media screen and (min-width: 1024px)and (max-width: 1199px) {
    .inclusion .inclusion-next.swiper-button-disabled,.inclusion .inclusion-prev.swiper-button-disabled {
        opacity:.5
    }
}

.inclusion .inclusion-next::after,.inclusion .inclusion-prev::after {
    display: none
}

.inclusion .navwrp {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: -10px
}

@media(max-width: 767px) {
    .inclusion .navwrp .swiper-button-next {
        position:relative;
        top: auto;
        bottom: auto;
        margin: 0;
        right: -40px
    }
}

@media(max-width: 767px) {
    .inclusion .navwrp .swiper-button-prev {
        position:relative;
        top: auto;
        bottom: auto;
        margin: 0;
        left: -40px
    }
}

.small_ttle {
    color: #a9b3bc;
}
.bg-white { background-color: #ffffff;}

.txt-bold { font-weight: bold !important;}
.blue-title { font-weight: var(--font-weight-600);
    font-size: 22px;
    letter-spacing: .3px;
    line-height: 1.3;
    color: #263c8a;
    margin-bottom: 10px;
}
.txt-white { color: #ffffff;}
.txt-lightblue { color: #63c1f9}

.empvalue { padding: 20px 60px; }
.empvalue .title { font-size: 20px;}
.empvalue p { color: #ffffff;}




