.jobSuccessStories{position: relative;}
.jobSuccessStories_bg{overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; direction: rtl;}
.jobSuccessStories_bg img{display: block; width: auto; height: 100%;}
.jobSuccessStories_content{height: 815px; padding: 75px 0px 0px;}
.jobSuccessStories_content h2{text-align: center; font-size: 80px; line-height: 80px; padding-bottom: 36px;}

.jobSuccessStories_list{max-width: 1300px; margin: 0 auto; padding: 0px 72px; position: relative;}
.jobSuccessStories_list .swiper-container{position: static;}
.jobSuccessStories_list .swiper-button-next, .jobSuccessStories_list .swiper-button-prev{color: #1e2b51; width: 48px; height: 48px;}
.jobSuccessStories_list .swiper-button-next:hover, .jobSuccessStories_list .swiper-button-prev:hover{color: #fbb903;}
.jobSuccessStories_list .swiper-button-next:after, .jobSuccessStories_list .swiper-button-prev:after{content: '\e900'; font-family: 'icomoon' !important; font-size: 45px; text-shadow: 0px 0px 6px white, 0px 0px 12px white, 0px 0px 12px white;}
.jobSuccessStories_list .swiper-button-prev{right: 0px;}
.jobSuccessStories_list .swiper-button-next{left: 0px;}
.jobSuccessStories_list .swiper-button-next:after{transform: rotate(180deg);}
/* swiper accessibility */
.jobSuccessStories_list .swiper-slide[aria-hidden="true"]{display: block;}


.jobSuccessStories_item{display: block; margin: 0px 5px; height: 525px; background-color: #1e2b51; color: white; padding: 64px 5.5% 60px; position: relative;}
.jobSuccessStories_item *:focus{outline: 1px solid #ffffff; outline-offset: 1px;}
.jobSuccessStories_item *:active:focus{outline: 1px solid #ffffff; outline-offset: 1px;}
.jobSuccessStories_image{margin: 0px auto; max-width: 154px; transition: all 0.4s linear;}
.jobSuccessStories_image img{display: block; width: 100%; border-radius: 50%;}
.jobSuccessStories_item.active .jobSuccessStories_image{margin-top: -18px; max-width: 100px;}
.jobSuccessStories_title{padding: 21px 0px 12px; text-align: center;}
.jobSuccessStories_title strong{display: block; color: #fbb903; font-size: 36px;}
.jobSuccessStories_title b{display: block; font-weight: 400; font-size: 24px;}
.jobSuccessStories_textHolder{position: relative;}
.jobSuccessStories_text{padding: 0px 20px 0px; text-align: center; overflow: hidden; max-height: 900px; opacity: 1;}
.jobSuccessStories_text p{display: block; font-weight: 300; font-size: 20px; line-height: 30px;}
.jobSuccessStories_text p:after{content: '...';}
.jobSuccessStories_text b{font-weight: 700; font-size: 18px; line-height: 30px; color: white; margin-top: 16px; display: inline-block; text-align: center; min-width: 96px; padding: 0 12px; height: 36px; border: 1px solid #fbb903; }
.jobSuccessStories_more{position: absolute; left: 0; right: 0; top: 0; text-align: center; padding: 0px 4.5% 0px; overflow: hidden; max-height: 0; opacity: 0;}
.jobSuccessStories_more p{display: block; font-weight: 300; font-size: 18px; line-height: 26px;}

.jobSuccessStories_text{transition: all 0.25s linear;}
.jobSuccessStories_more{transition: all 0.4s linear;}
.jobSuccessStories_list .jobSuccessStories_item:hover .jobSuccessStories_image, .jobSuccessStories_list .jobSuccessStories_item:focus .jobSuccessStories_image{margin-top: -18px; max-width: 100px;}
.jobSuccessStories_list .jobSuccessStories_item:hover .jobSuccessStories_text, .jobSuccessStories_list .jobSuccessStories_item:focus .jobSuccessStories_text{max-height: 0; opacity: 0; transition: all 0.4s linear;}
.jobSuccessStories_list .jobSuccessStories_item:hover .jobSuccessStories_more, .jobSuccessStories_list .jobSuccessStories_item:focus .jobSuccessStories_more{max-height: 900px; opacity: 1; transition: all 0.15s linear;}

.jobSuccessStories_list .jobSuccessStories_item:hover, .jobSuccessStories_list .jobSuccessStories_item:focus{
    background: rgb(37,54,101);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(37,54,101,1) 43%, rgba(30,43,81,1) 100%);
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(37,54,101,1) 43%,rgba(30,43,81,1) 100%);
    background: radial-gradient(ellipse at center,  rgba(37,54,101,1) 43%,rgba(30,43,81,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#253665', endColorstr='#1e2b51',GradientType=1 );
}

.jobSuccessStories_woman{display: none; position: absolute; right: 0; bottom: 0; width: 171px; height: 204px; z-index: 3; pointer-events: none;}
.jobSuccessStories_woman img{display: block; width: 100%;}

.jobSuccessStories_mobilePop{position: fixed; left: 0; right: 0; top: 0; bottom: 0; opacity: 1; transform: none; background-color: rgba(0,0,0,0.7); z-index: 14; overflow: hidden;}
.jobSuccessStories_mobilePanel{position: absolute; left: 0; right: 0; bottom: -100%; background-color: #1e2b51; transition: bottom 0.4s ease-in-out;}
.jobSuccessStories_mobilePanel.active{bottom: 0;}
a.jobSuccessStories_popClose{position: absolute; left: 0; top: 0; color: white; display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; font-size: 18px; z-index: 2;}

.jobSuccessStories_mobilePanel .swiper-button-next, .jobSuccessStories_mobilePanel .swiper-button-prev{color: #ffffff; width: 32px; height: 32px; top: 75px; margin-top: 0;}
.jobSuccessStories_mobilePanel .swiper-button-next:after, .jobSuccessStories_mobilePanel .swiper-button-prev:after{content: '\e900'; font-family: 'icomoon' !important; font-size: 18px;}
.jobSuccessStories_mobilePanel .swiper-button-prev{right: 10px;}
.jobSuccessStories_mobilePanel .swiper-button-next{left: 10px;}
.jobSuccessStories_mobilePanel .swiper-button-next:after{transform: rotate(180deg);}
.jobSuccessStories_mobilePanel .jobSuccessStories_item{height: auto; min-height: 0; padding: 45px 5.5% 24px;}
.jobSuccessStories_mobilePanel .jobSuccessStories_more{max-width: 360px; margin: 0 auto; position: static; max-height: none; opacity: 1;}

.jobSuccessStories_mobilePanel .jobSuccessStories_more p{font-size: 16px; line-height: 22px;}

@media screen and (max-width: 1400px) {
    .jobSuccessStories_content{height: 675px; padding: 48px 0px 0px;}
    .jobSuccessStories_content h2{font-size: 64px; line-height: 64px; padding-bottom: 24px;}
    .jobSuccessStories_item{height: 450px; padding: 36px 5.5% 30px;}
    .jobSuccessStories_image{max-width: 130px;}
    .jobSuccessStories_item.active .jobSuccessStories_image{margin-top: -10px; max-width: 90px;}
    .jobSuccessStories_title{padding: 16px 0px 0px;}
    .jobSuccessStories_title strong{font-size: 30px;}
    .jobSuccessStories_title b{font-size: 21px;}
    .jobSuccessStories_more{text-align: center; padding: 10px 2% 0px;}
    .jobSuccessStories_more p{font-size: 18px; line-height: 24px;}
}

@media screen and (max-width: 1280px) {
    .jobSuccessStories_list{padding: 0px 48px;}
    .jobSuccessStories_more p{font-size: 20px; line-height: 28px;}
}

@media screen and (max-width: 1024px) {
    .jobSuccessStories_content h2{font-size: 54px; line-height: 54px;}
    .jobSuccessStories_list{padding: 0px 24px;}
    .jobSuccessStories_list .swiper-button-prev{right: -24px;}
    .jobSuccessStories_list .swiper-button-next{left: -24px;}
    .jobSuccessStories_more p{font-size: 18px; line-height: 24px;}
}

@media screen and (max-width: 800px) {
    .jobSuccessStories_content h2{font-size: 48px; line-height: 44px;}
    
    .jobSuccessStories_item.active .jobSuccessStories_image{margin-top: -10px; max-width: 80px;}
    .jobSuccessStories_title strong{font-size: 28px;}
    .jobSuccessStories_title b{font-size: 18px;}
    .jobSuccessStories_text p{font-size: 18px; line-height: 25px;}
    .jobSuccessStories_more p{font-size: 16px; line-height: 24px;}
    .jobSuccessStories_list .swiper-button-next, .jobSuccessStories_list .swiper-button-prev{width: 36px; height: 36px;}
    .jobSuccessStories_list .swiper-button-next:after, .jobSuccessStories_list .swiper-button-prev:after{font-size: 30px;}
    .jobSuccessStories_list{padding: 0px 16px;}
}

@media screen and (max-width: 670px) {
    .jobSuccessStories_content{height: auto; padding: 48px 0px 44px;}
    .jobSuccessStories_content .centeredContent{padding: 0;}
    .jobSuccessStories_content h2{font-size: 40px; line-height: 44px; padding-bottom: 16px;}

    .jobSuccessStories_list .swiper-button-next, .jobSuccessStories_list .swiper-button-prev{display: none;}
    .jobSuccessStories_list{padding: 0px 0px; margin: 0;}
    .jobSuccessStories_item{height: 400px;}
    .jobSuccessStories_woman{display: block;}
}

@media screen and (max-width: 480px) {
    .jobSuccessStories_content h2{font-size: 30px; line-height: 36px; padding-bottom: 12px; margin: 0 auto; width: 220px;}
    .jobSuccessStories_item{height: auto; min-height: 320px; padding: 30px 5.5% 42px;}
    .jobSuccessStories_image{max-width: 94px;}
    .jobSuccessStories_title strong{font-size: 24px;}
    .jobSuccessStories_title b{font-size: 16px; font-weight: 700;}
    .jobSuccessStories_text{padding: 12px 0px 0px; margin: 0 auto; max-width: 200px;}
    .jobSuccessStories_text p{font-size: 14px; line-height: 18px;}
    .jobSuccessStories_text b{font-size: 14px; line-height: 28px; min-width: 96px; padding: 0 12px; height: 30px;}
    
    .jobSuccessStories_list .jobSuccessStories_item:hover .jobSuccessStories_image, .jobSuccessStories_list .jobSuccessStories_item:focus .jobSuccessStories_image{margin-top: 0px; max-width: 94px;}
    .jobSuccessStories_list .jobSuccessStories_item:hover .jobSuccessStories_text, .jobSuccessStories_list .jobSuccessStories_item:focus .jobSuccessStories_text{max-height: 900px; opacity: 1;}
    .jobSuccessStories_list .jobSuccessStories_item:hover .jobSuccessStories_more, .jobSuccessStories_list .jobSuccessStories_item:focus .jobSuccessStories_more{max-height: 0; opacity: 0;}
}