@font-face {
    font-family: OpenSans-Bold;
    src: url(../fonts/OpenSans-Bold.woff2) format("woff2");
}
@font-face {
    font-family: "OpenSans-SemiBold ";
    font-family: OpenSans-SemiBold;
    src: url(../fonts/OpenSans-SemiBold.woff2) format("woff2");
}
@font-face {
    font-family: OpenSans-BoldItalic;
    src: url(../fonts/OpenSans-BoldItalic.ttf) format("opentype");
}
@font-face {
    font-family: OpenSans-ExtraBold;
    src: url(../fonts/OpenSans-ExtraBold.ttf) format("opentype");
}
@font-face {
    font-family: OpenSans-ExtraBoldItalic;
    src: url(../fonts/OpenSans-ExtraBoldItalic.ttf) format("opentype");
}
@font-face {
    font-family: OpenSans-Italic;
    src: url(../fonts/OpenSans-Italic.ttf) format("opentype");
}
@font-face {
    font-family: OpenSans-Light;
    src: url(../fonts/OpenSans-Light.ttf) format("opentype");
}
@font-face {
    font-family: OpenSans-LightItalic;
    src: url(../fonts/OpenSans-LightItalic.ttf) format("opentype");
}
@font-face {
    font-family: OpenSans-Regular;
    src: url(../fonts/OpenSans-Regular.ttf) format("opentype");
}
@font-face {
    font-family: OpenSans-SemiBoldItalic;
    src: url(../fonts/OpenSans-SemiBoldItalic.ttf) format("opentype");
}
@font-face {
    font-family: Roboto-Black;
    src: url(../fonts/Roboto-Black.ttf) format("opentype");
}
@font-face {
    font-family: Roboto-BlackItalic;
    src: url(../fonts/Roboto-BlackItalic.ttf) format("opentype");
}
@font-face {
    font-family: Roboto-Bold;
    src: url(../fonts/Roboto-Bold.ttf) format("opentype");
}
@font-face {
    font-family: Roboto-BoldItalic;
    src: url(../fonts/Roboto-BoldItalic.ttf) format("opentype");
}
@font-face {
    font-family: Roboto-Italic;
    src: url(../fonts/Roboto-Italic.ttf) format("opentype");
}
@font-face {
    font-family: Roboto-Light;
    src: url(../fonts/Roboto-Light.ttf) format("opentype");
}
@font-face {
    font-family: Roboto-LightItalic;
    src: url(../fonts/Roboto-LightItalic.ttf) format("opentype");
}
@font-face {
    font-family: Roboto-Medium;
    src: url(../fonts/Roboto-Medium.ttf) format("opentype");
}
@font-face {
    font-family: Roboto-MediumItalic;
    src: url(../fonts/Roboto-MediumItalic.ttf) format("opentype");
}
@font-face {
    font-family: Roboto-Regular;
    src: url(../fonts/Roboto-Regular.ttf) format("opentype");
}
@font-face {
    font-family: Roboto-Thin;
    src: url(../fonts/Roboto-Thin.ttf) format("opentype");
}
@font-face {
    font-family: Roboto-ThinItalic;
    src: url(../fonts/Roboto-ThinItalic.ttf) format("opentype");
}

