/*
	Careers
*/
@media (min-width: 1300px) {
	.careers{
		min-height:800px
	}
}
.careers{
	min-height: -webkit-calc(100vh - 168px);
	min-height: -moz-calc(100vh - 168px);
	min-height: -ms-calc(100vh - 168px);
	min-height: -o-calc(100vh - 168px);
	min-height: calc(100vh - 168px);
	/* padding-top:10px; */
}
.title{
	font-family:AvantGarde-Md-BT , Fallback, sans-serif;
	font-size:35px;
	font-weight:bold;
	line-height:43px;
	background: -webkit-linear-gradient(#0046B0, #19347D);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}
.sub-title{
	font-family:AvantGarde-Md-BT , Fallback, sans-serif;
	font-size:18px
}
.sub-title-career{
	font-family:AvantGarde-Md-BT , Fallback, sans-serif;
	font-size:20px;
	font-weight:bold;
	background: -webkit-linear-gradient(#0046B0, #19347D);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}
.featured-title{
	padding:25px 80px 25px 80px;
}
.featured-container,
.back-container{
	padding:0px 80px 0px 80px;
}

.job-container{
	padding:30px 20px 0 20px;
	letter-spacing:1px;
	
}
.job-container > a{
	text-decoration:none
}
.back-container{
	margin-top:25px
}
@media only screen and (max-width: 1299px){ 
	.featured-container,
	.back-container,
	.featured-title{
		padding:25px 5px;
	}
}
.job-title-container{
	width:100%;
	height:110px;
    display: table;
    color: #FFF;
	background-image:url(../img/careers/job-bg.png);
	background-size: 100% 100%;
}
.job-title-container p {
	vertical-align: middle;
	display: table-cell;
	font-size:20px;
	font-weight:bold;
	
}
p.job-location{
	white-space: nowrap;
	overflow:hidden;
    text-overflow:ellipsis;
	font-size:18px;
	color:#727376;
	line-height:18px;
	padding-top:5px;
	font-family:AvantGarde-Md-BT , Fallback, sans-serif;
	font-size:18px
}
p.job-department{
	font-size:18px;
	color:#727376;
	line-height:16px;
	margin-top:-2px;
	font-family:AvantGarde-Md-BT , Fallback, sans-serif;
	font-size:18px
}
@media only screen and (max-width: 1299px){ 
	.job-container{
		padding:20px 5px 0 5px;
		
	}
	.job-title-container p {
		font-size:18px;
		
	}
	p.job-location,
	p.job-department{
		font-size:14x;
	}
}
/* form-container */
.form-container{
	/* padding:0px 15px 80px 15px; */
	font-family:AvantGarde-Md-BT , Fallback, sans-serif;
	position:absolute;
	height: 100%;
	/* right:0; */
	min-height: 100% !important;
	background-color:#E6E7E8;
overflow-y:scroll; overflow-x:hidden;
	
}


/*no available careers*/
.no-careers {
    /* text-align: center; 
    margin: 50px auto;  
    max-width: 600px; */

	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 50vh;
    text-align: center;
}

.no-careers h2, .no-careers p {
    margin: 10px 0;
	font-weight: bold;
}
/*no available careers*/

@media only screen and (max-width: 1299px){ 
	.form-container{
		padding-top:40px;
		font-family:AvantGarde-Dm-BT , Fallback, sans-serif;
		position:relative;
	}

}
.normal{
	font-family:AvantGarde-Bk-BT , Fallback, sans-serif;
	font-size:13px
}
.btn-orange{
	font-size:20px;
	margin-top:40px;
}

.btn-orange:active {
	outline: 0;
}
.btn-orange:focus {
	outline: 0;
}
.btn-danger,
.btn-dangerr:focus,
.btn-danger:hover{
	color:#fff;
	background-color:#a94442;
}
.helper{
	color:#a94442;
}
.has-error.has-feedback > .form-control{
	color:#a94442;
}
.has-error.has-feedback > select.form-control option:first-child{
	color:#a94442;
}
.has-error.has-feedback > select.form-control option:nth-child(n+2){
	color:#000;
}
.has-error.has-feedback input[type=text].form-control{
	color:#a94442;
	
}

.bg-blue{
  display: flex;
  justify-content: center;  /* centers left ↔ right */
  align-items: center;   
    flex-direction: column;
	background: 
  repeating-linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.05) 0px,
    rgba(255, 255, 255, 0.05) 2px,
    rgba(0, 0, 0, 0.05) 2px,
    rgba(0, 0, 0, 0.05) 6px
  ),
  linear-gradient(
    to bottom,
    #2C52CC 0%,   /* solid blue at the top */
    #1A1F6F 100%  /* darker blue at the bottom */
  );
}

.logo{
	width: 10em  !important;
	height: 10em !important;
}

.prntlogo{
	margin-top: -190px;
}
.prntlogo,
.prntlogo h2{
  flex-direction: column;
  width: 100%;              /* allow flex to center it properly */
  display: flex;
  justify-content: center;
  align-items: center;
  top: -90px;
}

.prntlogo h2{
	color: white;
	font-weight: bold;
	font-size: 42px;
}

.bottom{
	position: relative;
	/* bottom:0; */
	bottom: -20vh;
}

.bottom h1{
	color: white;
	font-weight: bold;
	/* font-size: 42px; */
	font-size: 38px;
}

.bottom p{
	text-align: center;
	color: white;
	font-weight: 700;
}


.centerform{
  text-align: center;   
  /* padding-top:15vh;   */
  /* padding-top:5vh;   */
  /* padding-left:110px;
  padding-right:110px; */
   padding-left:20px;
   padding-right:20px;
}

#career-form {
    width: auto; /* Keep original width */
    text-align: left; /* Ensure labels + inputs stay left-aligned */
}

#subscribe-form {
    width: auto; /* Keep original width */
    text-align: left; /* Ensure labels + inputs stay left-aligned */
}

