/* Home Page - CSS */

/*******************************/
/* Hero Section */
/*******************************/
.home-hero-wrapper .hero-slide::after{
	content: '';
	position: absolute;
	background: rgba(32,49,100,0.8);
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev{
	z-index: 9;
}
.hero-slider .swiper-button-next:after,
.hero-slider .swiper-button-prev:after{
	display: none;
}
.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev{
	height:clamp(30px,2.396vw,46px);
	width:clamp(30px,2.396vw,46px);
}
.hero-slider .swiper-button-next{
	right: clamp(20px,6.25vw,120px);
}
.hero-slider .swiper-button-prev{
	left: clamp(20px,6.25vw,120px);
}
.hero-slider .hero-title-wrapper{
	position: absolute;
	top: 22%;
	left: clamp(80px,10.417vw,200px);
	z-index: 9;
	max-width: clamp(500px,41.667vw,800px);
}
.hero-slider .swiper-slide-active .hero-title-wrapper::after{
	content: '';
	position: absolute;
	top:-60%;
	left: -40%;
	border-radius: 50%;
	width: clamp(350px,27.083vw,520px);
	height: clamp(350px,27.083vw,520px);
	background: rgba(61, 173, 255, 0.42);
	filter: blur(100px);
	z-index: -1;
}
.hero-slider .hero-desc-wrapper{
	position: absolute;
	bottom: 22%;
	right: clamp(80px,10.417vw,200px);
	z-index: 9;
	max-width:420px;
}
.hero-slider .swiper-slide-active .hero-desc-wrapper::after{
	content: '';
	position: absolute;
	width: clamp(150px,15.625vw,300px);
	height: clamp(150px,15.625vw,300px);
	background: rgba(61, 173, 255, 0.42);
	border-radius: 50%;
	filter: blur(100px);
	z-index: -1;
	top: -50px;
	left: -50px;
}
.hero-slider .swiper-image-wrapper,
.hero-slider .hero-slide{
	height: 120vh;
}

#intro-section .intro-desc ul{
	margin-bottom: 0;
}

/*******************************/
/* Jobs */
/*******************************/
.jobs-wrapper .job-box{
	background: rgba(20,20,98, 0.2);
	border-radius: 20px;
	overflow: hidden;
}
.jobs-wrapper .job-box .job-content-wrapper {
	padding: clamp(20px,2.396vw,46px) clamp(30px,3.646vw,70px);
}
.jobs-wrapper .job-box .job-img-wrapper{
	height:clamp(250px,20.052vw,385px);
} 
.jobs-wrapper .intro-desc{
	max-width: 1080px;
	margin: 0 auto;
	position: relative;
} 
.jobs-wrapper .separator{
	height: 200px;
	width: 1px;
	background: #F27228;
} 

/*******************************/
/* Who is Senator */
/*******************************/

#whoDesc{
	background: #203164;
	position: relative;
}
.who-is-desc{
	min-height:300px;
}
.ship-to-right-wrapper{
	background: #203164;
	position: relative;
}
.who-ship-top{
	top: clamp(20px,5.729vw,110px);
	left: 0;
}
.who-ship-top svg{
	max-width: clamp(300px,38.542vw,740px);
}
#who-is .number{
	text-align:right;
	padding-inline: 50px;
}
#who-is .line-wrapper{
	top: 70px;
}
#who-is .number-title{
	padding-left: 50px;
}

/*******************************/
/* Why hop aboard */
/*******************************/
.why-items-wrapper .swiper-wrapper{
	padding-top: 100px;
}

.why-items-wrapper .why-item{
	top: 0;
	left: 0;
	width: 20%;
	background: #203164;
	min-height: 400px;
	padding: 20px;
}
.why-items-wrapper  .why-item img {
	width: auto;
	height: 60px;
}
.why-items-inner {
	gap: 25px;
}
/* .why-item {
	left: 0;
	top: 0;
} */

#who-is .big-line {
	transform: translateX(-95%);
	-webkit-transform: translateX(-95%);
	-moz-transform: translateX(-95%);
	-ms-transform: translateX(-95%);
	-o-transform: translateX(-95%);
}

/*******************************/
/* Careers */
/*******************************/

.careers-wrapper .career-term-btn{
	border: 1px solid #141462;
	border-radius: 30px;
	padding: 4px clamp(18px,1.146vw,22px);
	text-align: center;
	font-weight: 400;
	line-height: normal;
	transition: all .3s linear;
	color:#141462;
	background: transparent;
	text-transform: uppercase;
}

.careers-wrapper .career-term-btn::before {
	content: "";
	background: #F27228;
	height: clamp(6px,0.417vw,8px);
	width: clamp(6px,0.417vw,8px);
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
	position: absolute;
	top: 42%;
	left: 18px;
}

.careers-wrapper .career-term-btn.active{
	color: #F27228;
}

.careers-wrapper .word {
	transition: all 0.3s ease-in-out;
	text-decoration: none;
	margin-left: clamp(12px, 0.885vw, 17px);
}

.careers-wrapper .career-term-btn:hover .word {
	transform: translateX(-20%);
	-webkit-transform: translateX(-20%);
	-moz-transform: translateX(-20%);
	-ms-transform: translateX(-20%);
	-o-transform: translateX(-20%);
	display: block;
}

.careers-wrapper .career-term-btn:hover::before{
	left: 80%;
}

.careers-wrapper .career-box{
	border: 1px solid #141462;
	border-radius: 12px;
	overflow: hidden;
}

.swiper-slide .career-box-inner-wrapper{
	height: 0;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

.swiper-slide.swiper-slide-active .career-box-inner-wrapper{
	height: 250px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

.careers-wrapper .swiper-slide.swiper-slide-active .career-box-excerpt,
.careers-wrapper .swiper-slide.swiper-slide-active .career-box-btn{  
	opacity: 1;
	transition-delay: 1s;
}

.careers-wrapper .career-box-img-wrapper{
	height: 350px;
}

.careers-wrapper .career-box-conten{
	margin-bottom: 30px;
}

.careers-wrapper .career-box-content svg{
	min-width: 23px;
}

.careers-wrapper .swiper-slide svg.plus,
.careers-wrapper .swiper-slide.swiper-slide-active svg.minus{
	display: block;
}

.careers-wrapper .swiper-slide svg.minus,
.careers-wrapper .swiper-slide.swiper-slide-active svg.plus{
	display: none;
}

/* .careers-wrapper .swiper-slide {
	min-width: 28%;
	transition: min-width 0.5s ease-in-out;
	transition-delay: 0.5s;
}

.careers-wrapper .swiper-slide.swiper-slide-active{
	min-width: 42%;
	transition: min-width 0.5s ease-in-out;
	transition-delay: 0.5s;
	margin-bottom:10px;
} */
/* .careers-wrapper .swiper-slide {
	width: 600px;
	transform: scaleX(.9);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.careers-wrapper .swiper-slide:not(.swiper-slide-active) {
	left: 30px;	
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.careers-wrapper .swiper-slide.swiper-slide-active {
	transform: scaleX(1);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
} */

.careers-wrapper .dragBall {
	background: #141462;
	width: 80px;
	height: 80px;
	opacity: 1;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	pointer-events: none;
	box-shadow: 0px 0px 14px rgb(0, 0, 0, 0.1);
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);	 
}

.careers-wrapper .dragBall.hide {
	width: 0;
	height: 0;
	opacity: 0;
}

.careers-wrapper .dragBall svg{
	max-width:25px;
}

.careers-wrapper .swiper-wrapper {
	cursor: none!important;
}

.swiper-why .swiper-slide {
	width: 200px;
}