@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family: 'Casino';
    src: url('../fonts/careersFonts/Casino.eot');
    src: url('../fonts/careersFonts/Casino.eot') format('embedded-opentype'),
         url('../fonts/careersFonts/Casino.woff2') format('woff2'),
         url('../fonts/careersFonts/Casino.woff') format('woff'),
         url('../fonts/careersFonts/Casino.ttf') format('truetype'),
         url('../fonts/careersFonts/Casino.svg#Casino') format('svg');
}
.container-fluid{padding: 0 !important;}
.careerPage {
    --purple-1: #6c2bd9;
    --purple-2: #3b0a8e;
    --ring: #ffffff;
    --card: #ffffff;
    --text: #4b4b4b;
    --shadow: rgba(0, 0, 0, 0.22);
    --accent: #e43c3c;
    --icon: #19c39a;
}
.careerPage{overflow-x: hidden;margin: 0;font-family: "Poppins", sans-serif;}
.careerSectMainText{
    text-align: center;
}
.careerSectMainText .careerTopSubTitle{
    color:#fff;
    font-size: 150%;
}
.careerPage .headTitle{
    font-family: 'Casino';
    color: #fff;
}
/* second section starts */
.text-white{color: #fff;}
/* subtle contour/wave pattern overlay */
.careerPage:before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.12;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='300' viewBox='0 0 900 300'%3E%3Cg fill='none' stroke='%23000000' stroke-opacity='0.45' stroke-width='1'%3E%3Cpath d='M30 60c120-40 240-40 360 0s240 40 360 0'/%3E%3Cpath d='M0 95c120-40 240-40 360 0s240 40 360 0'/%3E%3Cpath d='M60 130c120-40 240-40 360 0s240 40 360 0'/%3E%3Cpath d='M10 165c120-40 240-40 360 0s240 40 360 0'/%3E%3Cpath d='M80 200c120-40 240-40 360 0s240 40 360 0'/%3E%3Cpath d='M20 235c120-40 240-40 360 0s240 40 360 0'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 900px 300px;
    background-repeat: repeat;
  }

  .careerPage .ui-wrap {
    position: relative;
    width: 100%;
    max-width: 1250px;
    height: 360px;
    margin: 0 auto;
    z-index: 1;
  }

  /* ====== CONNECTOR TUBE (SVG BEHIND NODES) ====== */
  .careerPage .blob-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
  }

  .careerPage .blob-bg svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  /* ====== NODES ====== */
  .careerPage .nodes {
    position: absolute;
    inset: 0;
    z-index: 2;
  }
  .careerPage .motBg{display: block;}

  .careerPage .node {
    position: absolute;
    width: 165px;
    height: 165px;
    border-radius: 50%;
    cursor: pointer;
    user-select: none;
  }

  .careerPage .node .outer {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    /* background: radial-gradient(
      circle at 30% 30%,
      #7a39ee,
      var(--purple-1) 55%,
      var(--purple-2) 100%
    ); 
    box-shadow: 0 16px 24px rgba(0, 0, 0, 0.28);*/
  }

  .careerPage .node .ring {
    position: absolute;
    inset: 14px;
    border-radius: 50%;
    background: var(--ring);
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.22);
  }

  .careerPage .node .inner {
    position: absolute;
    inset: 26px;
    border-radius: 50%;
    background: var(--card);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05),
      0 8px 14px rgba(0, 0, 0, 0.16);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 14px;
  }

  .careerPage .node .content {
    line-height: 1.1;
  }

  .careerPage .node .icon {
    width: 28px;
    height: 28px;
    margin: 0 auto 8px;
    color: var(--icon);
    display: inline-block;
  }

  .careerPage .node .title {
    color: var(--text);
    font-size: 15px;
    font-weight: 500;
  }

  .careerPage .node .arrow {
    width: 36px;
    height: 2px;
    background: var(--accent);
    margin: 10px auto 0;
    position: relative;
    border-radius: 2px;
  }

  .careerPage .node .arrow:after {
    content: "";
    position: absolute;
    right: -2px;
    top: -3px;
    width: 9px;
    height: 9px;
    border-right: 2px solid var(--accent);
    border-top: 2px solid var(--accent);
    transform: rotate(45deg);
  }

  /* ====== ACTIVE STATE ====== */

  .careerPage .node:hover .ring,
  .careerPage .node:hover .inner {
    background: #4B0078;
  }

  .careerPage .node.active .ring {
    background: #4B0078;
  }

  .careerPage .node.active .inner {
    inset: 27px;
    background: transparent;
    box-shadow: none;
  }

  .careerPage .node.active .title {
    color: #fff;
    font-size: 19px;
    font-weight: 700;
  }

  .careerPage .node:hover .title{
    color: #fff;
  }

  .careerPage .node.active .icon {
    color: #2bd3a6;
  }

  /* ====== POSITIONS (matching screenshot spacing) ====== */
  .careerPage .node[data-key="films"]{
    left: 9.5%;
    bottom: 12%;
  }

  .careerPage .node[data-key="music"]{
    left: 20.8%;
    top: 2%;
  }

  .careerPage .node[data-key="ar"]{
    left: 32.4%;
    bottom: 12%;
  }

  .careerPage .node[data-key="events"]{
    left: 43.8%;
    top: 2%;
  }

  .careerPage .node[data-key="retail"]{
    left: 55%;
    bottom: 12%;
  }

  .careerPage .node[data-key="support"]{
    left: 78%;
    bottom: 12%;
  }

  .careerPage .node[data-key="southtv"] {
    left: 66.8%;
    top: 2%;
  }