.headform h2{
	font-size: 32px;
	font-weight: bold;
	margin-top: 	20px 	!important;
	margin-bottom: 	30px	!important;
	font-family: AvantGarde-Md-BT, Fallback, sans-serif !important;
    font-size: 35px !important;
    font-weight: bold !important;

	font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    color: #001c43;
    font-size: 33px !important;
}

.headform p{
	font-weight: 800;
	margin-bottom: 20px;
}

.reminder{
	margin-top:20px;
	text-align: center;
}

.btn-width{
	width:100%;
}

.bg-color{
	background: #F3F4F6;
}




/* Banner Styling — adjust height as needed */
.banner-area {
    width: 100%;
    height: 250px;          /* Mobile height */
    background: #ccc;       /* Placeholder color */
}

/* Desktop: make banner full height beside form */
@media (min-width: 992px) {
  .banner-area {
    height: 100vh;        /* Full screen height */
  }
}

.banner-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;       
  /*gap: 20px;*/
}





.cabletv-content.active,
.internet-content.active,
.bundle-content.active{
	display:block
}
.pakage-title-container{
	padding:3px 0;
	background: #FF6A00; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#FF6A00, #E04700); /* For Safari 5.1 to 6.0 */
	background: -moz-linear-gradient(#FF6A00, #E04700); /* For Firefox 3.6 to 15 */
	background: -ms-linear-gradient(#FF6A00, #E04700); /* For Microsoft */
	background: -o-linear-gradient(#FF6A00, #E04700); /* For Opera 11.1 to 12.0 */
	background: linear-gradient(#FF6A00, #E04700); /* Standard syntax */
}
.pakage-title-container > span{
	font-family:AvantGarde-Md-BT , Fallback, sans-serif;
	font-size:18px;
	color: #fff;
}


/* .pakage-container{
	padding:7px 10px;
	background-color:#0046B0;
} */



.client-info{
	margin-bottom:25px;
	padding:10px 0 5px 0;
	background: #0046B0; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#0046B0, #19347D); /* For Safari 5.1 to 6.0 */
	background: -moz-linear-gradient(#0046B0, #19347D); /* For Firefox 3.6 to 15 */
	background: -ms-linear-gradient(#0046B0, #19347D); /* For IE */
	background: -o-linear-gradient(#0046B0, #19347D); /* For Opera 11.1 to 12.0 */
   	background: linear-gradient(#0046B0, #19347D); /* Standard syntax */
	border-top:10px solid #FF6A00;
}
.client-info .form-group{
	padding:0px 5px;
	margin:8px;
}
.client-info .form-control{
	border-radius:8px;
	font-weight:bold
}


.border{
	border-radius: 0 0 8px 8px !important;
	border: 1px solid #ccc;
}



/* @media (max-width: 991px) { */

    /* Force horizontal layout and center everything */
    .small-banner.bg-blue {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;   /* <-- vertical centering */
        justify-content: center !important; /* <-- horizontal centering */
        gap: 15px;
        padding: 15px;
        color: #fff;
        width: 100%;
    }

    .small-banner img {
        height: 6.5em;
        width: auto;
        flex-shrink: 0;
    }

    .small-banner .text-group {
        display: flex;
        flex-direction: column;
        justify-content: center;  /* vertical centering inside text block */
        align-items: flex-start;      /* <-- center text horizontally */
        text-align: left; 
        color: #fff;
    }

    .small-banner h1,
    .small-banner h2,
    .small-banner p {
        margin: 0;
        padding: 0;
    }

	@media (max-width: 1021px) {
		.headform{
			padding-top:0px !important;
		}
		.headform h2{
			margin: 0px !important;
		}
		.featured-container{
			padding-top: 0px !important;
			height: 80% !important;
		}
	}