/* Career CSS */
.page-title h1{color: #00005a; font-size: 40px; margin-top: 5.02rem; font-family: 'OpenSans-Bold'; margin-bottom: 2rem; text-align: center}
.page-content .container{width:91%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.careers-search{display:block;max-width:44rem; margin:0 auto 50px auto; position:relative;}
.careers-search .form-control {width: 100%; height: 3rem; border-radius: 8rem; margin-top: 0; border-color: #cfd0d1; font-size: 20px;padding: 16px 30px 16px 20px; font-family: OpenSans-SemiBold; border-width: 1.7px;}
.careers-search .matSearchIcon{position: absolute;right: 30px;top:0;color: #b5b4b8;margin-top: 20px;cursor: pointer;font-weight: 700;}
.careers-search .form-control::placeholder {color: #cfd0d1; margin-left: 2rem; font-family: OpenSans-SemiBold;}

.career-path-section .sectionButton {height: 4rem; font-size: 14px; width: 100%;min-width: 14rem; border: none; background-color: #fff;line-height: 1.2; padding-right: 1rem; 
    padding-left: 1rem; white-space: nowrap;
  outline-color: #b5b4b8; cursor: pointer; 
    box-shadow: 0 3px 10px rgb(0 36 168 / 10%); color: #747678; border-radius: 1rem; margin: 6px 0; font-family: OpenSans-SemiBold;}
.career-path-section .sectionButton:hover {background-color: #2955cf; outline-color: #b5b4b8; color: #fff;}
.career-path-section .horizontal-scroll ul li a, .career-subcategory-list ul li a {
  display: block;}
.career-path-section .horizontal-scroll ul{margin:0 -10px 18px -10px;padding: 0 18px; display: flex; /*flex-wrap:wrap;*/ align-items: center;}
.career-path-section {padding: 18px 0 0px 0;}
.career-path-section .container{width:100%; padding: 0 0;}
.career-path-section .horizontal-scroll ul li{width:auto;margin:6px 0 6px 0;padding: 0 10px;list-style: none;}
.career-path-section .horizontal-scroll{/*height: auto;max-height:500px;*/padding:10px 0px 18px 44px;}

.career-category-secton{padding: 22px 0 35px 0;border-bottom: 1px solid rgba(0,0,0,.1);}
.career-category-title h2 { color: #4057e3; font-size: 24px; font-weight: 500; margin-top: 2.5%; margin-bottom: 2.5%; font-family: OpenSans-SemiBold;}
.career-subcategory-list ul{margin:0 -30px 18px -30px;padding: 0 18px; display: flex;flex-wrap:wrap;}
.career-subcategory-list .vertical-scroll{max-height:500px;height:auto;padding-right: 18px;}
.career-subcategory-list ul li{width:20%;margin:32px 0 8px 0;padding: 0 30px;list-style: none;}
.career-subcategory-list .vertical-scroll{margin-bottom:16px;}
.career-subcategory-list .sectionButton{ height: 4rem; width: 100%; background-color: #fff; padding: 7px; outline-color: #b5b4b8;line-height: 1.5; font-weight:500;outline: none; box-shadow: 0 0 12px 8px rgb(0 36 168 / 10%);
  color: #00005a; border: none; font-family: OpenSans-SemiBold; border-radius: 13px; font-size: 14px;}
  .career-subcategory-list .sectionButton:hover {-webkit-transform: scale(1.05); transform: scale(1.05);-moz-transform: scale(1.05);}

.career-listing-container .container{width:96%;}
.career-subcategory-list { padding-right: 85px;}

  /**/
  .career-content-container{width:100%;display: flex; flex-wrap: wrap;padding:84px 0 100px 0;/*font-size:16px;*/}
  .career-stickyContents{width:20%;padding-left: 60px;}
  .career-content-middle{width:65%;padding: 0 15px;}
  .career-content-right{width:15%; text-align: center;padding:0 16px 0 100px;}
  .career-content-right ul{margin: 0; padding: 0;text-align: center;}
  .career-content-right ul li{margin: 12px 0; padding: 0; list-style: none;}
  .career-content-right ul li a{ display: inline-block; width:60px; height:60px; background-color: #E6E6E6;padding: 15px; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ;  text-align: center;}
  .career-content-right ul li svg{width:30px; height:30px; fill: #B3B3B3;}
  .career-content-right ul li a:hover svg{width:30px; height:30px; fill: #4057E3;}
  .career-content-container .title{font-weight: 700;color: #b3b3b3 !important;margin-top: 15px !important;font-size: 16px !important;line-height:1!important;margin-bottom: 8px !important;font-family: "Segoe UI", sans-serif !important;}
  .career-content-container .career-content-right .title{margin-top: 218px !important;}

.career-stickyContents .sidebar{
    will-change: min-height;
    position: -webkit-sticky; /* Safari */  
position: sticky;
    top: 200px;
    
}
.career-stickyContents .sidebar__inner{
    transform: translate(0, 0); /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}



  .career-stickyContents ul{margin: 0; padding: 0;font-family: "Segoe UI",sans-serif;font-weight: 400;}
  .career-stickyContents ul li{margin: 0; padding: 0; list-style:none;font-size: 18px;cursor: pointer;}
  .career-stickyContents ul li a{display: block; color: #00005a;margin: 3px 0;text-decoration: underline !important;}
  .career-content-block{margin:40px 0 40px 0;}
  .career-content-block:first-child{margin-top:0;}
  .resp-desc{ border: 1px solid rgb(0, 0, 0); padding: 1rem; border-radius: .35rem; box-shadow: 0 3px 10px rgb(0 36 168 / 10%); background: #fff; margin: 60px 0; font-family: OpenSans-Regular;display: flex;align-items: center; justify-content: flex-start; font-size: 14px; color: #666; letter-spacing: 0; line-height: 30px;}
  .resp-desc.purple{margin-top: 40px;}
  .role-number{z-index: 9;position: relative;text-align: center; }
  .role-number span{width: 70px;height: 70px;z-index: 100;position: relative;vertical-align: middle;margin: auto;text-align: center; color: #fff;font-size: 1.3rem;letter-spacing: -1px;font-family: OpenSans-Bold;display: flex;align-items: center; justify-content: center;background-color: #00005a;border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ;}
  .career-content-block .img-responsive{width:100%;height:auto;margin: 40px 0 60px 0;}
  .career-content-block h2{color: #00005a;font-size: 35px;font-family: 'OpenSans-Bold';margin-bottom: 1rem;font-family: "Segoe UI", sans-serif;font-weight: 700;}
  .role-content{padding-left: 31px;}
  .resp-desc.purple{border: 1px solid rgb(156, 86, 184);}
  .resp-desc.blue{border: 1px solid rgb(45, 151, 222);}
  .resp-desc.orange{border: 1px solid rgb(255, 122, 60);}
  .resp-desc.pink{border: 1px solid rgb(255, 99, 150);}
  .resp-desc.green{border: 1px solid rgb(88, 221, 158);}
  .resp-desc.teal{border: 1px solid rgb(45, 222, 222);}

.career-single-pay-scale{margin-bottom: 100px}

.resp-desc.purple span{background-color: rgb(156, 86, 184);}
.resp-desc.blue span{background-color: rgb(45, 151, 222);}
.resp-desc.orange span{background-color: rgb(255, 122, 60);}
.resp-desc.pink span{background-color: rgb(255, 99, 150);}
.resp-desc.green span{background-color: rgb(88, 221, 158);}
.resp-desc.teal span{background-color: rgb(45, 222, 222);}

.resp-desc a{color: #0275d8;}

.key-skills-block{width:100%;border: .14rem solid #c1e5ff;border-radius: .35rem;padding: 2.14rem;margin: 126px 0;font-family: OpenSans-Regular;
  font-size: 1rem;
  color: #666;
  letter-spacing: 0;
  line-height: 2rem;}
.key-skills-block:last-child{margin-bottom: 90px}
.key-skills-block h3{font-family: OpenSans-Bold; font-size: 26px; color: #2096f3; letter-spacing: 0;}

.career-scope .img-responsive{width:100%;height:auto;}

.career-roadmap-list{margin:46px 0 26px 0}
.roadmap-title{color: #00005a;font-weight: 700;
font-size: 35px;
font-family: 'OpenSans-Bold';}
.career-roadmap-block{ display: flex; flex-wrap:wrap;align-items: center;margin:26px 0}

.career-roadmap-block .roadmap-left{width:50%;padding: 0 76px  0 26px;}
.career-roadmap-block .roadmap-left img{width:100%;height:auto;}
.career-roadmap-block .roadmap-right{width:50%; min-height: 300px; align-items:center; border: 1px solid #c1e5ff;font-size: 16px;border-radius: .35rem;padding: 2.14rem;background-color: #fff;display:flex;flex-wrap:wrap; position: relative;}
.career-roadmap-block .roadmap-right:before{content:"";width:5px; height:calc(100% + 24px);background-color: #c1e5ff; position: absolute; left: -5px;top: 0;}
.career-roadmap-block:nth-child(odd) .roadmap-right:before{left: auto;right:-5px;top: 0;}
.career-roadmap-block h2 { font-size: 1.06rem !important;color: #2096f3;font-weight: 700;text-align: left;font-family: 'OpenSans-Regular';}

.advertisement {background: #fff; border-radius: 6px; margin:0 auto 0 0;   margin-bottom: auto; align-items: center; padding: 0.9rem;box-shadow: 0 3px 10px rgb(0 36 168 / 10%); position: relative; width: 100%;max-width: 800px;
  margin-bottom: 1rem; font-family: OpenSans-Bold;box-sizing: border-box;flex-flow: row wrap;display: flex;}
.advertisement .add-icon{width:100%;max-width: 100px; text-align:center;}
.advertisement .add-icon img{width:70px;height:70px;}
.advertisement .add-text{width:100%;max-width: 55%;font-size: 16px;font-weight: 400;line-height: 1.5;color: grey;padding:0 15px;font-family: OpenSans-regular !important;}
.advertisement .add-text h3{color: #00005a;font-weight: bold;font-size: 24px;font-family: OpenSans-Bold;font-weight: 700;}
.advertisement .add-text h3 a{color: #00005a;}
.advertisement .add-btn{width:100%;max-width: 30%;}

  .advertisement .add-btn .button-get-started {background-color: #4057e3; border: none; color: #fff !important; text-align: center; text-decoration: none; display: inline-block;
  font-size: 18px; margin: 4px 2px; cursor: pointer; border-radius: 2rem; padding: .5rem 2.5rem; white-space: nowrap; font-family: OpenSans-Bold;}
.advertisement .add-btn .button-get-started:hover{color:#FFF !important;-webkit-transform: scale(1.05);
transform: scale(1.05);
box-shadow: 0 3px 10px rgb(0 36 168 / 10%);}

/**/
.career-new-hero{
    position:relative;
    font-family: OpenSans-Regular;
    font-size: 1.5rem;
    line-height: 2rem;color:#FFF;
}
.career-new-hero .container{width:92%;position: relative; display: flex; align-items: flex-start;}
.career-new-hero-img{background-size: cover !important; background-position: center center !important;height: calc(100vh - 200px); padding: 26px 0;display: flex;
    align-items: center;}
.career-new-hero-img:before{content: ""; position: absolute;width:100%;height:100%;top:0;left:0;background: rgba(0,0,0,.6);}

@media screen and (max-height: 700px){
    .career-new-hero-img{height: 600px;}
}

.hero-content-left{width:72%;padding: 0px 30px 0px 0;}
.hero-content-right{width:28%;text-align: center;padding:0px 26px 0 15px;margin-top: -4px; font-weight:700;font-family: "Segoe UI", sans-serif;}
.hero-content-right a.popup-validated img{max-width:100%;}
.career-new-hero h1 {font-family: OpenSans-ExtraBold; font-size: 6.5rem; line-height: 6rem; text-shadow: 0 -1px 1px #000; margin-bottom: 18px;}
.my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);  -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);  -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);  -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);  transform: translateY(-20px) perspective(600px) rotateX(10deg);}
/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0);  -ms-transform: translateY(0) perspective(600px) rotateX(0);  -o-transform: translateY(0) perspective(600px) rotateX(0);  transform: translateY(0) perspective(600px) rotateX(0);}
/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);  -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);  -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);  -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  transform: translateY(-10px) perspective(600px) rotateX(10deg);}
/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8;}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0;}

.secondary-menu{background: #fff;position: -webkit-sticky !important;position: sticky !important;top:89px;z-index: 999;margin-bottom: 100px;box-shadow: 0 1px 6px rgba(0,0,0,.15);}
.secondary-menu ul{margin: 0;padding: 0; display: flex; flex-wrap: wrap; justify-content: center;}
.secondary-menu ul li{margin: 0;padding:2px 31px; list-style:none;text-transform: uppercase;font-size: 16px;line-height: 1.2;font-family: OpenSans-Bold;}
.secondary-menu ul li > a:before{content:""; width:0;height:4px;background-color: #6c77eb; position: absolute;left:0;bottom:0px;-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
.secondary-menu ul li.active > a:before{transition-delay: 0.72s;}
.secondary-menu ul li a{display:block;color: #6c77eb;text-decoration: none;padding: 22px 0; position: relative;}
.secondary-menu ul li.active > a:before/*, .secondary-menu ul li > a:hover:before, .secondary-menu ul li:hover > a:before*/{width:100%;}
.secondary-menu ul li a:after{display:block;color: #6c77eb;text-decoration: none;padding: 1rem 0rem; position: relative;}
.secondary-menu ul li.dropdown ul.sub-menu { position: absolute; top: 60px; z-index: 1000; margin: 0px; padding: 0px; min-width: 264px;right: 0; background-color: #fff; border: solid 1px #eeeeee;}
.secondary-menu ul li.dropdown ul.sub-menu {display: block; padding: 10px; opacity: 0; visibility: hidden; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%;  -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;  transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg);  -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg);}

.secondary-menu ul li.dropdown:hover > ul.sub-menu { opacity: 1; visibility: visible; transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg);}
.secondary-menu ul li.dropdown ul.sub-menu li{padding: 2px 0px;font-size: 14px;}
.secondary-menu ul li.dropdown ul.sub-menu li a{padding: 5px 6px;}
.secondary-menu ul li.dropdown ul.sub-menu li a:before{display:none;}
.common-group .container{ width: 92%;}





.common-section {padding:50px 0;}
.common-section .section-title{padding: 2.5rem 0rem;background: #f2f5fe;}
.common-section .section-title h2{font-family: OpenSans-ExtraBold;font-size: 3.5rem;line-height: 4rem;margin: 0;color: #333;}
.common-content {padding: 31px 0 50px 0;font-family: OpenSans-Regular;font-size: 26px;line-height: 40px;color: #666;}
.common-content .text{display: block; max-width:1256px}
.slider-block{font-family: OpenSans-Regular;/*font-size: 1.3rem;
line-height: 2rem;*/box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),inset 0 0 0 0 rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);background: #fff;color: #666;border-radius: .75rem;min-height: 564px;display:block;margin: 15px 31px;padding: 1.95rem;}
.slider-block h4{font-family: OpenSans-Bold;font-size: 2rem;line-height: 2.6rem;margin: 0 0 1rem;color: #6c77eb;}
.slick-active .slider-block { color:#FFF; background: rgb(39,103,243);
background: -moz-linear-gradient(90deg, rgba(39,103,243,1) 0%, rgba(163,108,222,1) 100%);
background: -webkit-linear-gradient(91deg, rgba(39,103,243,1) 0%, rgba(163,108,222,1) 100%);
background: linear-gradient(90deg, rgba(39,103,243,1) 0%, rgba(163,108,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2767f3",endColorstr="#a36cde",GradientType=1); }
.slick-active .slider-block a{color:#FFF;}
.slick-active .slider-block h4{color:#FFF;}
.slick-active .slider-block a:hover{color: #d9b95f !important;}
.slick-dots li button:before{ width:10px;height:10px;background-color: #000; border-radius:50% ; font-size:0px; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.slick-dots li button{ left: 5px;right:5px;}
.slick-dots{ bottom: -8px;}
.slick-dotted.slick-slider { padding-bottom:60px;margin-bottom: 0px;overflow:hidden;}
.slick-dots li button{position: relative;}

.common-responsibilities .common-content, .common-skills .tab-contant, .common-specialisations .common-content{padding-top:6px !important}
.common-responsibilities .slick-slider .slick-list, .common-skills .slick-slider .slick-list, .common-specialisations .slick-slider .slick-list{padding: 0px 470px 0px 110px !important;}
.common-responsibilities .slider-block{margin: 15px 28px;}
.common-promotion-levels .common-content .text { max-width: 1190px;min-height: 450px;}
#payscale .common-content .text { max-width: 1190px;}
.common-scope .tab-img {height: 475px;}

 

.workplace-block{ font-family: OpenSans-Regular;
font-size: 1.3rem;
line-height: 2rem;
color: #FFF;}
.workplace-block-img .container{ width: 80%;position: relative;z-index:1; }
.workplace-block-img{width:100%; background-size: cover !important; background-position: center center !important;display: flex;align-items: center;height:476px;position: relative; }
.workplace-block-img:before{content:"";width:100%; background-color: rgba(0, 0, 0, 0.4); height:100%; position: absolute;left:0;top:0;}
.workplace-block h4{ color: #fff;font-family: OpenSans-ExtraBold;font-size: 3rem;text-shadow: 0 -1px 1px #000;margin-bottom:34px;}
.workplace-slider .slick-next { right: 80px; z-index:1;background:rgba(255,255,255,0.5) url(../images/right-next.png) no-repeat center center; background-size: 20px;}
.workplace-slider .slick-prev { left: 80px;z-index:1;background:rgba(255,255,255,0.5) url(../images/right-prev.png) no-repeat center center; background-size: 20px;}
.workplace-slider .slick-prev, .workplace-slider .slick-next{width:50px;height:50px; border-radius:50% ; font-size:0px; -webkit-border-radius:50% ; -moz-border-radius:50% ;background-position: center center;}
.workplace-slider .slick-prev::before, .workplace-slider .slick-next::before{display: none;}
.z-tabs.flat.flat-alizarin > ul.z-tabs-nav > li.z-active > a, .z-tabs.flat.flat-alizarin > ul.z-tabs-mobile.z-state-closed > li a, .z-tabs.flat.flat-alizarin > ul.z-tabs-mobile > li a {
  background: #ebebeb;
}

.z-tabs.clean.z-rounded.top > ul > li.z-first > a, .z-tabs.clean.z-rounded.bottom > ul > li.z-first > a, .z-tabs.clean.top.z-rounded > ul > li.z-last > a, .z-tabs.clean.bottom.z-rounded > ul > li.z-last > a { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px;}
.z-tabs.large > ul > li > a { font-family: OpenSans-SemiBold; font-size: 1.5rem; line-height: normal; color: #333; opacity: 1 !important;  height: auto;border: none;top: 0;}
.z-tabs.clean > ul > li.z-active > a {font-weight: normal;}
.z-tabs.clean.z-shadows > ul > li.z-active > a{-webkit-box-shadow: none;-moz-box-shadow:none;box-shadow: none;}

.tab-img{height:400px;background-size: cover !important; background-position: center center !important;}
.z-tabs.clean.horizontal > .z-container > .z-content > .z-content-inner{padding-top: 0;}
.tab-text{padding-top:46px;font-family: OpenSans-Regular;font-size: 26px;
line-height: 40px;}
.tab-text h2{font-family: OpenSans-Bold;font-size: 2rem;line-height: 2.6rem;color: #6c77eb;margin: 40px 0 10px 0;}
.tab-text h2:first-child{margin-top: 0px}
.z-tabs.horizontal.z-shadows > ul > li {
  background: #fff;
  box-shadow:0 2px 4px 0 rgb(0 0 0 / 18%), 0 1px 5px 0 rgb(0 0 0 / 22%), 0 3px 1px -2px rgb(0 0 0 / 31%);
  -webkit-box-shadow:0 2px 4px 0 rgb(0 0 0 / 18%), 0 1px 5px 0 rgb(0 0 0 / 22%), 0 3px 1px -2px rgb(0 0 0 / 31%);
  -moz-box-shadow:0 2px 4px 0 rgb(0 0 0 / 18%), 0 1px 5px 0 rgb(0 0 0 / 22%), 0 3px 1px -2px rgb(0 0 0 / 31%);
  transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
  -webkit-transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
  -moz-transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
  -ms-transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
  -o-transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
}
.z-tabs.clean.z-shadows > ul > li.z-active > a{color:#333333;}
.z-tabs.horizontal.top > ul > li > a {  top: 0px;}
.z-tabs ul.z-tabs-desktop{overflow: hidden;    border-bottom: 1px solid #ebebeb;
}
.z-tabs.large > ul > li > a{padding: 16px 24px}
.z-tabs.large.horizontal.top.white.z-bordered > ul > li.z-active > a {
    padding-top: 16px; color: #333333;
}

#tabbed-skills .tab-contant{padding-top:40px;border-top: 1px solid rgba(0,0,0,.12);}
.tabbed-skills-block {display: flex;align-items: center; min-height: 518px; box-shadow: 0 0 10px rgb(0 0 0 / 60%);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.6);
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 60%);}
.tabbed-skills-img {width:26%}
.tabbed-skills-img img{width:100%;height:auto;}
.tabbed-skills-content {width:74%;padding-left: 31px;}
.tabbed-skills-content .btn{text-decoration:none !important;}
.page-content .btn {
  border-radius: .25rem !important;
  display: inline-block;
  min-width: 12rem;
  height: 3rem;
  color: #FFF !important;
  background: #6c77eb;
  border: 1px solid #6c77eb;text-decoration: none !important;
  padding: .5rem !important;
  box-shadow: 2px 2px 3px rgba(0,0,0,.3);
  transition: .2s;
  text-transform: uppercase;
  font-family: OpenSans-Bold;
  letter-spacing: .5px;
  font-size: 1.2rem !important;
  line-height: 1.8rem !important;
  font-weight: 700 !important;
  -webkit-border-radius: .25rem !important;
  -moz-border-radius: .25rem !important;
  -ms-border-radius: .25rem !important;
  -o-border-radius: .25rem !important;
}
.page-content .btn:hover, .page-content .btn:focus, .page-content .btn:active{color: #FFF !important;-webkit-transform: scale(1.05);
transform: scale(1.05);
box-shadow: 0 3px 10px rgb(0 36 168 / 10%);}
.slick-active a.btn{background: #fff;
border: 1px solid #6c77eb !important;
color: #6c77eb !important;}
.slick-active a.btn
.tabbed-skills-block .btn{margin-top: 18px;}
.tabbed-skills-block .btn:hover, .tabbed-skills-block .btn:focus, .tabbed-skills-block .btn:active {color: #FFF !important;}
.slick-active .tabbed-skills-block .btn:hover, .slick-active .tabbed-skills-block .btn:focus, .slick-active .tabbed-skills-block .btn:active {color: #6c77eb !important;}

#tabbed-bottom-justified ul.z-tabs-nav > li.z-active > a{background-color: transparent;top: 0;
padding-top: 0;}
#tabbed-bottom-justified ul.z-tabs-nav > li{box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;overflow:visible;}
#tabbed-bottom-justified ul.z-tabs-nav > li > a{width:100%;border:none;position: relative;min-height: 200px;top: 0;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;border:none;margin-right: 0; padding:0 0 0 0;}
#tabbed-bottom-justified > .z-container{box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;border:none;}
#tabbed-bottom-justified ul.z-tabs-nav > li.z-active a img{ opacity: 1;}
#tabbed-bottom-justified ul.z-tabs-nav > li a img{ position: absolute; opacity: .3;width:100%;height:auto;display: inline-block;left: 0;bottom: 0;right: 0;box-sizing:border-box}
#tabbed-bottom-justified ul.z-tabs-nav > li:hover a img { opacity: .6;}
#tabbed-bottom-justified .z-container{margin-bottom:84px;}

.payscale-slider-container{position:relative;margin-top:140px;}
.payscale-slider-container .scale span{width: 14px;height: 14px;background: #FFF;border-radius: 50%;font-size: 0px !important;top: -19px;}
.payscale-slider-container .scale ins{font-size:0;}
.payscale-slider-container .back-bar .pointer{width: 36px;height: 36px;top: -6px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 50%;border: 14px solid rgb(108, 119, 235);
background-color: #FFF;
background-image: none !important;
margin-left: -12px;}
.payscale-slider-container .back-bar .pointer.last-active{/*margin-left: -12px*/}
.payscale-slider-container .scale{margin-right:18px;margin-left: 3px;}
.payscale-slider-container .back-bar .pointer-label{color: #fff;background: #6c77eb;border-radius: .5rem;font-family: OpenSans-Bold;top: -100px;font-size: 1.5rem;padding: 1.2rem 1rem;text-transform: uppercase;font-weight: 700;
width: 16rem;text-align: center;margin-left: -18px;}
.payscale-slider-container .back-bar .pointer-label.first{margin-left: -156px;}
.payscale-slider-container .back-bar .pointer-label.last{margin-left: 120px;}
.payscale-slider-container .back-bar .pointer-label:after{content:""; width: 0; height: 0;  border-left: 20px solid transparent;  border-right: 20px solid transparent; border-top: 20px solid #6c77eb;left: 0;
right: 0;
margin: 0 auto;
bottom: -20px;position: absolute;}
.payscale-slider-container .slider-container, .payscale-slider-hidden-width{width:80% !important; margin: 0 auto;}
.payscale-slider-content{width:80% !important; margin: 0 auto;border-radius: .5rem;background: #6c77eb;text-align: center;color:#FFF;padding: 1.2rem 1rem;}

.specialisations-block {display: flex; align-items: flex-start;}
.specialisations-block .tabbed-skills-img{width:86px; position: relative;}
.specialisations-block .tabbed-skills-img img{max-height:76px;width:auto;}
.specialisations-block .tabbed-skills-img img.normal{opacity: 0;transition: .2s ease-in-out;}
.specialisations-block .tabbed-skills-img img.color{opacity: 1;transition: .2s ease-in-out; position: absolute;left:0;top:0;}
.specialisations-block .tabbed-skills-content{width:calc(100% - 86px); padding-left: 26px;}
.slick-active .specialisations-block .tabbed-skills-img img.color{opacity: 0;}
.slick-active .specialisations-block .tabbed-skills-img img.normal{opacity: 1;}
.slider-block.specialisations-block{min-height:480px; padding-right: 18px !important}
#quiz .common-content{text-align: center;}
#quiz .tab-text h2{font-family: OpenSans-Bold;letter-spacing: .5px;font-size: 2.25rem;line-height: 2.5rem;margin-bottom: 26px;}
#quiz .btn{margin-top: 46px; min-width: 10rem;border-radius: 0.5rem !important; -webkit-border-radius: 0.5rem !important; -moz-border-radius: 0.5rem !important;}
#quiz .tab-text{padding-top: 0px;font-family: OpenSans-Bold;letter-spacing: .5px;}

.solution-unlock-banner { padding: 0 0 100px 0; text-align: center; margin-top:76px;color: #FFF; background: rgb(39,103,243); background: -moz-linear-gradient(90deg, rgba(39,103,243,1) 10%, rgba(163,108,222,1) 90%); background: -webkit-linear-gradient(90deg, rgba(39,103,243,1) 10%, rgba(163,108,222,1) 90%); background: linear-gradient(90deg, rgba(39,103,243,1) 10%, rgba(163,108,222,1) 90%); filter:; progid:DXImageTransform.Microsoft.gradient(startColorstr="#2767f3",endColorstr="#a36cde",GradientType=1); -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2767f3",endColorstr="#a36cde",GradientType=1);font-family: OpenSans-Bold;
letter-spacing: .5px;
}
.solution-unlock-icon{margin:-84px 0 34px 0;}
.solution-unlock-banner .btn.gold{background: #FFF;color: #d9b95f !important;border: 1px solid #FFF;font-family: OpenSans-SemiBold;margin-top:12px;border-radius: 0.5rem !important; -webkit-border-radius: 0.5rem !important; -moz-border-radius: 0.5rem !important;}
.solution-unlock-banner h2{font-family: OpenSans-Bold;letter-spacing: .5px;font-size: 2.25rem;line-height: 2.5rem;margin:0 0 26px 0;}

.pay-title {display:block;font-size:1.2rem;font-family: OpenSans-Bold;margin-bottom:10px;text-transform:uppercase;line-height: 1.2}
.payscale-slider-content .pay-text{font-size:20px; line-height: 1.4}

.z-tabs-nav{position: sticky !important; top:152px;z-index: 99}
#promotion-levels .z-tabs-nav{position: relative;top:auto;border-bottom: none}
.quiz-form h2{color: #6c77eb;font-family: OpenSans-Bold;font-size: 2rem;line-height: 2.6rem;margin-bottom: 26px;}
.quiz-main-section{padding-top:50px !important;}
.quiz-main-section .ans{font-family: OpenSans-Regular;font-size: 1.15rem;line-height: 2rem;text-align: left;border-radius: 2px;color:#FFF;position:relative;}
.quiz-main-section .ans input[type="radio"]{position: absolute;opacity: 0;width:100%;left:0;top:0;visibility: hidden;height: 100%;}
.quiz-main-section .ans[data-id="1"] { background-color: #8c8cff;}
.quiz-main-section .ans[data-id="2"] { background-color: #6464ff;}
.quiz-main-section .ans[data-id="3"] { background-color: #4646ff;}
.quiz-main-section .ans[data-id="4"] { background-color: #3232ff;}
.quiz-main-section .ans label{margin: 0;cursor: pointer;display: block; padding: 24px 24px 24px 50px;}

.quiz-main-section .next, .quiz-main-section .ques-list {display: none;}
.quiz-main-section .next.show, .quiz-main-section .ques-list.show{display: block;}
.quiz-main-section .progress {height: 0.51rem!important; background-color: #dadada;width:100%;margin-top:56px !important}
.quiz-main-section .progress .progress-bar{ background-color: #333!important;}
#quiz .btn.next{margin-top: 56px;}
.secondary-menu ul li.dropdown ul.sub-menu li a i img{ height: .85rem;}
.secondary-menu ul li.dropdown ul.sub-menu li a i{ position: absolute;right: 0;top: 3px;}
.secondary-menu ul li.dropdown a{color: #d9b95f;}
.secondary-menu ul li.dropdown ul.sub-menu li a{color: #d9b95f;padding:5px 26px 5px 5px; position: relative;}

#quiz .section-title {text-transform: uppercase}
.common-quiz {padding-bottom: 0 !important;}

/* .quiz-main-section .result-sec {
	visibility:hidden;
} */
.quiz-main-section .ans.incorrect {background:red;}
.quiz-main-section .ans.correct {background:green;}
.quiz-main-section .ans {    background: #3232ff;}

.quiz-main-section .next.show{display: inline-block !important;}
.quiz-main-section .ques-list{width:100%;}
.result-sec h2{color: #6c77eb;font-family: OpenSans-Bold;letter-spacing: .5px;font-size: 2.25rem;line-height: 2.5rem;margin-bottom: 26px}
.result-sec h2 span.correct-num, .result-sec h2 span.total-sum, .result-sec h2 span{font-size: 4.5rem;margin:0 0.6rem;}
.result-button-sec .btn.retake-quiz-btn{margin-right: 26px;}

#popup-validated{	padding: 20px 30px;	text-align: left; max-width: 600px; margin: 100px auto  40px auto;color:#FFF;font-size: 18px;position: relative;min-height:450px; background: #3867F1 url(../images/popup-bg.png) no-repeat; background-position: center center;font-family: OpenSans-SemiBold;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;}
.popup-author{display: block; text-align: center;margin-top: -100px;margin-bottom:30px;}
.popup-author img{width:160px; height:160px;display: inline-block;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;object-fit: contain; object-position: center;}
ul.social-icon{margin: 16px 0; text-align: center;padding-left: 0;}
ul.social-icon li{list-style: none;margin: 12px 6px;padding: 0;display:inline-block;}
ul.social-icon li img{max-width:100%;}
.validate-name{font-family: OpenSans-SemiBold;font-size: 20px;margin-bottom: 1.25rem;}
#popup-validated h3{font-family: OpenSans-Bold;font-size: 28px;text-transform: uppercase;margin-bottom: .25rem;text-transform: uppercase;margin-bottom:16px;}
#popup-validated button.mfp-close{color:#FFF;}
.z-tabs.horizontal.top.z-rounded > ul > li.z-first, .z-tabs.horizontal.top.z-rounded > ul > li.z-first > a{border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;}
.z-tabs > .z-container > .z-content > .z-content-inner { padding: 0px;}
.z-tabs.mobile.z-shadows > ul.z-tabs-mobile{padding: 0 0px;margin: 0 15px;width: auto;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.z-tabs.white.mobile.z-bordered > ul > li.z-active > a { background:#ebebeb !important; border-bottom:none !important;}
.z-tabs.mobile > ul.z-tabs-desktop{margin: 15px 15px 0 15px;width: auto;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.z-tabs.horizontal.top.white.z-bordered > ul > li.z-active > a{border:none !important;}

.z-tabs {font-family: OpenSans-Regular;}
.solution-unlock-banner{font-size: 26px;line-height: 40px;}
.quiz-main-section .ans{font-size: 24px;line-height: 36px;}

.common-accordian{display: none;border-top: 1px solid #eee;}
.common-accordian a{width: 96%;margin: 0 auto;display: block;text-transform: uppercase;color: #6c77eb !important; text-decoration:none !important;position: relative;font-family: OpenSans-ExtraBold;font-size:22px;padding: 15px 46px 15px 15px}
.common-accordian a:hover, .common-accordian a:focus{text-decoration:none !important;color: #014c8c !important;}
.plus-button{position:absolute;right:26px;top:14px;padding: 15px;pointer-events: none;}
.plus-button:before, .plus-button:after {
  content: '';
  width: 18px;
  height: 4px;
  background: #6c77eb;
  position: absolute;
  top: 15px;
  left: 8px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.plus-button:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.common-section.active .plus-button:after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
.common-group{display: block;}
.common-section.active .common-group{display: block;}
#skills .z-tabs .z-container .z-content{display: block !important}

.premium-mobile-links{display:none;margin-bottom:126px;}
.premium-mobile-links ul{margin: 0;padding: 0;}
.premium-mobile-links ul li{margin: 0;padding: 0;text-transform: uppercase;color: #d9b95f;font-family: OpenSans-ExtraBold;font-size: 18px;border-top: 1px solid #eee;}
.premium-mobile-links ul li a{width: 96%;margin: 0 auto;display: block;padding: 15px 46px 15px 15px;color: #d9b95f;position: relative;}
.premium-mobile-links ul li a i img {
  height: 18px;
}
.premium-mobile-links ul li a i { position: absolute; right: 16px; top: 8px;padding: 10px 15px;line-height: 1;}

.career-listing-main .page-title{display:block;max-width: 90%;color:grey;font-family:opensans-regular;margin:0 auto;font-size:1.1rem;color:grey;margin-bottom:18px;line-height: 1.5; text-align: center;}
.page-content {font-size: 15px;color: grey;letter-spacing: 0;line-height: 30px;font-family: OpenSans-Regular;}
.career-single-main .page-title{background-color: #00005a;color: #fff;text-align: center;padding: 56px 0 52px 0;}
.career-single-main .page-title h1{font-size: 50px;font-family: OpenSans-Bold;text-transform: capitalize;color: #fff;margin:0;}

.key-skills-top {font-family: OpenSans-Bold;font-size: 25px;color: #666;letter-spacing: 0;line-height: 2rem;}
.page-content a{color: #0275d8;text-decoration: none;}
.page-content a:focus, .page-content a:hover { color: #014c8c !important; text-decoration: underline;}
#pay-scale p{font-family: OpenSans-Regular;font-size: 18px;color: grey;}

body.custom-body, html.custom-body{overflow-x: inherit !important}

.career-single-profession h2{ margin-bottom: 52px}
.career-single-profession .img-responsive { margin: 64px auto;}
.career-single-responsibilities {margin-bottom:100px;}
.career-single-responsibilities + .advertisement{margin-bottom:100px;}
    
@media screen and (max-width: 1699px){
    .secondary-menu ul li{padding: 2px 18px;}
    .secondary-menu{top: 80px;}
    .z-tabs-nav{top: 143px;}
    
    .career-subcategory-list ul{margin: 0 -18px 18px -18px;}
    .career-subcategory-list ul li{padding:0 18px;}
    .career-subcategory-list {
    padding-right: 50px;
}
    
    .common-responsibilities .slick-slider .slick-list, .common-skills .slick-slider .slick-list, .common-specialisations .slick-slider .slick-list {
    padding: 0px 350px 0px 80px !important;}
    .common-responsibilities .slider-block {
    margin: 15px 18px;
}
}
@media screen and (max-width: 1440px){
    .career-content-block h2{font-size:31px}
    .advertisement .add-text{max-width:55%}
    .advertisement .add-btn .button-get-started{padding: .5rem 1.5rem;}
    .career-roadmap-block .roadmap-right{padding:1.5rem;}
    
    
    .career-subcategory-list ul{margin: 0 -15px 18px -15px;}
    .career-subcategory-list ul li{padding: 0 15px}
    
    .common-section .section-title h2{/*font-size: 3rem;line-height: 3.15rem;*/}
    .common-section .section-title { padding: 2rem 0rem;}
    .career-new-hero h1{font-size: 6rem;line-height: 6rem;}
    .secondary-menu ul li {padding: 2px 12px;font-size:15px}
    
    .common-content .text{max-width:1000px;}
    
    .career-single-main .page-title h1{font-size:48px;}
    .career-subcategory-list {padding-right: 0px;}
    .career-subcategory-list ul{margin: 0 -14px 18px -14px;}
    .career-subcategory-list ul li{padding:0 14px; margin: 26px 0 8px 0;}
    
    .careers-search .form-control{ font-size: 18px;}
    .careers-search .matSearchIcon{    margin-top: 16px;}
    
    .common-responsibilities .slick-slider .slick-list, .common-skills .slick-slider .slick-list, .common-specialisations .slick-slider .slick-list {
    padding: 0px 200px 0px 80px !important;}
    
    
}

@media screen and (max-width: 1399px){
    .secondary-menu{top: 70px;}
    .z-tabs-nav{top: 130px;}
    .career-single-main .page-title h1{font-size:40px;}
    .career-single-main .page-title{padding: 46px 0 42px 0}
    .key-skills-top{font-size:20px;}
    
    
}

@media screen and (max-width: 1366px){
    .career-subcategory-list ul li, .career-path-section .horizontal-scroll ul li{/*width:25%;*/}
    .career-path-section .horizontal-scroll ul{margin: 0 -15px 18px -15px;}
    .career-path-section .horizontal-scroll ul li{padding: 0 15px}
    .secondary-menu ul li {padding: 2px 12px;font-size:14px}
    
    .slider-block{margin: 15px 15px;}
    .tab-text h2{font-size: 26px;}
    .z-tabs.large > ul > li > a{font-size:22px;}
    .slider-block{min-height:450px;}
    .workplace-block h4{margin-bottom:22px;}
    
    .payscale-slider-container .back-bar .pointer-label.first {margin-left: -126px;}
    .payscale-slider-container .back-bar .pointer-label.last {margin-left: 98px;}
    .payscale-slider-container .back-bar .pointer-label{top: -84px;margin-left: -14px;}
    
    .common-content, .tab-text, .z-tabs, .solution-unlock-banner {font-size: 22px;line-height: 36px;font-family: OpenSans-Regular;}
    
    .career-content-right{padding: 0 16px 0 56px;}
    .career-stickyContents{padding-left:0;}
    .page-title h1{font-size:36px}
    .career-subcategory-list .vertical-scroll {margin-bottom: 0px;}
    .career-category-title h2{ margin-top: 1.5%; margin-bottom: 1.5%;}
    
    .secondary-menu{margin-bottom: 50px;}
    .workplace-block-img{height:340px;}
    .tab-img {
        height: 340px;}
    .common-scope .tab-img {
    height: 400px;
}
    
}

@media screen and (max-width: 1280px){
    
    .career-subcategory-list ul li{width:25%;}
    .career-subcategory-list { padding-right: 100px;}
    .career-category-title{padding-left: 16px;}
    
    .hero-content-left{padding: 0px 56px 0px 0;}
    
    .solution-unlock-icon img{max-width: 140px;}
    .solution-unlock-icon {
    margin: -68px 0 34px 0;
}
    .slider-block.specialisations-block {
        min-height: 400px;}
    .common-scope .tab-img {
    height: 340px;
}
    .common-promotion-levels .common-content .text { max-width:800px;min-height: 250px;}
    .slider-block {
    min-height: 400px;
}
}

@media screen and (max-width: 1199px){
    .career-stickyContents ul li a{margin: 8px 0;}
    .career-content-block h2{font-size:28px}
    .role-number span{width:50px;height:50px;}
    .advertisement .add-icon img{width:50px;height:50px;}
    .advertisement .add-text{width:50%;}
    .career-roadmap-block .roadmap-left{padding-right: 22px;}
    .role-content{padding-left: 16px;}
    .advertisement .add-text, .key-skills-block{font-size:16px; line-height: normal;}
    .page-title h1{font-size:32px}
    .roadmap-title{font-size:26px}
    
    .career-path-section .horizontal-scroll ul, .career-subcategory-list ul{margin: 0 -8px 18px -8px;}
    .career-path-section .horizontal-scroll ul li, .career-subcategory-list ul li{padding: 0 8px}
    .career-subcategory-list .sectionButton{height:auto;min-height: 60px}
    .careers-search .form-control{font-size:14px}
    .careers-search .matSearchIcon{margin-top: 16px;}
    .careers-search + hr{margin-top:26px;}
    
    .career-new-hero-img{height:430px}
    .secondary-menu ul li { padding: 2px 8px; font-size: 12px}
    .slider-block{}
    .common-section .section-title h2 {/*font-size: 2.5rem; line-height: 3rem;*/}
    .common-section .section-title{padding:1rem 0rem;}
    .common-content{padding:26px 0}
    .common-section {padding: 26px 0;}
    .workplace-block-img{height:256px}
    .common-scope .tab-img {height:256px}
    .tab-text h2 {font-size: 24px;margin: 26px 0 10px 0;}
    #tabbed-bottom-justified ul.z-tabs-nav > li > a{min-height:100px;}
    .tab-text{padding-top:26px;}
    .workplace-block h4{font-size:30px}
    
    .payscale-slider-container .back-bar .pointer-label.first {margin-left: -109px;}
    .payscale-slider-container .back-bar .pointer-label.last {margin-left: 86px;}
    .payscale-slider-container .back-bar .pointer-label{top: -76px;margin-left: -12px;}
    
    .career-new-hero h1 {font-size: 5rem; line-height: 5rem;}
    .secondary-menu {top: 67px;}
    .z-tabs-nav {top: 125px;}
    
    .tab-img{height:300px;}
    .slider-block.specialisations-block { min-height: 400px;}
    .common-content, .tab-text, .z-tabs, .solution-unlock-banner, .quiz-main-section .ans {font-size: 20px;line-height: 30px;}
    .career-roadmap-block h2 { /*font-size: 22px !important;*/}
    .resp-desc{margin: 30px 0;}
    .resp-desc.purple {margin-top: 30px;}
    .key-skills-block{margin: 50px 0;}
    .key-skills-block h3 {font-size: 22px;}
    .career-single-main .page-title h1 {
  font-size: 34px;
}
    
    .career-single-main .page-title {
  padding: 34px 0 30px 0;
}
    .career-content-right {
  padding: 0 16px 0 16px;
}
    .career-content-container .career-content-right .title {margin-top: 0px !important;}
    .career-listing-main .page-title{/*font-size:20px*/}
    
    .careers-search .matSearchIcon { margin-top: 12px;right: 22px;}
    .career-subcategory-list {
    padding-right: 50px;
}
    .career-subcategory-list ul li{margin: 22px 0 6px 0;}
    .career-path-section .horizontal-scroll {
    padding: 10px 0px 18px 16px;
}
    .career-path-section { padding: 0px 0 0px 0;}
    .career-single-profession .img-responsive {
    margin: 40px auto;
}
    .career-single-responsibilities, .career-single-responsibilities + .advertisement, .key-skills-block:last-child, .career-single-pay-scale { margin-bottom: 50px;}
    .career-content-block .img-responsive{margin: 40px 0 40px 0;}
    .career-roadmap-block .roadmap-right{font-size: 15px; line-height: 26px;}
    .common-responsibilities .slick-slider .slick-list, .common-skills .slick-slider .slick-list, .common-specialisations .slick-slider .slick-list {
    padding: 0px 200px 0px 0px !important;
}
    .common-content .text {
    max-width: 800px;
}
    .slider-block.specialisations-block {
    min-height: 350px;
}
    
}
@media screen and (max-width: 999px){
    .secondary-menu {top: 62px;}
    .z-tabs-nav {top: 118px;}
}
@media screen and (max-width: 991px){
    .career-content-block h2{font-size:26px;}
    .career-stickyContents{width:100%; margin:0 0 40px 0;}
    .career-content-middle{width:100%;padding:0;}
    .career-content-right{width:100%;margin:40px 0 0 0;display:flex;align-items: center; padding-bottom:22px;border-bottom:1px solid rgba(0,0,0,.1);}
    .career-content-container .title{margin: 0 26px 0 0 !important;}
    .career-content-right ul li{display:inline-block;margin:2px 0 0px 0;}
    .key-skills-block h3{font-size: 1.25rem;}
    .page-title h1{/*font-size:28px*/}
    .roadmap-title{font-size:22px}
    
    .career-subcategory-list ul li, .career-path-section .horizontal-scroll ul li{/*width:33.3333%;*/}
    .slick-active .slider-block{background-image: none !important;color:#666666;}
    .slick-active .slider-block h4{color: #6c77eb;}
    #workplace {padding-bottom:0 !important}
    .z-tabs.large > ul > li > a{font-size:20px}
    .page-content .container { width: 96%;}
    .common-section .section-title h2 {font-size: 2rem; line-height: 2.5rem;}
    .tabbed-skills-img{width:100%;text-align:center;}
    .tabbed-skills-content{width:100%;padding:30px 0 0 0;text-align:center;}
    .tabbed-skills-img img{max-width:300px;display:inline-block;}
    .tabbed-skills-block{flex-direction:column;}
    .tab-img{height:300px;}
    
    .payscale-slider-container .back-bar .pointer-label.first {margin-left: -94px;}
    .payscale-slider-container .back-bar .pointer-label.last {margin-left: 74px;}
    .payscale-slider-container .back-bar .pointer-label{top: -68px;margin-left: -10px;}
    
    .career-new-hero-img{height:500px}
    .specialisations-block .tabbed-skills-content{padding-top:0px; text-align: left;}
    .slick-active .slider-block a{color: #6c77eb;}
    .tab-text h2{font-size:22px}
    .result-sec h2{font-size: 2rem;}
    .career-new-hero h1 {
  font-size: 4rem;
        line-height: 4rem;margin-bottom: 26px;}
    .secondary-menu{display:none;}
    #tabbed-bottom-justified .z-container{margin-bottom:46px}
    .common-content, .tab-text, .z-tabs, .solution-unlock-banner, .quiz-main-section .ans {    font-family: OpenSans-Regular;
    font-size: 1.3rem;
    line-height: 2rem;}
    .quiz-main-section .ans label{padding: 18px 16px 18px 16px;}
    
    .common-accordian{display: block;}
    .common-group{ max-height: 0px; overflow: hidden;/*-webkit-transition: height .3s ease-in-out,height .3s ease-in-out;
-moz-transition: height .3s ease-in-out,height .3s ease-in-out;
transition: height .3s ease-in-out,height .3s ease-in-out;*/opacity: 0;
visibility: hidden;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-75deg);
-o-transform: rotateX(-75deg);
-moz-transform: rotateX(-75deg);
-webkit-transform: rotateX(-75deg);}
    .common-section.active .common-group{ max-height:10000px; opacity: 1;
visibility: visible;
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
        -webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;}
    .common-section {padding: 0px 0;}
    
    .z-tabs-nav { top: 0px;}
    .premium-mobile-links{display:block;}
    .career-single-main .page-title h1 {font-size: 30px;}
    .career-content-container{padding: 64px 0 100px 0;}
    
    .career-subcategory-list .sectionButton{box-shadow: 0 0 8px 4px rgb(0 36 168 / 10%);}
    .career-subcategory-list ul li{margin: 22px 0 6px 0;}
    .career-subcategory-list .sectionButton{line-height: 1.2;}
    .career-listing-main .page-title{/*font-size:18px*/}
    .payscale-slider-content .pay-text{font-size:18px; line-height: 1.2}
    
    .career-subcategory-list {
    padding-right: 0;
}
    .career-single-profession h2 {
    margin-bottom: 26px;
}
    .career-single-profession p{font-size:18px;line-height: 2.25rem;}
    .resp-desc{line-height:26px;}
    .key-skills-block { font-size: 15px; line-height: 26px;}
    .career-content-block { font-size: 18px; line-height: 32px;}
    .career-roadmap-block .roadmap-right{min-height:240px;}
    .common-section .section-title h2 {
    font-family: OpenSans-Bold;
    font-size: 2.75rem;
    line-height: 3rem;
}
    .slider-block{box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none; padding-left: 0 !important; padding-right: 0 !important; min-height: inherit !important}
    .common-responsibilities .slick-slider .slick-list, .common-skills .slick-slider .slick-list, .common-specialisations .slick-slider .slick-list {
    padding: 0px 0px 0px 0px !important;
}
    .workplace-block-img .container {
        width: 72% !important;}
    .workplace-slider .slick-prev{left: 15px;}
    .workplace-slider .slick-next{right: 15px;}
    .common-scope .tab-img {
    height: 200px;
}
    
}
@media screen and (max-width: 767px){
    .advertisement{flex-direction:column;text-align: center;padding:15px 12px;}
    .advertisement .add-icon, .advertisement .add-text, .advertisement .add-btn{width: 100%; max-width:100%;}
    .career-roadmap-block .roadmap-left{width:100%;padding:0 0 31px 0;}
    .career-roadmap-block .roadmap-right{width:100%;min-height: inherit}
    .career-content-block h2{font-size:22px;}
    .key-skills-block{padding: 1.5rem;}
    .page-content .container{width:96%;}
    .page-title h1{font-size:26px}
    .career-subcategory-list ul li, .career-path-section .horizontal-scroll ul li{width:50%;}
    .career-subcategory-list ul li{margin:22px 0 6px 0}
    .career-subcategory-list .sectionButton{box-shadow: 0 0 8px 4px rgba(0, 36, 168, 0.1);}
    .career-category-title h2{font-size:22px;margin-bottom: 15px}
    
    .common-content, .tab-text, .z-tabs, .solution-unlock-banner, .quiz-main-section .ans{font-size:16px; line-height: 26px;}
    
    .payscale-slider-container .slider-container, .payscale-slider-hidden-width{width:100% !important;max-width:400px;}
    .payscale-slider-container .back-bar .pointer-label.first {margin-left: -92px;}
    .payscale-slider-container .back-bar .pointer-label.last {margin-left: 74px;}
    .payscale-slider-container .back-bar .pointer-label{top: -68px;}
    .payscale-slider-content{width:100% !important;max-width:100%;}
    .pay-title{font-size:24px;}
    
    .popup-author img{width:100px;height:100px;}
    #popup-validated h3{font-size:24px;}
    #popup-validated{margin: 50px auto 40px auto;padding: 20px 15px;}
    .popup-author{margin-top: -70px;}
    .career-new-hero .container{width:96%;}
    .z-tabs-nav { top: 49px;}
    #tabbed-bottom-justified ul.z-tabs-nav > li a img{position:relative;max-width:200px;opacity: 1;}
    #tabbed-bottom-justified ul.z-tabs-nav > li a{text-align:center;}
    #tabbed-bottom-justified ul.z-tabs-nav > li > a { min-height: inherit;padding: 15px 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .workplace-block p br{display:none;}
    .workplace-block{font-size: 16px;line-height: 1.5;}
    .workplace-block h4 { margin-bottom: 16px;}
    .workplace-slider .slick-arrow{display:none !important;}
    .z-tabs.large > ul > li > a{font-size:18px;}
    
    .career-new-hero-img{padding: 30px 0;}
    
    .slider-block { margin: 15px 10px;}
    .result-sec h2 span.correct-num, .result-sec h2 span.total-sum, .result-sec h2 span {
  font-size: 26px;line-height: 1.5
  margin: 0 0.6rem;
}
    .career-roadmap-block h2 { font-size: 18px !important;}
    .key-skills-top {
  font-size: 16px;
        line-height: normal;}
    
    .career-single-main .page-title h1 {
  font-size: 26px;
}
    .careers-search .form-control{/*font-size:16px !important*/}
    .career-subcategory-list .vertical-scroll{padding-bottom:16px;}
    
    .career-new-hero-img {  height: 410px;}
    .common-accordian a{font-size: 1.6rem;    padding: 10px 46px 10px 15px;}
    .workplace-block-img .container { width: 100% !important;}
    .payscale-slider-content{background: #FFFFFF;padding: 1.2rem 0; text-align: left;    color: #666;font-family: OpenSans-Regular;
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: 0;}
    .pay-title{color: #6c77eb; text-transform: none;font-family: OpenSans-Regular;
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: 0;}
    #popup-validated {
    text-align: center;
}
}

@media screen and (max-width: 576px){
    .payscale-slider-container .slider-container, .payscale-slider-hidden-width{width:100% !important;max-width:300px;}
    .payscale-slider-container .back-bar .pointer-label.first {margin-left: -68px;}
    .payscale-slider-container .back-bar .pointer-label.last {margin-left: 52px;}
    .payscale-slider-container .back-bar .pointer-label{top: -58px;width:140px;}
    
    .career-new-hero .container{flex-direction:column;}
    .hero-content-left{width:100%;padding: 0 0 0px 0;}
    .hero-content-right{width:100%;}
    .hero-content-right a.popup-validated img{margin-bottom: 6px;}
    .workplace-block-img{height:300px;}
    .tab-text h2{font-size:18px;}
}
    
@media screen and (max-width: 480px){
    .resp-desc{flex-direction:column;text-align: center;padding:15px;}
    .role-content{padding-left: 0;margin-top: 16px}
    .key-skills-block h3{margin-bottom: 14px;}
    
    .career-subcategory-list .sectionButton{height:auto;}
    .career-path-section .sectionButton{height:auto;padding: 18px 15px;}
    .career-category-title h2{font-size:20px;}
    
    
    .payscale-slider-container .slider-container, .payscale-slider-hidden-width{width:100% !important;max-width:280px;}
    .payscale-slider-container .back-bar .pointer-label.first {margin-left: 0px;}
    .payscale-slider-container .back-bar .pointer-label.last {margin-left: 0px;}
    .payscale-slider-container .back-bar .pointer-label{top: -50px;width:140px;}
    .payscale-slider-container .back-bar .pointer-label::after{border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #6c77eb;bottom: -10px;}
    
    .payscale-slider-container .back-bar .pointer-label.first::after{margin-left:6px;}
    .payscale-slider-container .back-bar .pointer-label.last::after{margin-right:6px;}
    .z-tabs.large > ul > li > a{padding: 16px 40px 16px 16px;}
    
    #tabbed-nav, #tabbed-skills, #tabbed-scope{margin-top:30px;}
    #tabbed-nav ul.z-tabs-desktop > li.z-active > a, #tabbed-skills ul.z-tabs-desktop > li.z-active > a, #tabbed-scope ul.z-tabs-desktop > li.z-active > a { background: #6c77eb !important;color: #FFF; text-shadow:none;-webkit-box-shadow:none;-moz-box-shadow: none;box-shadow: none;}
    #tabbed-nav ul.z-tabs-desktop > li.z-active > a:hover, #tabbed-skills ul.z-tabs-desktop > li.z-active > a:hover, #tabbed-scope ul.z-tabs-desktop > li.z-active > a:hover{color: #FFF !important;}
    
    .specialisations-block{flex-direction:column; text-align: center;}
    .specialisations-block .tabbed-skills-img{width:100%;}
    .specialisations-block .tabbed-skills-content{width:100%;padding-top: 16px;padding-left: 0px; text-align: center}
    
    .specialisations-block .tabbed-skills-img img.color{right: 0;margin: 0 auto;}
    #quiz .btn{margin-right: 0;margin-top: 18px;}
    .key-skills-block h3 {
        font-size: 18px;}
    .careers-search .matSearchIcon {
    margin-top: 10px;
    right: 16px;
}
    .career-path-section .horizontal-scroll {
    padding: 10px 0px 18px 0px;
}
    .careers-search{margin: 0 auto 30px auto}
    .material-icons{font-size: 18px;}
    .career-single-profession p{font-size:16px;line-height: 2rem;}
    .resp-desc{line-height:22px;}
    .key-skills-block { font-size: 15px; line-height: 24px;}
    .career-content-block { font-size: 16px; line-height: 26px;}
    .career-roadmap-block .roadmap-right{min-height:240px;}
    
}

@media screen and (max-width: 374px){
    
    .career-subcategory-list ul li{width:100%; padding: 0}
    .career-subcategory-list ul{padding: 0 8px;}
    .career-subcategory-list ul{margin:0;}
}