/* ====== POPUP CIRCLE (next to node) ====== */
.careerPage .cp-bubble {
    position: absolute;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: #f7f7f7;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.28);
    z-index: 10;
  
    display: none;
    opacity: 0;
    transform: scale(0.98);
    transition: opacity 180ms ease, transform 180ms ease;
  }
  
  .careerPage .cp-bubble.is-open {
    display: block;
    opacity: 1;
    transform: scale(1);
  }
  
  .careerPage .cp-bubble__ring {
    position: absolute;
    background: #fff;
    inset: 14px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.06);
  }
  
  .careerPage .cp-bubble__inner {
    position: absolute;
    inset: 34px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 18px;
  }
  
  .careerPage .cp-bubble__title {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 700;
    color: #444;
  }
  
  .careerPage .cp-bubble__text {
    font-size: 13px;
    line-height: 1.45;
    color: #555;
    max-height: 220px;
    overflow: auto;
    padding: 0 4px;
  }

  .careerPage .cp-bubble__anchor_a {
    font-size: 13px;
    line-height: 1.45;
    color: #555;
    display: block;
    margin-top: 8px;
    text-decoration: underline;
  }
  
  .careerPage .cp-bubble__close {
    position: absolute;
    top: 20px;
    right: 50px;
    width: 34px;
    height: 34px;
    border: 0;
    font-size: 28px;
    line-height: 1.3;
    cursor: pointer;
    background: #4c0078;
    border-radius: 30px;
    color: #fff;
    z-index: 2;
  }
  
  /* optional little “overlap” feel like screenshot */
  .careerPage .cp-bubble {
    pointer-events: auto;
  }
/* second section ends */

/* =========================
   SCOPE: careerPage
========================== */
.careerPage  .sectionThird {
  background: #6f3cc3; /* purple background like screenshot */
  padding: 40px 0;
  overflow: hidden;
  position: relative; /* VERY IMPORTANT */
}

.careerPage .careerSlideWrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.careerPage .careerSlides {
  display: flex;
  gap: 26px;
  align-items: flex-start;
  justify-content: center;
  padding: 20px 0 20px; /* create top space like screenshot */
}

/* =========================
   CARD (SLANTED)
========================== */
.careerThirdSlidePage .careerCard {
  position: relative;
  width: 200px;
  height: 360px;
  cursor: pointer;
  user-select: none;
}

/* shadow slant behind */
.careerPage .careerCard:before {
  content: "";
  position: absolute;
  left: 36px;
  top: 18px;
  width: 100%;
  height: 100%;
  transform: skewX(-12deg);
  /* background: rgba(0, 0, 0, 0.12); */
  border-radius: 6px;
  z-index: 0;
}

/* main slanted body */
.careerPage .careerCard__body {
  position: relative;
  height: 100%;
  transform: skewX(-12deg);
  background: rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  z-index: 1;
}

/* straighten content back */
.careerPage .careerCard__content {
  transform: skewX(12deg);
  padding: 28px 22px;
  height: 100%;
}

/* top icon square */
.careerPage .careerCard__iconBox {
  width: 76px;
  height: 66px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.18);
}

.careerPage .careerCard__icon {
  width: 40px;
  height: 40px;
  fill: none;
  stroke: #fff;
  stroke-width: 1.8;
}

.careerPage .careerCard__num {
  font-size: 86px;
  line-height: 1;
  font-weight: 800;
  color: #dfe7ff; /* light number */
  margin: 0 0 12px;
}

.careerPage .careerCard__title {
  font-size: 18px;
  font-weight: 800;
  margin: 0;
  line-height: 1.05;
  margin-left: -15%;
}

/* per-card accent colors */
.careerPage .is-red .careerCard__iconBox {
  background: #ff2f5b;
}
.careerPage .is-red .careerCard__title, .careerPage .is-red .text {
  color: #ff2f5b;
}

.careerPage .is-pink .careerCard__iconBox {
  background: #cc6cff;
}
.careerPage .is-pink .careerCard__title, .careerPage .is-pink .text {
  color: #cc6cff;
}

.careerPage .is-orange .careerCard__iconBox {
  background: #ffb000;
}
.careerPage .is-orange .careerCard__title, .careerPage .is-orange .text {
  color: #ffb000;
}

.careerPage .is-blue .careerCard__iconBox {
  background: #1e9bff;
}
.careerPage .is-blue .careerCard__title, .careerPage .is-blue .text {
  color: #1e9bff;
}

.careerPage .is-green .careerCard__iconBox {
  background: #9bd400;
}
.careerPage .is-purple .careerCard__iconBox {
  background: #ff7100;
}
.careerPage .is-purple .careerCard__title, .careerPage .is-purple .text {
  color: #ff7100;
}
.careerPage .is-green .careerCard__title, .careerPage .is-green .text {
  color: #9bd400;
}

.careerPage .is-policy .careerCard__iconBox {
  background: #00a99d;
}
.careerPage .is-policy .careerCard__title, .careerPage .is-policy .text {
  color: #00a99d;
}

/* hover polish */
.careerPage .careerCard:hover .careerCard__body {
  background: rgba(0, 0, 0, 0.11);
}

/* =========================
   BOOTSTRAP MODAL (FULLSCREEN)
========================== */
/* ====== NORMAL (NOT FULLSCREEN) BOOTSTRAP MODAL ====== *//* ==============================
   STATIC INTERNAL POPUP PANEL
============================== */

.careerPage .careerPopupPanel {
    position: absolute;
    left:0;
    top: 0;
    width: 100%;
    background: rgba(20, 14, 35, 1);
    color: #fff;
    height: 100%;
    display: none; /* hidden by default */
    z-index: 5;
  }
  
  .careerPage .careerPopupPanel.is-open {
    display: block;
  }
  
  .careerPage .careerPopupPanel__close {
    position: absolute;
    right: 18px;
    top: 14px;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
  }

  .careerPage .careerPopupPanel__image {
    overflow: hidden;
  }

  .careerPage .careerPopupPanel__image .infra-carousel {
    overflow: hidden;
    height: 220px;
  }

  .careerPage .careerPopupPanel__image .infra-carousel img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
  }
  
  .careerPage .careerPopupinner {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.7;
    padding: 28px;;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }

.careerPage  .sectionFourth{
  background: #262626;
  padding: 40px 0;
  overflow: hidden;
  position: relative; /* VERY IMPORTANT */
}
.careerPage .sectionFourth .row{
  display: flex;
  justify-content: center;
}
.careerPage .sectionFourth .widget{position: relative;}
.careerPage .sectionFourth .widget .playCareerIcon{
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.careerPage .sectionFourth .widget .playCareerIcon img{width: 80px;}

.careerPage .sectionFifth .careerPageMeetTeamInner{text-align: center;}
.careerPage .sectionFifth .emp-carousel .owl-stage {
    display: flex;
    align-items: stretch;
}
.careerPage .sectionFifth .emp-carousel .owl-item {
    display: flex;
}
.careerPage .sectionFifth .emp-carousel .emp-item {
    display: flex;
    width: 100%;
}
.careerPage .sectionFifth .careerPageMeetTeamInner .widget{
    padding: 20px;
    border-radius: 10px;
    background-color: #40D1A8;
    text-align: center;
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    color: #fff;
    flex: 1;
}
.careerPage .sectionFifth .careerPageMeetTeamInner .widget .avatar{width: 100px;border-radius: 50%;border: 4px solid #fff;text-align: center;margin-bottom: 15px;}
.careerPage .sectionFifth .careerPageMeetTeamInner .widget .mb-2{margin-bottom: 10px;}
.careerPage .sectionFifth .careerPageMeetTeamInner .widget .h4_heading{font-weight: bold;}
.careerPage .sectionFifth .emp-carousel .owl-nav .owl-prev{left: -11%;}
.careerPage .sectionFifth .emp-carousel .owl-nav .owl-next{right: -11%;}
.careerPage .sectionFifth .emp-carousel .owl-next .icon-ContLeft, 
.careerPage .sectionFifth .emp-carousel .owl-prev .icon-ContRight{font-size: 28px;}

.careerPage .sectionFifth .emp-carousel .text{margin: 0% auto;padding: 0px;font-size: 13px;}
.careerPage .sectionFifth .emp-carousel .widget_1 .text{margin: 3% 0;}

.careerPage .sectionSixth{background-color: #1E2222;padding: 40px 0;color: #fff;}
.careerPage .sectionSixth .h2_heading{font-size: 24px;font-weight: 600;margin-bottom: 10px;}
.careerPage .sectionSixth .text{margin-bottom: 30px;}
.careerPage .sectionSixth .right-border{border-right: 2px solid #FFFFFF;}
.careerPage .btn-explore{
    border: 4px solid rgba(255,255,255,0.7);
    background: linear-gradient(135deg, #36d1a4, #6a4df5);
    cursor: pointer;
    position: relative;
    text-shadow: 0 3px 8px rgba(0,0,0,0.4);
    color: #fff;
    padding: 10px 40px;
    border-radius: 80px;
    box-shadow: 
        0 12px 30px rgba(0,0,0,0.35),
        0 0 40px rgba(120,120,255,0.4);
    transition: all 0.3s ease;
}
/* Hover effect */
.careerPage .btn-explore:hover {
    transform: translateY(-4px);
    box-shadow: 
        0 18px 40px rgba(0,0,0,0.45),
        0 0 60px rgba(120,120,255,0.5);
}


/*New Layout Career Page*/

#formContainer{margin-bottom: 3%;padding: 40px;display: none;}
.formContainer .form-horizontal{margin: 25px auto 0;width: 70%;}
.formContainer .form-group{margin: 0 0 25px;}
.formContainer .form-control{height: 50px;}
/* File upload */
.formContainer .file-upload{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 0px;
    background-color: #fff;
    font-size: 14px;
}
.formContainer .file-upload input{
    display:none;
}
.formContainer .file-upload label{
    color:#2d5bff;
    cursor:pointer;
    font-weight:600;
}
.formContainer .formphoneField{display: flex;}
.formContainer .formphoneField select{width: 100px;}

.careerSearchBox{position: relative;}
.dropdown-btn{
    width: 100%;
    padding: 12px;
    border: none;
    background: #fff;
    text-align: left;
    border-radius: 4px;
    color: #000;
}
.dropdown-content{
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #fff;
    max-height: 200px;
    overflow-y: auto;
    z-index: 999;
    padding: 10px;
}
.dropdown-content label{
    display: block;
    margin-bottom: 5px;
    font-weight: normal;
}
.careerPageMeetTeamInner{padding: 1% 0;}
.careerPageMeetTeamInner .text{color: #fff;line-height: 2;margin: 3% auto;padding: 20px;}
.careerPageMeetTeamInner .text_1{color: #fff;line-height: 2;margin: 3% auto;width: 70%;}
.mobile_view{display: none !important;}

.careerSwapSect_03 .careerList .contentBlock{padding: 20px 0;border-bottom: 1px solid #ddd;}
.careerSwapSect_03 .careerList .h3_heading{margin: 8px 0;color: #703AC9;font-weight: 800;}
.careerSwapSect_03 .careerList .text{margin: 12px 0 6px;}
.careerSwapSect_03 .careerList .shareIcon{
    line-height: 35px;
    background: linear-gradient(309.9deg, #3ECEA5 19.2%, #703AC9 83.06%);border: none;
    border-radius: 50%;width: 35px;height: 35px;color: #fff;margin-top: 2px;display: inline-block;text-align: center;
}
.careerSwapSect_03 .careerList .btn{width: auto;font-size: 14px;padding: 8px 20px;margin: 0;}

.careerSwapSect_03 .careerDetailsList{color: #000 !important;}
.careerSwapSect_03 .careerDetailsList h2{margin: 20px 0;}
.careerSwapSect_03 .careerDetailsList h3{margin: 10px 0;}


@media screen and (max-width: 2000px) and (min-width: 1367px){
    .careerPage .searchBoxFxd{bottom: -20%;}
    .careerPageMeetTeamInner .text_1{font-size: 20px;}
}

@media screen and (max-width: 766px) and (min-width: 320px){
    .mobile_view{display: block !important;}
    .desktop_view{display: none !important;}
    .careerPage .section{padding: 40px 0;}

    .relative-container{position: relative;}
    .absolute-container{position: absolute;}

    .careerPage .firstSection{padding: 0;}
    .careerPage .careerSectBlk{left: 0;right: 0;margin: 0 auto;top: 35%;text-align: center;color: #fff;}
    .careerPage .headTitle{text-align: center;font-size: 40px;}

    .careerPage .sectionSixth{text-align: center;vertical-align: top;display: inline-block;}
    .careerPage .sectionSixth .col-sm-6{padding: 30px 0;width: 90%;text-align: left;margin: 0 auto;}
    .careerPage .sectionSixth .col-sm-6:first-child{border-bottom: 1px solid #353535;}

    .careerPage .sectionSecond{text-align: center;margin: 0 auto;background-image: url('../images/careers/new/greenBg.png');background-size: cover;}
    .careerPage .sectionSecond .emp-carousel{display: flex;padding: 0 10px;}
    .careerPage .sectionSecond .emp-carousel .owl-stage {
        display: flex;
        align-items: stretch;
    }
    .careerPage .sectionSecond .emp-carousel .owl-item {
        display: flex;
    }
    .careerPage .sectionSecond .emp-carousel .emp-item {
        display: flex;
        width: 100%;
    }
    .careerPage .sectionSecond .widget{
        padding: 20px;
        border-radius: 10px;
        background-color: #40D1A8;
        text-align: center;
        margin-top: 20px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        color: #fff;
        flex: 1;
    }
    .careerPage .careerTopSubTitle{font-size: 150%;color: #fff;margin: 0;}
    .careerPage .sectionSecond .widget .avatar{width: 100px;border-radius: 50%;border: 4px solid #fff;text-align: center;margin-bottom: 15px;}
    .careerPage .sectionSecond .widget .mb-2{margin-bottom: 10px;}
    .careerPage .sectionSecond .widget .h4_heading{font-weight: bold;}

    .careerSwapSect_03{
        background-image: url('../images/careers/new/greenBg.png') !important;
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 80vh;
        background-position: right;
    }
    .careerSwapSect_03 .careerList{display: block !important;margin: 0 15px;}

    .careerPage .form-group{margin-bottom: 20px;}
    .careerPage .form-control{background-color: #fff;border: 1px solid #dedede;font-weight: 300;}

    .careerPage .searchBoxFxd{position: absolute; bottom: -15%;margin: 0 auto; left: 0;right: 0;padding: 0 2%;z-index: 9;}
    .careerPage .careerSearchBox{display: flex;background-color: #fff;padding: 5px;justify-content: space-between;border-radius: 22px;}
    .careerSwapSect_03{padding: 10% 0;}
    #formContainer{margin: 0 auto;padding: 20px;}
    .careerPage .searchApply{
        line-height: 35px;
        background: linear-gradient(309.9deg, #3ECEA5 19.2%, #703AC9 83.06%);border: none;
        border-radius: 50%;width: 35px;height: 35px;color: #fff;margin-top: 2px;
    }
    .careerSwapSect_03 .btn, .careerCampusPage .btn{
        padding: 8px 20px !important;
        font-size: 14px !important;
    }
    .careerPage .careerContentList{background-color: #fff;padding: 20px;border-radius: 20px;}
    .careerPage .btn{border: none;}
    .dropdown-content{
        box-shadow: 1px 2px 8px #a2a2a2;
        width: 80%;
        left: 0;right: 0;margin: 0 auto;
    }
    .careerSwapSect_03 .careerList .contentBlock{padding: 10px 0;border-bottom: 1px solid #ddd;}
    .careerSwapSect_03 .careerList .h3_heading{margin: 8px 0;color: #703AC9;font-weight: 800;}
    .careerSwapSect_03 .careerList .text{margin: 8px 0 10px;}
    .careerSwapSect_03 .careerList .shareIcon{
        line-height: 35px;
        background: linear-gradient(309.9deg, #3ECEA5 19.2%, #703AC9 83.06%);border: none;
        border-radius: 50%;width: 35px;height: 35px;color: #fff;margin-top: 2px;display: inline-block;text-align: center;
    }
    .careerPage .careerContentList .jobDesc{list-style-type: disc !important;}
    .careerPage .careerContentList .jobDesc li{
        display: block;width: 100%;border: none;list-style-type: disc !important;margin-bottom: 10px;padding: 0;
    }
    .sectionFifth .careerPageMeetTeamInner{padding: 0 10px;margin-top: 10%;}
    .careerPage.careerCampusPage .vertical-center{
        position: relative;
        transform: none;
        left: 0;
        right: 0;
        text-align: center;
        width: 100%;
        background-color: #30bb94;
        padding: 20px 0;
    }
    .careerCampusPage .firstSection .vertical-center{
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        width: 90%;
        background-color: transparent;
        color: #fff;
    }
    .careerCampusPage .firstSection .vertical-center .headTitle{text-align: center;color: #fff;}
    .careerPageMeetTeamInner .text_1{width: 85%;margin: 5% auto;}

    .careerPage .careerSlides{display: inline-block;}
    .careerThirdSlidePage .careerCard{display: inline-block;margin-bottom: 20px;width: 145px;vertical-align: top;height: 310px;}
    .careerPage .careerCard__title{font-size: 14px;}
    .careerPage .careerCard__content{padding: 1px 22px;}

    .careerPage .ui-wrap{
        width: 69%;
        height: auto; 
        margin: 8% auto;
    }
    .careerPage .blob-bg{position: relative;}
    .careerPage .node{width: 145px;height: 145px;}
    .careerPage .node[data-key="films"]{
        left: -1.5%;
        bottom: 84%;
    }
    .careerPage .node[data-key="music"]{
        left: 46%;
        top: 13.5%;
    }
    .careerPage .node[data-key="events"]{
        left: 45.8%;
        top: 41.5%;
    }
    .careerPage .node[data-key="ar"]{
        left: -1.5%;
        bottom: 56%;
    }
    .careerPage .node[data-key="retail"]{
        left: -1.5%;
        bottom: 27.6%;
    }
    .careerPage .node[data-key="southtv"]{
        left: 45.8%;
        top: 69.5%;
    }
    .careerPage .node[data-key="support"]{
        left: -1.5%;
        bottom: -0.3%;
    }
    .careerPage .node .content{padding: 0;}
    .careerPage .cp-bubble{width: 95%;}
    .careerPage .careerContentList ul{list-style-type: disc;}
    .careerPage .careerContentList li{
        display: block;
        width: 100%;
        margin-right: 8px;
        margin-bottom: 5px; 
        border-radius: 0;
        border: none; 
        padding: 0px; 
        position: relative;
        list-style-type: disc;
    }
    .formContainer .form-horizontal{width: 100%;}

    .careerPage .sectionFourth .container{margin: 0 15px;}
    .careerPage .sectionFourth .widget .playCareerIcon{top: 30%;}
}